split-the-bill-UI/about.html at master · build-week-split-the-bill/split-the-bill-UI · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <link href="https://fonts.googleapis.com/css?family=Acme&display=swap" rel="stylesheet">

    <link href="css/index.css" rel="stylesheet">
    <title>About Us - Split the Bill</title>
</head>

<body>
<div class="nav-container">
    <nav>
        <div class="logo">
            <h1>Split the Bill</h1>
        </div>
        <div class="navlinks">
            <a href="index.html">Home</a>
            <a href="howto.html">How It Works</a>
            <a href="#">About Us</a>
            <a href="https://serene-booth-8b0ed1.netlify.com/login">Log In</a>
        </div>
    </nav>
</div>
<div class="container">
<header>
    <div class="header-img">
        <img src="img/header-pay-img2.jpg" alt="Checking a phone and a laptop at a restaurant table">
    </div>
    <div class="header-txt">
        <h1>Meet our team.</h1>
        <button><a href="https://serene-booth-8b0ed1.netlify.com/login">Log In</a></button>
    </div>

</header>
<section class="body">
    <div class="body-content">
        <div class="body-img about-img">
            <img src="img/people/Angela.jpeg" alt="Angela Flowers">
        </div>
        <div class="subheader">
            <h2>Angela Flowers</h2>
        </div>
        <div class="body-txt">
            <p>Web UI Developer
            </p>
        </div>
    </div>

    <div class="body-content">
        <div class="body-img about-img">
            <img src="img/people/Josh.jpeg" alt="Joshua Shockley">
        </div>
        <div class="subheader">
            <h2>Joshua Shockley</h2>
        </div>
        <div class="body-txt">
            <p>Web UI Developer
            </p>
        </div>
    </div>


    <div class="body-content about-content">
        <div class="body-img about-img">
            <img src="img/people/Jarvise.jpeg" alt="Jarvise Billups-Brown">
        </div>
        <div class="subheader">
            <h2>Jarvise Billups-Brown</h2>
        </div>
        <div class="body-txt">
            <p>Front End Deveoper<p>
        </div>
    </div>


    <div class="body-content">
        <div class="body-img about-img">
            <img src="img/people/Kevin.png" alt="Kevin Tou">
        </div>
        <div class="subheader">
            <h2>Kevin Tou</h2>
        </div>
        <div class="body-txt">
            <p>Front End Developer
            </p>
        </div>
    </div>


    <div class="body-content">
        <div class="body-img about-img">
            <img src="img/people/Shawn.jpeg" alt="Shawn McManus">
        </div>
        <div class="subheader">
            <h2>Shawn McManus</h2>
        </div>
        <div class="body-txt">
            <p>Front End Developer
            </p>
        </div>
    </div>


    <div class="body-content">
        <div class="body-img about-img">
            <img src="img/people/Sascha.png" alt="Sascha Majewesky">
        </div>
        <div class="subheader">
            <h2>Sascha Majewesky</h2>
        </div>
        <div class="body-txt">
            <p>Back End Developer</p>
        </div>
    </div>

</section>
</div>
<div class="footer-container">
    <footer>
        <nav>
            <div class="navlinks">
                <a href="index.html">Home</a>
                <a href="about.html">How it Works</a>
                <a href="#">About Us</a>
                <a href="#">Log In</a>
            </div>
        </nav>
    </footer>
</div>
</body>
</html>