uday.haakwin.in/services.html at main · ANU5565/uday.haakwin.in · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Services</title>
    <link rel="stylesheet" href="./css/services.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
</head>
<body>

    <div class="wrapper">
        <div class="container">
            <div class="overlay"></div>
        </div>

        <div class="text-upper"> Our Services</div>
        <div class="nav-bar">

            <ul>
                <div class="logo">
                    <!-- <i class="fa fa-cutlery" aria-hidden="true"></i> -->
                    <img id="logo-photo" src="./images/utensil.png" alt="utensils">
                    <h2 class="resturant-name">Udaya Restraunt</h2>
                </div>
                <li><a href="./index.html">HOME</a></li>
                <li><a href="./aboutus.html">ABOUT</a></li>
                <li><a href="./services.html">SERVICE</a></li>
                <li><a href="./menu.html">MENU</a></li>
                <li><a href="./contact.html">CONTACT</a></li>
                <li><a href="login_page.html" id="LOG">LOGIN</a></li>
                <!-- <li class="tablebooking"><a href="#Book A Table">BOOK A TABLE</a></li> -->
                <a href="./booktable.html"><button class="booking-btn">BOOK A TABLE</button></a>
              </ul>
        </div>

    </div>
    <h3 class="about-us">Our Services</h3>
    <div class="explore">Explore Our Services</div>
    <div class="bigcontainer-boxes">
        <div class="firstbox">
            <i class="fas fa-user-tie"></i>
            <h5>Master Chefs</h5>
            <p>"Indulge in a symphony of tastes orchestrated by our esteemed masterchef, whose passion for perfection elevates every dish to a masterpiece, leaving patrons craving for more."</p>
        </div>

        <div class="secondbox">
            <i class="fas fa-utensils"></i>
            <h5>Quality Food</h5>
            <p>"Discover impeccable flavors in every dish, crafted by our chefs with a dedication to quality that elevates every dining experience."</p>
        </div>

        <div class="thirdbox">
            <i class="fas fa-cart-shopping"></i>
            <h5>Online table booking</h5>
            <p>"Convenience meets luxury with our hassle-free online table booking system, ensuring your reservation experience is as seamless as your dining journey with us."</p>
        </div>

        <div class="fourthbox">
            <i class="fas fa-headset"></i>
            <h5>24/7 Service</h5>
            <p>"Enjoy round-the-clock hospitality with our 24/7 service, where exceptional dining experiences await you anytime, day or night."</p>
        </div>
    </div>

    <div class="outer-footer-part">
        <div class="footer-part">
            <div class="company-section">
                <div class="heading-part">Company</div>
                <div class="inside-text">
                    <a href="aboutus.html"><span>About Us</span></a>
                    <a href="contact.html"><span>Contact Us</span></a>
                    <a href="booktable.html"><span>Reservation</span></a>
                    <span>Privacy Policy</span>
                    <span>Terms & condition</span>
                </div>
            </div>
            <div class="contact-section">
                <div class="heading-part">Contact</div>
                <div class="inside-text">
                    <div class="inside-text-part">
                        <i class="fa-solid fa-location-dot"></i>
                <span>123 Street kavali</span>
                    </div>

                    <div class="inside-text-part">

                <i class="fa-solid fa-phone"></i>
                    <span>+910000000000</span>

                    </div>

                    <div class="inside-text-part">
                    <i class="fa-solid fa-envelope"></i>
                    <span>CodeWithudaya@gmail.com</span>
                    </div>

                    <div class="social-media">
                        <i class="fa-brands fa-twitter"></i>
                        <i class="fa-brands fa-facebook"></i>
                        <i class="fa-brands fa-linkedin"></i>
                        <i class="fa-brands fa-youtube"></i>
                    </div>
                </div>
            </div>
            <div class="opening-section">

                <div class="heading-part">Opening</div>
                <div class="inside-text">
                    <span>Monday-Saturday</span>
                    <span>09AM-09PM</span>
                    <span>Sunday</span>
                    <span>10AM-08PM</span>
                    </div>


            </div>
            <div class="newsletter-section">
                <div class="heading-part">Newsletter</div>
                udaya Restuarant.
                <div class="login-screen">
                    <input type="email" id="email" value="Your email">
                    <button class="booking-btn2">SIGN UP</button>
                  </div>
            </div>


        </div>
        <div class="developedBy">
            Made By Code With udaya
        </div>
        </div>


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