ui-1/about.html at master · essentialism-project/ui-1 · 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
<!doctype html>
<head>
    <meta charset="utf-8">
    <title> Essentialism -  getting only the right things done </title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link href="https://fonts.googleapis.com/css?family=Indie+Flower|Roboto" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
    <!-- <script src="js/index.js" async></script> -->
    <script src="./components/Tabs/Tabs.js" async></script>
</head>

<body>
    <div class="container">

        <!-- Navigation Bar -->
        <header class="main-navigation">
            <div class="nav-container">
                <div class="logo-items">
                    <img id="logo-img" class="logo" src="img/Logo-Essentialism.png" alt="Essentialism Company logo.">
                    <h1 class="logo-header"> Essentialism </h1>
                </div>

                <nav class="nav">
                    <a class="nav-link" href="index.html">Home</a>
                    <a class="nav-link" href="#">Testimonials</a>
                    <a class="nav-link" href="#">Pricing</a>
                    <a class="nav-link" href="https://wizardly-swirles-43fdf7.netlify.com/signup1">Sign up</a>

                    <a class="nav-link-mobile" href="https://wizardly-swirles-43fdf7.netlify.com/login">Sign in</a>
                    <a class="nav-link-mobile" href="https://wizardly-swirles-43fdf7.netlify.com/signup1">Sign up</a>

                </nav>


            </div>
        </header>

        <!-- Pitch and Video -->
        <section class="about-pitch">
            <div class="about-motto">
                <h5> Why Essentialism?</h5>
                <p> In a world with everything shouting for you attention, the disciplined pursuit of less has never been more needed. Enter Essentialism. The Way of the Essentialist involves doing less, but better, so you can make the highest possible contribution. It’s not about getting more done in less time or getting less done. <br>It’s about getting only the right things done. It’s about regaining control of our own choices about where to spend our time and energies instead of giving others implicit permission to choose for us. The first step to essentialism is identifying your values.</p>
            </div>

            <div class="video">
                <iframe src="https://www.youtube.com/embed/T9x6D09AKBU" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
            </div>
        </section>

        <!-- Meet the Team  -->
        <section class="meet-the-team">
            <h5>Meet the Team</h5>

            <div class="members">
                    <div class="team-member">
                        <div class="member-image">  <img src="./img/temp.svg" /></div>
                        <h4>Asha Franchi</h4>
                        <p>UI Developer</p>
                    </div>

                    <div class="team-member">
                        <div class="member-image">  <img src="./img/Colton.png"  /></div>
                        <h4>Colton Mortensen</h4>
                        <p>UX Designer</p>
                    </div>

                    <div class="team-member">
                        <div class="member-image">  <img src="./img/JackSVG.svg" /></div>
                        <h4>Jack Ober</h4>
                        <p>Front-End Developer</p>
                    </div>


                    <div class="team-member">
                        <div class="member-image">  <img src="./img/lisa.svg" /></div>
                        <h4>Lisa Marie Taylor </h4>
                        <p>UI Developer</p>
                    </div>

                    <div class="team-member">
                        <div class="member-image">  <img src="./img/ruben.svg"/></div>
                        <h4>Ruben Ponce</h4>
                        <p>Back-End Developer</p>
                    </div>

                    <div class="team-member">
                        <div class="member-image">  <img src="./img/v.svg" /></div>
                        <h4>Volha Hancharova</h4>
                        <p>UI Developer</p>
                    </div>

                    <div class="team-member">
                            <div class="member-image">  <img src="./img/arthur.svg" /></div>
                            <h4> Arthur Leonard</h4>
                            <p>Team Lead</p>
                        </div>
            </div>

        </section>


        <!-- Footer  -->
       <section class="footer-home">
            <div class="footer-remarks">
                <p>Privacy Policy</p>
                <p>Terms and Conditions</p>
                <p>Cookie Policy</p>
            </div>

            <div class="footer-remarks-icons">
                <p>Find us on:</p>
               <div class="icons">

               <div class="icon">  <img src="./img/inst.png" /> </div>
               <div class="icon">  <img src="./img/fb.jpg" /> </div>
               <div class="icon">  <img src="./img/tw.jpg" /> </div>
            </div>

                <p>Essentialism 2019. All rights reserved. </p>
            </div>
            <div class="footer-remarks">
                <p>Contact Us</p>
                <p>FAQs</p>
                <p>About Us</p>
            </div>
        </section>


    </div>

</body>

</html>