ui-2/about.html at master · essentialism-project/ui-2 · 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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Essentialism - Team</title>
    <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/styles.css">
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.css">
</head>
<body>


<div class="wrapper">

    // Full desktop navbar
    <nav class="desktop">
        <nav class="leftnav">
            <img class="logo" src="img/Logo%20-%20Essentialism.png" alt="green logo"><a class="active"
                                                                                        href="https://friedmacaroni.netlify.com/index.html">
            Essentialism</a>
        </nav>
        <nav class="rightnav">
            <a href="#" class="rightnav">Testimonials</a>
            <a href="#" class="rightnav">Pricing</a>
            <a href="https://friedmacaroni.netlify.com/about.html" class="rightnav">About</a>
            <a href="https://wizardly-swirles-43fdf7.netlify.com/signup1" class="rightnav">Sign Up</a>
        </nav>
    </nav>

    // Shortened mobile nav
    <nav class="mobile">
        <nav class="leftnav">
            <img class="logo" src="img/Logo%20-%20Essentialism.png" alt="green logo"><a class="active"
                                                                                        href="https://unruffled-haibt-0c1f67.netlify.com/index.html">
            Essentialism</a>
        </nav>
        <nav class="rightnav">
            <a href="https://wizardly-swirles-43fdf7.netlify.com/login" class="rightnav">Sign In</a>
            <a href="https://wizardly-swirles-43fdf7.netlify.com/signup1" class="rightnav">Sign Up</a>
        </nav>
    </nav>


    <section class='about'>
        <div class="headline">
            <h2>The Essentialism Team</h2>
        </div>

        <div class="team">

            <article class="member">
                <img src="img/Asha.png" alt="Asha Illustration">
                <div class="text">
                    <h4>Asha<br>Franchi</h4>
                    <h6>UI Developer</h6>
                    <a href="https://github.com/ashafranchi" class="aboutBtn fab fa-lg fa-github"></a>
                </div>
            </article>
            <article class="member">
                <img src="img/Volha.png" alt="Volha Illustration">
                <div class="text">
                    <h4>Volha<br>Hancharova</h4>
                    <h6>UI Developer</h6>
                    <a href="https://github.com/daredtech" class="aboutBtn fab fa-lg fa-github"></a>
                </div>
            </article>
            <article class="member">
                <img src="img/Arthur.png" alt="Arthur Illustration">
                <div class="text">
                    <h4>Arthur<br>Leonard</h4>
                    <h6>Team Lead</h6>
                    <a href="https://github.com/ArthurLeonard" class="aboutBtn fab fa-lg fa-github"></a>
                </div>
            </article>
            <article class="member">
                <img src="img/Colton.png" alt="Colton Illustration">
                <div class="text">
                    <h4>Colton<br>Mortensen</h4>
                    <h6>UX Developer</h6>
                    <a href="https://github.com/RubenPonce" class="aboutBtn fab fa-lg fa-github"></a>
                </div>
            </article>
            <article class="member">
                <img src="img/Jack.png" alt="Jack Illustration">
                <div class="text">
                    <h4>Jack<br>Ober</h4>
                    <h6>Frond End Developer</h6>
                    <a href="https://github.com/Jackcornellober" class="aboutBtn fab fa-lg fa-github"></a>
                </div>
            </article>
            <div class="member">
                <img src="img/Ruben.png" alt="Ruben Illustration">
                <div class="text">
                    <h4>Ruben<br>Ponce</h4>
                    <h6>Back End Developer</h6>
                    <a href="https://github.com/RubenPonce" class="aboutBtn fab fa-lg fa-github"></a>
                </div>
            </div>
            <div class="member">
                <img src="img/Lisa.png" alt="Lisa Illustration">
                <div class="text">
                    <h4>Lisa<br>Taylor</h4>
                    <h6>UI Developer</h6>
                    <a href="https://github.com/lisaMTayl" class="aboutBtn fab fa-lg fa-github"></a>
                </div>
            </div>
        </div>
    </section>


    <footer>
        <div class="foot footLeft">
            <p>Privacy Policy</p>
            <p>Terms and Conditions</p>
            <p>Cookie Policy</p>
        </div>
        <div class="foot footCtr">
            <p>Find us on:</p>
            <ul class="foot social">
                <li><a href="#"><i class="fab fa-2x fa-instagram" aria-hidden="true"></i></a></li>
                <li><a href="#"><i class="fab fa-2x fa-facebook-square" aria-hidden="true"></i></a></li>
                <li><a href="#"><i class="fab fa-2x fa-twitter-square" aria-hidden="true"></i></a></li>
            </ul>
            <p> Essentialism 2019. All rights reserved.</p>
        </div>
        <div class="foot footRight">
            <p>Contact Us</p>
            <p>FAQs</p>
            <p>About Us</p>
        </div>

    </footer>

</div>

<script src="js/tabs.js"></script>

</body>
</html>