wanderlust-UI-Ramses/about.html at master · wanderlust-bw/wanderlust-UI-Ramses · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>Wanderlust About Us</title>

    <link href="https://fonts.googleapis.com/css?family=Rubik:300,400,500&display=swap" rel="stylesheet">

    <link href="css/index.css" rel="stylesheet" />
    <script src="./components/Tabs.js" async=""></script>

    <!--[if lt IE 9]>  <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script> <![endif]-->
</head>
<body>
    <!-- Main Container -->
    <div class="sourceContainer">

            <!-- Header -->
        <header class="container">
            <h1>Wanderlust</h1>
            <nav class="container">
                <a href="#">Become a Guide!</a>
                <a href="#">Search</a>
                <a href="https://wonderlust-manju.herokuapp.com/Login">Login</a>
                <a href="#">Join</a>
            </nav>
        </header>

        <!-- Top Img Banner -->
        <div class="CTA2 container">
                <span class="container">
                    <h2 id="banner-txt">About Us!</h2>
                </span>
            </div>


        <!-- Team top bar -->
        <div class="tabs">
                <div class="topics">
                  <span class="title">THE TEAM:</span>
                  <div data-tab="all" class="tab active-tab">ALL</div>
                  <div data-tab="UI" class="tab">UI</div>
                  <div data-tab="UX" class="tab">UX</div>
                  <div data-tab="FRONT" class="tab">FRONT END</div>
                  <div data-tab="BACK" class="tab">BACK END</div>
                  <div data-tab="LEAD" class="tab">TEAM LEAD</div>
                </div>
        </div>

        <!-- Team cards -->
        <section class="experiences container">

                <div class="cardBox container">
                    <div data-tab="UI" class="card card1 container">
                        <h4>UI</h4>
                        <img class="img1" src="../wanderlust-UI-Ramses/design-files/image.png">
                        <p>Ramses Bermudez</p>

                    </div>
                    <div data-tab="UI" class="card card6 container">
                        <h4>UI</h4>
                            <!-- <img class="img1" src="design-files/teddy-kelley-105544-unsplash.jpg"> -->
                        <p>Nabeelah Yousuph</p>

                    </div>
                    <div data-tab="UI" class="card card6 container">
                        <h4>UI</h4>
                            <!-- <img class="img1" src="design-files/teddy-kelley-105544-unsplash.jpg"> -->
                        <p>Max David</p>

                    </div>
                    <div data-tab="UX" class="card card2 container">
                        <h4>UX</h4>
                        <img class="img1" src="design-files/IMG-4174.JPG">
                        <p>Graham Bunt</p>

                    </div>
                    <div data-tab="LEAD" class="card card5 container">
                        <h4>Team Lead</h4>
                        <img class="img1" src="design-files/Screenshot_20181004-164137_Gallery.jpg">
                        <p>Olivia Osborn</p>

                    </div>
                    <div data-tab="FRONT" class="card card3 container">
                        <h4>Front End</h4>
                        <!-- <img class="img1 uniqImg" src="design-files/redcharlie-739534-unsplash.jpg"> -->
                        <p>Manju KC</p>

                    </div>
                    <div data-tab="BACK" class="card card4 container">
                        <h4>Back End</h4>
                        <!-- <img class="img1" src="design-files/olivia-hutcherson-743663-unsplash.jpg"> -->
                        <p>Tenzig Yeshi</p>

                    </div>


                </div>

            </section>


    </div>
</body>
</html>