webapp

1
import React from 'react';
2
import './Cards.css';
3
import CardItem from './CardItem';
4

5
function Cards() {
6
  return (
7
    <div className='cards'>
8
      <h1>Check out these EPIC Destinations!</h1>
9
      <div className='cards__container'>
10
        <div className='cards__wrapper'>
11
          <ul className='cards__items'>
12
            <CardItem
13
              src='images/img-9.jpg'
14
              text='Explore the hidden waterfall deep inside the Amazon Jungle'
15
              label='Adventure'
16
              path='/services'
17
            />
18
            <CardItem
19
              src='images/img-2.jpg'
20
              text='Travel through the Islands of Bali in a Private Cruise'
21
              label='Luxury'
22
              path='/services'
23
            />
24
            <CardItem
25
              src='images/img-9.jpg'
26
              text='Explore the hidden waterfall deep inside the Amazon Jungle'
27
              label='Adventure'
28
              path='/services'
29
            />
30
            
31
          </ul>
32
          <ul className='cards__items'>
33
            <CardItem
34
              src='images/img-3.jpg'
35
              text='Set Sail in the Atlantic Ocean visiting Uncharted Waters'
36
              label='Mystery'
37
              path='/services'
38
            />
39
            <CardItem
40
              src='images/img-4.jpg'
41
              text='Experience Football on Top of the Himilayan Mountains'
42
              label='Adventure'
43
              path='/products'
44
            />
45
            <CardItem
46
              src='images/img-8.jpg'
47
              text='Ride through the Sahara Desert on a guided camel tour'
48
              label='Adrenaline'
49
              path='/sign-up'
50
            />
51
          </ul>
52
        </div>
53
      </div>
54
    </div>
55
  );
56
}
57

58
export default Cards;
59