FoodSite/Index.html at master · vipulchaudhary16/FoodSite · 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
137
138
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Little Bite</title>
    <link rel="stylesheet" href="Style.css">
    <link rel="stylesheet" media="screen and (max-width: 1170px)" href="phone.css">
    <link href="https://fonts.googleapis.com/css?family=Baloo+Bhai|Bree+Serif&display=swap" rel="stylesheet">

</head>

<body>
    <nav id="navbar">
        <div id="logo">
            <img src="img/logo.jpeg" alt="LittleBite">
        </div>

        <ul>
            <li class="item"><a href="#home">Home</a></li>
            <li class="item"><a href="#services-container">Services</a></li>
            <li class="item"><a href="#client-section">Our Clients</a></li>
            <li class="item"><a href="#contact">Contact us</a></li>
        </ul>
    </nav>

    <section id="home">
        <h1 class="h-primary">Welcome to <b>Littlebite</b> </h1>

        <p>Hey, foodie! It's LittleBite :) Check out our website for your best food. We hope you will love it! wish you
            good health with taste.</p>

        <a href="#" target="_blank"> <button class="btn">Order Now</button></a>

    </section>

    <section id="services-container">
        <h1 class="h-primary center"> Our services
        </h1>
        <div id="services">
            <div class="box">
                <img src="img/wrap.png" alt="">
                <h2 class="h-secondary center">Special Fatija</h2>
                <p class="center">
                    The region of this food is <b>Mexico and United States.</b> it has main ingredients of : Tortillas,
                    meat, chicken, cheddar cheese, onions, peppers.<br>our many customers has been admitted that we make
                    it very testful.and you must be one of them and if you are not you will , if you try for only
                    once.so without thinking more order now!!
                </p>
            </div>
            <div class="box">
                <img src="img/foodDelivery.png" alt="">
                <h2 class="h-secondary center">Food delivery</h2>
                <p class="center">And good news here is. We offer door-to-door home-delivery for main city of Gujrat.
                    order above 150/- &#8377 and get home-delivery free at your door. <br>
                    so let us do your service and you just be with your dear one and enjoy movies with our food.
                    after you receive your food you can give us rating out of 10.please share your experience with us
                </p>
            </div>
            <div class="box">
                <img src="img/pizza.png" alt="">
                <h2 class="h-secondary center">pizza</h2>
                <p class="center">Its Italian pizza. You must be known to pizza.
                    so no need to talk more about this. just if ypu have mood just order this and enjoy. Pizza is sold
                    fresh or frozen, and whole or as portion-size slices or pieces. </p>
            </div>

    </section>

    <section id="client-section">

        <h1 class="h-primary center">
            Our Clients
        </h1>
        <div id="clients">
            <div class="client-item">
                <img src="img/client1.png
                " alt="client1">
            </div>
            <div class="client-item">
                <img src="img/client2.png
                " alt="client2">
            </div>
            <div class="client-item">
                <img src="img/client3.png
                " alt="client3">
            </div>
            <div class="client-item">
                <img src="img/client4.png
                " alt="client4">
            </div>
        </div>

    </section>

    <section id="contact">
        <h1 class="h-primary center">Contact Us</h1>

        <div id="contact-box">
            <form action="#">
                <div class="form-group">
                    <label for="name">Name:</label>
                    <input type="text" name="name" id="name" placeholder="Enter Your name">
                </div>
                <div class="form-group">
                    <label for="name">Email:</label>
                    <input type="text" name="email" id="email" placeholder="Enter Your email">
                </div>
                <div class="form-group">
                    <label for="name">Mo Number:</label>
                    <input type="text" name="mobile Number" id="mobile Number" placeholder="Enter Your mobile Number">
                </div>
                <div class="form-group">
                    <label for="name">Message:</label>
                    <textarea name="message" id="message" cols="30" rows="10"></textarea>
                </div>
                <div id="s-btn">

                    <div class="submit">
                        <a href="submit.html" target="_blank"> <button class="btn">submit</button></a>
                    </div>
                </div>


            </form>

        </div>
    </section>
    <footer>
        <div class="center">
            Copyright &copy; www.veerCreation.com. All rights reserved!
        </div>
    </footer>
</body>

</html>