the-startup/about us.html at main · EvaRoets/the-startup · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="scss/about-us.css">
    <title>About We>Code</title>
</head>
<body>
<div class="container">
    <div class="whitespace-1">
            <div id="mySidenav" class="sidenav">
                <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&times;</a>
                <a href="index.html">Home</a>
                <a href="product.html">Platform</a>
                <a href="about us.html">About</a>
                <a href="contact.html">Contact</a>
            </div>
        <span style="font-size:30px;cursor:pointer" onclick="openNav()">&#9776;</span>
    </div>
    <div class="content">
        <h1>About We>Code</h1>
        <div class="text-box-1">
            <h2>Our vision</h2>
            <p>You aspire the freedom of the freelancer life - wink, wink, digital nomad wannabe - but are you not too convinced about taking on the responsibilty of proving your own income. You know, all by yourself? </p><br/>
            <p>We admit, it can be a huge burden. And we have your back! Allow yourself to build a client base without too much effort and, ultimately, to form durable professional relationships. While you're taking that trip to Thailand, Bali, Hawaii, any other dream destination you had in mind, or just your own backyard. Your choice.</p><br/>
            <p>However - and we say this in all honesty and seriousness - We>Code is not your regular freelancer platform. Why? We're not sure yet either, but at least this web page is getting filled with some text.</p><br/>
        </div>
        <div class="text-box-2">
            <h2>Our team</h2>
            <section class="cardbox">
                <div class="card">
                    <div class="card-img">
                        <img src="images/1Jawad.jpg" alt="Jawad">
                    </div>
                    <div class="card-text">
                        <h4><b>Jawad</b></h4>
                        <h5>Co-founder</h5>
                        <p>Jawad is one of the co-founders of We>Code. He developed the home page and footer, effortlessly adding smooth transitions.</p>
                    </div>
                </div>
                <div class="card">
                    <div class="card-img">
                        <img src="images/2Jens.jpg" alt="Jens">
                    </div>
                    <div class="card-text">
                        <h4><b>Jens</b></h4>
                        <h5>Co-founder</h5>
                        <p>Jens is one of the co-founders of We>Code. He used his wit to develop a moving navigation bar and carousel, put his creativity to the test for the services page.</p>
                    </div>
                </div>
                <div class="card">
                    <div class="card-img">
                        <img src="images/3Eva.jpg" alt="Eva">
                    </div>
                    <div class="card-text">
                        <h4><b>Eva</b></h4>
                        <h5>Co-founder</h5>
                        <p>Eva is one of the co-founders of We>Code. She streamlined default look and feel and developed the about us page and contact page.</p>
                    </div>
                </div>
            </section>
            <a class="button" href="contact.html">I want to freelance at We>Code! >>></a>
        </div>
        <div class="container-footer">
            <div class="col-1">
                <img src="images/logo-footer.png" alt="Logo footer" width="120" height="120"><br><br>
                <br><br><br>
                &copy; 2021 We>Code. All Rights Reserved.
            </div>
            <div class="col-2">
                <h2>Explore</h2>
                <br><br>
                <div class="links">
                    <a href="index.html">Home</a><br><br>
                    <a href="product.html">Platform</a><br><br>
                    <a href="about us.html">About</a><br><br>
                    <a href="contact.html">Contact</a><br><br>
                </div>
            </div>
            <div class="col-3">
                <h2>Follow us on</h2><br><br>
                <div class="icons">
                    <div class="icons">
                        <a href="https://www.facebook.com/"><img src="images/facebook.png" width="25px" height="25px" alt="Facebook logo"/></a>
                        <a href="https://twitter.com/"><img src="images/twitter.png" width="25px" height="25px" alt="Twitter logo"/></a>
                        <a href="https://www.linkedin.com/"><img src="images/linkedin.png" width="25px" height="25px" alt="LinkedIn logo"/></a>
                        <a href="https://www.instagram.com/"><img src="images/instagram.png" width="25px" height="25px" alt="Instagram logo"/></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="whitespace">
        <img src="images/logo.png" alt="We>Code logo">
    </div>
</div>
<script>
    function openNav() {
        document.getElementById("mySidenav").style.width = "250px";
    }
    function closeNav() {
        document.getElementById("mySidenav").style.width = "0";
    }
</script>
</body>
</html>