project1/aboutUs.html at master · Adoni0/project1 · 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
<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

    <!--CSS file Link-->
    <link rel="stylesheet" href="css/style.css">

    <!-- Font Awesome CSS Icons (For cool glyphicons) -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" />

    <title>project 1</title>
</head>

<body>
    <nav class="navbar navbar-expand-lg navbar-light bg-light container-fluid">
        <a class="navbar-brand" href="index.html"><img id=navbarlogo src="images/logo k.png"></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
               <span class="navbar-toggler-icon"></span>
          </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item active">
                    <a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="aboutUs.html">About</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="Upload.html">Photo Editor</a>
                </li>

            </ul>
        </div>
    </nav>
    <!--End of NavBar-->

    <div class="container">
        <h1>About Us</h1>
        <p>During the turmoil of the COVID-19 outbreak, stock market crash, looming financial crisis, four strangers armed with nothing but free API keys set out to bring joy to humanity, through Project 1. Until now, they believed nothing could prevent
            COVID-19 Lockdown Depression (CLD), but Project 1 can lift spirits in just one search. Several long quarantine nights, they spent creating an advanced algorithm to perfectly pair Kanye quotes with stock photos. The app you didn't know you
            need will give you the laugh you deserve.</p>

        <ul class="list-unstyled">
            <li id="spacer"></li>
            <li class="media">
                <img id="aboutpic" src="images/Tamar.png" class="mr-3" alt="...">
                <div class="media-body">
                    <h5 class="mt-0 mb-1">Tamar Cabayan</h5>
                    <h6> VP of Software Craftmanship; SVP of Cropping
                    </h6>
                    Tamar Cabayan always knew that when she grew up she would get an MRS degree. She felt Kanye's "Gold Digger" put words to her dream in a way she never could. She has been a huge Kanye fan ever since.
                </div>
            </li>
            <li class="media my-4">
                <div class="media">
                    <div class="media-body" id='about-us2'>
                        <h5 class="mt-0 mb-1">Kitt Mattison</h5>
                        <h6>Director of API Connections</h6>
                        was in a fight with a drug dealer back in 2008 during, which Kanye's "Heartless" blared in the background. To this day she listens to Kanye while boxing.
                    </div>
                    <img id="aboutpic" src="images/Kitt.png" class="ml-3" alt="...">
                </div>
            </li>
            <li class="media">
                <img id="aboutpic" src="images/Adam.png" class="mr-3" alt="...">
                <div class="media-body">
                    <h5>Adam Soudani</h5>
                    <h6>Senior Executive Modalist, Chief Firebase Officer (CFO)</h6>
                    Adam “Yeezus” Soudani has long been inspired by the song “Flashing Lights” as he was reminded to always let his light shine bright. He vowed to one day to join a team of likeminded Executives and honor his Icon.
                </div>
            </li>
            <li class="media my-4">
                <div class="media">
                    <div class="media-body" id='about-us4'>
                        <h5 class="mt-0 mb-1">John Harmon</h5>
                        <h6>Senior Frontend Developer</h6>
                        Kanye's song stronger was John's inspiration becuase this project and entire class has made him a stronger developer overall. He still has 99 problems in his console log but his frontend work aint one (well it still might be)
                    </div>
                    <img id="aboutpic" src="images/John.png" class="ml-3" alt="...">
                </div>
            </li>
            <li class="media">
                <img id="aboutpic" src="images/Kanye.png" class="mr-3" alt="...">
                <div class="media-body">
                    <h5 class="mt-0 mb-1">Kanye West</h5>
                    <h6>CEO/President/Philanthropist/Director of Prophesy Fulfillment </h6>
                    See quotes on pictures
                </div>
            </li>
        </ul>
    </div>

    <!-- Footer -->
    <footer class="page-footer font-small">

        <!-- Copyright -->
        <div class="footer-copyright text-center py-3">© 2020 Copyright:
            <a href="https://mdbootstrap.com/"> project1.com</a>
        </div>
        <!-- Copyright -->

    </footer>
    <!-- Footer -->

    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
    <script src="js/logic.js"></script>

</body>

</html>