Cafeteria/index.html at main · Riya-code/Cafeteria · 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
<!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">
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
    <link rel="stylesheet" href="style.css">
    <title>Cafeteria</title>
</head>

<body>
    <!--nav-->
    <div class="w3-bar w3-black w3-padding-16 w3-card" style="letter-spacing:4px;">
        <a href="#" class="w3-bar-item w3-button">Home</a>
        <a href="#" class="w3-bar-item w3-button">About</a>
        <a href="#" class="w3-bar-item w3-button">Contact</a>
        <input type="text" class="w3-bar-item w3-input" placeholder="Search..">
        <a href="#" class="w3-bar-item w3-button w3-green">Go</a>
      </div>

      <!--header-->
      <header class="w3-display-container w3-content w3-padding" style="max-width:1600px;min-width:500px" id="home">
        <img class="w3-image" src="img1.jpg" alt="Catering" width="1550" height="500">
        <div class="w3-display-topleft w3-padding-large w3-opacity w3-white">
          <h1 class="w3-xxxlarge">B.I.T Cafeteria</h1>
        </div>
        <div class="w3-container w3-display-bottomleft w3-padding w3-white w3-opacity">
          <h1 class="w3-xxxlarge">Exclusively for the students of B.I.T Sindri</h1>
        </div>
      </header>

      <!-- About Section -->
  <div class="w3-row w3-padding-64" id="about">
    <div class="w3-col m4 w3-padding-large w3-hide-small">
     <img src="about.jpg" class="w3-image w3-opacity-min" alt="Table Setting" width="100%" height="90%">
    </div>

    <div class="w3-col m4 w3-padding-large">
      <h1 class="w3-center">About Catering</h1><br>

      <p class="w3-large">We are adaptable to provide any menu at the best quality
        and are able to perform the service in a timely manner
        with a large team to mange and work as one.
        Our catering is able to keep the client satisfied.
        and keep our employees happy.
        We Comply to food safety regulations.</p>
      <p class="w3-large w3-text-grey w3-hide-medium">We aim to provide the best experience and services by offering
        a wide range of healthy snacks and a cafeteria area where students can sit and relax.
      </p>
    </div>

    <div class="w3-col m4 w3-padding-large">
      <h1 class="w3-center">About Us</h1><br>

      <p class="w3-large">The Catering was founded in 2019 by Mr. D.K Singh in college campus to sit and, enjoy campus life where students can discuss their work over a cup of coffee. The aim is to reinnovate the campus with creativity and leisure. With more than 3000 students it has become the most visited place in the campus with efforts to make it a better and safe place where students can have a good time with their friends.</p>
      <p class="w3-large w3-text-grey w3-hide-medium">It is considered to be one of the most beautiful places in the campus.</p>
    </div>
  </div>

  <hr>

  <!-- Menu Section -->
  <div class="w3-row w3-padding-64" id="menu">
    <div class="w3-col l6 w3-padding-large">
      <h1 class="w3-center">Our Menu</h1><br>
      <h4>Bread Basket</h4>
      <p class="w3-text-grey">Assortment of fresh baked fruit breads and muffins 5.50</p><br>

      <h4>Honey Almond Granola with Fruits</h4>
      <p class="w3-text-grey">Natural cereal of honey toasted oats, raisins, almonds and dates 7.00</p><br>

      <h4>Belgian Waffle</h4>
      <p class="w3-text-grey">Vanilla flavored batter with malted flour 7.50</p><br>

      <h4>Scrambled eggs</h4>
      <p class="w3-text-grey">Scrambled eggs, roasted red pepper and garlic, with green onions 7.50</p><br>

      <h4>Blueberry Pancakes</h4>
      <p class="w3-text-grey">With syrup, butter and lots of berries 8.50</p>
    </div>

    <div class="w3-col l6 w3-padding-large">
      <img src="img3.jpg" class="w3-round w3-image w3-opacity-min" alt="Menu" style="width:80%">
    </div>
  </div>

  <hr>

  <!-- Contact Section -->
  <div class="w3-container w3-padding-64" id="contact">
    <h1>Contact</h1><br>
    <p>We offer full-service catering for any event, large or small. We understand your needs and we will cater the food to satisfy the biggest criteria of them all, both look and taste. Do not hesitate to contact us.</p>
    <p class="w3-text-blue-grey w3-large"><b>Cafeteria, Sindri, 828123 Dhanbad, Jharkhand</b></p>
    <p>You can also contact us by phone 065723-2323 or email cafeteria@mail.com, or you can send us a message here:</p>
    <form action="/action_page.php" target="_blank">
      <p><input class="w3-input w3-padding-16" type="text" placeholder="Name" required name="Name"></p>
      <p><input class="w3-input w3-padding-16" type="number" placeholder="How many people" required name="People"></p>
      <p><input class="w3-input w3-padding-16" type="datetime-local" placeholder="Date and time" required name="date" value="2020-11-16T20:00"></p>
      <p><input class="w3-input w3-padding-16" type="text" placeholder="Message \ Special requirements" required name="Message"></p>
      <p><button class="w3-button w3-light-grey w3-section" type="submit">SEND MESSAGE</button></p>
    </form>
  </div>

<!-- End page content -->
</div>

<!-- Footer -->
<footer class="w3-center w3-light-grey w3-padding-32 w3-xlarge">
  <p>Thanks For visiting!</p>
</footer>

</body>

</html>