KakusKitchen/about.html at main · Deepika-Garg/KakusKitchen · 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
139
140
141
142
143
144
145
146
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Meta tags for search engines -->
    <meta name="description" content="Indian authentic vegetarian food served by a cloud kitchen called Kaku's kitchen">
    <meta name="keywords" content="love Food, Vegetarian Indian food, Penarth based, home delivery ">
    <!--Favicon-->
    <link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
    <link rel="manifest" href="assets/favicon/site.webmanifest">
    <!--Bootstrap 5 CSS-->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <!--Custom CSS-->
    <link rel="stylesheet" href="assets/css/style.css">
    <!--Title-->
    <title>Kaku's Kitchen | About</title>
</head>

<body>
    <!--Header section inspired from love running project-->
    <header>
        <!--Brand Logo-->
        <a class="navbar-brand" href="index.html">
            <img src="assets/images/logo.webp" alt="Kaku's Kitchen Logo" id="navbar-logo" class="logo" width="60"
                height="60">
        </a>
        <!--Business Name-->

            <h1 id="logo-title">Kaku's Kitchen</h1>

        <!--Menu changed to solid bar according to screen size for responsiveness-->
        <input type="checkbox" id="nav-toggle" name="nav-toggle">
        <label for="nav-toggle" class="nav-toggle-label" aria-label="Open menu" title="Open menu"><i class="fa-solid fa-bars"></i></label>
        <!--Menu bar for exploring the site-->
        <nav>
            <ul id="menu">
                <li><a href="index.html" aria-label="Go to Home page">Home</a></li>
                <li><a href="menu.html" aria-label="Explore our Menu">Menu</a></li>
                <li><a href="about.html" class="active" aria-label="Learn more About Us">About</a></li>
                <li><a href="contact.html" aria-label="Contact us for inquiries">Contact </a></li>
            </ul>
        </nav>
    </header>

    <!-- Main content -->
    <main>
        <div id="hero">
            <div id="cover-text">
                <h3>Serving Happiness through Food</h3>
                <h3>Have a look in our delicious menu</h3>
                <div class="d-flex justify-content-center align-items-center">
                    <a href="#contact-footer" class="btn custom-button-outline"><strong>Call to Order</strong></a>
                </div>
            </div>
        </div>

            <!-- About section links to about href in navbar -->
            <section id="about" class="container">
                <div class="row">
                    <!-- my-4 used to add top and bottom margin to heading -->
                    <div class="col-12 text-center my-4">
                        <h2>About Us</h2>
                    </div>

                    <!-- mb-4 used to add margin under image -->
                    <div class="col-12 col-md-4 mb-4">
                        <!-- img-fluid class makes the image responsive to its container -->
                        <img src="assets/images/about-image.webp" class="img-fluid" alt="Sonika Yadav">
                    </div>
                    <!-- mb-4 used to add margin under text -->
                    <div class="col-12 col-md-8 mb-4" >
                        <p>
                           <strong> Kaku's Kitchen offers Healthy, Honest-To-Goodness, 100% Vegetarian, Home cooked Indian Food,
                            delivered Right to your Doorstep! Fresh Healthy Food with no compromise in the taste! Thanks for visiting Kaku's Kitchen and we hope to see you soon!<br>

                            <br>We all love good, home cooked food. Our mission is to plan your meals, shop, chop, cook for you.
                            So all you have to do is to eat! No more grocery shopping, no more cooking and cleaning
                            after. You just sit back and relax after a day's work and just heat and eat your ready
                            meals.<br>

                            <br>We are based in Penarth. Healthy, Honest-To-Goodness, 100% Vegetarian, Home cooked Indian Food
                            Fresh Healthy Food with no compromise in the taste!

                            <br>Always order a day in advance�</strong>
                        </p>
                    </div>
                </div>
            </section>

   <div id="promise-section">
                <p class="text-center"> <strong>We are based in Penarth and serve freshly made meals daily. Place your order at least
                        a day in advance!</strong></p>
                <p class="text-center">Thank you for choosing <strong>Kaku’s Kitchen</strong>. We are proud to have served our community
                    since <strong>2020</strong> and look forward to bringing you the joy of home-cooked Indian food
                    for many years to come! 😊</p>
            </div>


    </main>

    <!-- Footer -->

    <footer id="contact-footer" class="row text-center ">
        <p> <a href="https://www.google.com/maps" target="_blank" rel="noopener"
            aria-label="Visit to google map for address. (Opens in new tab)"> <i class="fa-solid fa-location-dot"></i></a>
            Kaku's Kitchen <br>
         27 Greenway close, Landough,CF64 2LZ  UK <br>
         kitchenkakus@gmail.com<br>
         call/WhatsApp 07443 922018</p>
         <p>&copy; 2025 All Rights reserved to Kaku's Kitchen</p>
        <ul id="social-networks">
            <li>
                <a href="https://www.facebook.com/search/top?q=kaku%27s%20kitchen" target="_blank" rel="noopener"
                    aria-label="Visit our Facebook page(Opens in new tab)"><i class="fa-brands fa-facebook"></i></a>

            </li>
            <li>
                <a href="https://www.twitter.com/" target="_blank" rel="noopener"
                    aria-label="Visit our twitter page(Opens in new tab)"> <i class="fa-brands fa-x-twitter"></i></a>
            </li>
            <li>
                <a href="https://www.youtube.com/" target="_blank" rel="noopener"
                    aria-label="Visit our youtube page(Opens in new tab)"> <i
                        class="fa-brands fa-square-youtube"></i></a>
            </li>
            <li>
                <a href="https://www.instagram.com/kakuskitcheninsta?igsh=MTcycXNhaDhpamhtbA==" target="_blank" rel="noopener"
                    aria-label="Visit our instagram page(Opens in new tab)"> <i
                        class="fa-brands fa-instagram"></i></a>
            </li>
        </ul>
    </footer>
    <!--Fontawesome script-->
    <script src="https://kit.fontawesome.com/d0964af309.js" crossorigin="anonymous"></script>
 <!-- Bootstrap JS Script-->
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
 integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous">
</script>
</body>

</html>