StyleVault/index.html at main · satishbabu0/StyleVault · 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
<html>
  <head>
    <title>Restaurant Website</title>
    <link rel="stylesheet" href="./styles.css" />
  </head>
  <body>
    <div class="top">
      <div class="logo">Madhuri Restaurent</div>
      <div class="nav">
        <a href="index.html">Home</a>
        <a href="menu.html">Menu</a>
        <a href="about.html">About</a>
        <a href="location.html">Location</a>
        <a href="contact.html">Contact</a>
      </div>
    </div>

    <div class="heading">
      <div class="left">
        <p>Craving Delicious Food?</p>
        <h1>Don't Wait</h1>
        <p>Let’s start your dining experience today</p>

        <a href="menu.html">
          <button type="button">Check Out Menu</button>
        </a>
      </div>

      <div class="right" id="food"></div>
    </div>

    <div class="bottom">
      <div class="menu">
        <div id="food1"></div>
        <div id="food2"></div>
        <div id="food3"></div>
      </div>
    </div>

    <footer class="footer">
      <div class="container">
        <!-- About Section -->
        <div class="footer-about">
          <h3>About Madhuri Restaurant</h3>
          <p>
            Experience the best of culinary delights at Madhuri Restaurant. From
            traditional recipes to modern flavors, we bring you an unforgettable
            dining experience.
          </p>
        </div>

        <!-- Contact Section -->
        <div class="footer-contact">
          <h3>Contact Us</h3>
          <p>
            <i class="fa-solid fa-location-dot"></i> 123 Main Street, Lovely
            Professional University, Punjab
          </p>
          <p><i class="fa-solid fa-phone"></i> +91 9876543210</p>
          <p><i class="fa-solid fa-envelope"></i> info@madhurirestaurant.com</p>
        </div>

        <!-- Social Media Links -->
        <div class="footer-social">
          <h3>Follow Us</h3>
          <a href="https://www.facebook.com/" target="_blank"
            ><i class="fa-brands fa-facebook"></i
          ></a>
          <a
            href="https://www.instagram.com/_satish_kodi_/?utm_source=ig_web_button_share_sheet"
            target="_blank"
            ><i class="fa-brands fa-instagram"></i
          ></a>
          <a href="https://x.com/?lang=en" target="_blank"
            ><i class="fa-brands fa-twitter"></i
          ></a>
          <a href="https://www.youtube.com/" target="_blank"
            ><i class="fa-brands fa-youtube"></i
          ></a>
        </div>
      </div>

      <div class="footer-feedback">
        <h3>Feedback</h3>
        <form id="feedbackForm">
          <div class="form-group">
            <label for="name">Name:</label>
            <input type="text" id="name" name="name" placeholder="Your Name" required>
          </div>
          <div class="form-group">
            <label for="email">Email:</label>
            <input type="email" id="email" name="email" placeholder="Your Email" required>
          </div>
          <div class="form-group">
            <label for="message">Feedback:</label>
            <textarea id="message" name="message" rows="4" placeholder="Your Feedback" required></textarea>
          </div>
          <button type="submit">Submit Feedback</button>
        </form>
      </div>

      <!-- Footer Bottom -->
      <div class="footer-bottom">
        <p>&copy; 2024 Madhuri Restaurant. All rights reserved.</p>
      </div>
    </footer>

    <script src="./script.js"></script>
  </body>
</html>