split-the-bill-UI/index.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
<!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>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="#">Home</a>
            <a href="howto.html">How It Works</a>
            <a href="about.html">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>Don't let the math distract from the meal.</h1>
        <button><a href="https://serene-booth-8b0ed1.netlify.com/login">Get Started</a></button>
    </div>
</header>

<section class="body">

    <div class="body-content">
        <div class="body-img">
            <img src="img/img-wine.jpg" alt="Pouring wine for a couple at a table">
        </div>

        <div class="subheader">
            <h2>Our Mission</h2>
        </div>

        <div class="body-txt">
            <p>We’re here to make moving money easy. Stop fighting over who paid what and skip the awkward conversation. Our mission is to help you keep the peace and split the cost of the event or “hang out” in a format that is easy to use and pleasing to the eye.
            </p>
        </div>
    </div>
</section>
</div>
<div class="footer-container">
    <footer>
        <nav>
            <div class="navlinks">
                <a href="#">Home</a>
                <a href="howto.html">How it Works</a>
                <a href="about.html">About Us</a>
                <a href="#">Log In</a>
            </div>
        </nav>
    </footer>
</div>
</body>
</html>