MyFirstWeb/index.html at master · chir263/MyFirstWeb · 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
<!DOCTYPE html>
<html>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Omnifood</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>


<body>
    <a class="top" href="#">Top</a>
    <div id="first-section" class="bg">
        <div class="nestedsection">
            <div class="inner-content">

                <br>
                <br>
                <h1 class="abc">Goodbye junk food.<br>Hello super healthy meals.</h1>
                <button class="top-button" href="#">I'm hungry</button>
                <button class="top-button" href="#">Show me more</button>
            </div>
        </div>
    </div>
    <br>
    <center>
        <h1 class="abc" style="color: #555555;font-size: 40px;">GET FOOD FAST — NOT FAST FOOD</h1>
    </center>
    <hr>
    <p id="ins">Hello, we’re Omnifood, your new premium food delivery service. We know you’re always busy. No time for
        cooking.<br> So let us take care of that, we’re really good at it, we promise!</p>

    <br>
    <br>
    <div id="table-content">
        <div class="column">
            <img src="p1.png" class="icon">
            <h3>UP TO 365 DAYS/YEAR</h3>
            <p class="ff">
                Never cook again! We really mean that. Our subscription plans include up to 365 days/year coverage. You
                can also choose to order more flexibly if that's your style.
            </p>
        </div>
        <div class="column">
            <img src="p2.png" class="icon">
            <h3>ORDER ANYTHING</h3>
            <p class="ff">
                We don't limit your creativity, which means you can order whatever you feel like. You can also choose from our menu containing over 100 delicious meals. It's up to you!
            </p>
        </div>
        <div class="column">
            <img src="p3.png" class="icon">
            <h3>READY IN 20 MINUTES</h3>
            <p class="ff">
                You're only twenty minutes away from your delicious and super healthy meals delivered right to your home. We work with the best chefs in each town to ensure that you're 100% happy.
            </p>
        </div>
        <div class="column">
            <img src="p4.png" class="icon">
            <h3>100% ORGANIC</h3>
            <p class="ff">
                All our vegetables are fresh, organic and local. Animals are raised without added hormones or antibiotics. Good for your health, the environment, and it also tastes better!
            </p>
        </div>
    </div>
    <br>
    <br>
    <br>
    <br>
</body>

</html>