HappieTummy-Website/index.html at master · perveen-neha/HappieTummy-Website · 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
<!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>Best Online Food Delivery in India | MyOnlineMeal.com</title>
    <link rel="stylesheet" href="CSS/style.css" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  </head>
  <body>
    <nav id="navbar">
      <div id="logo">
        <img src="IMG\logo.jpg" alt="HappieTummy.com" />
      </div>
      <div id="brand">
          HappieTummy
      </div>
      <ul>
        <li class="item"><a href="#Home">Home</a></li>
        <li class="item"><a href="#">Services</a></li>
        <li class="item"><a href="#">About Us</a></li>
        <li class="item"><a href="#">Contact Us</a></li>
        <li class="item"><a href="#">Email Us</a></li>
      </ul>
    </nav>
    <section id="home">
      <h1 class="hprimary">Welcome To HappieTummy</h1>
      <p>
        With the advancement of Technology every phase of our life is affected. OfCourse!! Eating too.      </p>
      <p>Just a step to make our lives easy by providing with quality services on the most beloved thing to Humans. Making your loved ones and Tummy happy!</p>
      <button class="btn">Order Now</button>
    </section>
    <section id="servicescontainer">
      <h1 class="hprimarycentre">Our Services</h1>
      <div id="services">
        <div class="box">
          <img src="IMG\pexels-daria-shevtsova-704569.jpg" alt="" />
          <h2 class="hsecondarycentre">Food Catering</h2>
          <p class="centre">
            Have an event or occasion coming?
            <br>
            We provide with one of the best food catering services in the city. Your event,Your occasion, your food choice, and our responsibility, all this at a price that puts smile on your face.
          </p>

        </div>
        <div class="box">
          <img src="IMG\pexels-pixabay-315755.jpg" alt="" />
          <h2 class="hsecondarycentre">Bulk Ordering</h2>
          <p class="centre">
            Got a family get-together after a long time? Or a friends meet-up?
            <br>
            Whatever! We gotch uh. Welcome to one of the finest Bulk Ordering website, providing quality food with minimum timing.
          </p>
        </div>
        <div class="box">
          <img src="IMG\food-delivery-5217579_1280.png" alt="" />
          <h2 class="hsecondarycentre">Food Ordering</h2>
          <p class="centre">
            Hungry! Very Hungry or Craving your favourite dish? but lazy enough to not cook?
            <br>
            Tada!! Presenting Home Delivery at your doorsteps. No more starving with HappieTummy!!
          </p>
        </div>
      </div>
    </section>
    <section id="clientsection">
      <h1 class="hprimarycentre">Our Clients</h1>
      <div id="clients">
        <div class="clientitem">
          <img src="IMG\applelogo.png" alt="" />
        </div>
        <div class="clientitem">
          <img src="IMG\hplogo.jpg" alt="" />
        </div>
        <div class="clientitem">
          <img src="IMG\microsoftlogo.png" alt="" />
        </div>
        <div class="clientitem">
          <img src="IMG\skypelogo.png" alt="" />
        </div>
      </div>
    </section>
    <section id="contact">
      <h1 class="hprimarycentre">Contact Us</h1>
      <div id="contactbox">
        <form action="">
          <div class="formgroup">
            <label for="name">Name:</label>
            <input
              type="text"
              name="name"
              id="name"
              placeholder="Enter Your Name"
            />
          </div>
          <div class="formgroup">
            <label for="email">Email:</label>
            <input
              type="email"
              name="name"
              id="email"
              placeholder="Enter Your Email"
            />
          </div>
          <div class="formgroup">
            <label for="phone number">Phone Number:</label>
            <input
              type="text"
              name="name"
              id="phone"
              placeholder="Enter Your Phone Number"
            />
          </div>
          <div class="formgroup">
            <label for="message">Message:</label>
            <textarea
              name="message"
              id="message"
              cols="30"
              rows="10"
            ></textarea>
          </div>
        </form>
      </div>
    </section>
    <footer>
      <div class="cent">
        Copyright &copy www.myOnlineMeal.com All rights reserved!
      </div>
    </footer>
  </body>
</html>