Bachelorthesis_Code/frontend/src/components/Cards.js

52 lines
2 KiB
JavaScript

import React from 'react'
import CardItem from './CardItem'
import './Cards.css'
function Cards() {
return (
<div className='cards'>
<h1>Check out these EPIC Destinations</h1>
<div className="cards__container">
<div className="cards__wrapper">
<ul className="cards__items">
<CardItem
src="/images/img-4.jpg"
text="Explore the hidden waterfall deep inside the Amazon Jungle"
label="Adventure"
path="/services"
/>
<CardItem
src="/images/img-4.jpg"
text="Travel through the Islands of Bali in a Private Cruise"
label="Luxury"
path="/services"
/>
</ul>
<ul className="cards__items">
<CardItem
src="/images/img-4.jpg"
text="Explore the hidden waterfall deep inside the Amazon Jungle"
label="Adventure"
path="/services"
/>
<CardItem
src="/images/img-4.jpg"
text="Travel through the Islands of Bali in a Private Cruise"
label="Luxury"
path="/services"
/>
<CardItem
src="/images/img-4.jpg"
text="Travel through the Islands of Bali in a Private Cruise"
label="Luxury"
path="/services"
/>
</ul>
</div>
</div>
</div>
)
}
export default Cards