Project-01/index.html at main · StarKnightt/Project-01 · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Best Online Food Deliver Serivecs | MyFoods.com</title>
    <link rel="stylesheet" href="/CSS/style.css">
    <link rel="stylesheet" href="/CSS/phone.css" media="screen and (max-width:1170px)"> <!-- For Responsiveness of the Website -->

    <link href="https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap" rel="stylesheet">
    <link href='https://fonts.googleapis.com/css?family=Baloo Bhai' rel='stylesheet'>
</head>
<body>
    <nav id="navbar">
        <div id="logo">
            <img width="48" height="48" src="logo.png" alt="myFood.com">
        </div>
        <ul>
            <li class="item"><a href="#home">Home</a></li>
            <li class="item"><a href="#services-container">Services</a></li>
            <li class="item"><a href="#client-section">Our Clients</a></li>
            <li class="item"><a href="#contact">Contact Us</a></li>
        </ul>
    </nav>

    <section id="home">
        <h1 class="h-primary">Welcome to myFood.com</h1>
        <p>At myFood.com, we invite you to embark on a mouthwatering culinary adventure like no other. Whether you're a seasoned chef, a home cook, or just someone who loves good food, our platform is your ultimate destination for all things gastronomic.</p>
        <button class="btn">
            Order Now
        </button>
    </section>

    <section id="services-container">
        <h1 class="h-primary center">
            Our Services
        </h1>
        <div id="services">
            <div class="box">
                <img src="1.png" alt="">
                <h2 class="h-secondary center">Food Cartering</h2>
                <p class="center">At Exquisite Food Catering, we believe that great events are not just about gatherings; they're about creating unforgettable experiences. We specialize in providing top-tier catering services that transform ordinary moments into extraordinary memories.Our culinary team is dedicated to crafting exquisite dishes that not only satisfy your palate but also leave a lasting impression,</p>
            </div>
            <div class="box">
                <img src="2.png" alt="">
                <h2 class="h-secondary center">Bulk Ordering</h2>
                <p class="center">
                    At Effortless Bulk Ordering, we understand that ordering in large quantities should be as smooth as possible. Whether you're planning a corporate event, stocking up for your business, or hosting a grand celebration, our service is tailored to meet your bulk ordering needs with convenience and efficiency.We offer an extensive selection of products to meet your bulk ordering requirements. From office supplies to food and beverages, our catalog is designed to fulfill the diverse needs of businesses and event planners.</p>
            </div>
            <div class="box">
                <img src="3.png" alt="">
                <h2 class="h-secondary center"> Ordering</h2>
                <p class="center">Welcome to Seamless Online Ordering, your trusted platform for hassle-free and efficient ordering. Whether you're craving a delicious meal, shopping for essentials, or in need of specific products, our service is designed to make your ordering experience smooth and convenient.Our intuitive online platform is easy to navigate, ensuring a seamless ordering process. Whether you're using a computer or a mobile device, you can place your order with just a few clicks.</p>
            </div>
        </div>
    </section>

    <section id="client-section">
        <h1 class="h-primary center">Our Clients</h1>
        <div id="clients">
            <div class="client-item">
                <img src="logo1.png" alt="Our Client">
            </div>
            <div class="client-item">
                <img src="logo2.png" alt="Our Client">
            </div>
            <div class="client-item">
                <img src="logo3.png" alt="Our Client">
            </div>
            <div class="client-item">
                <img src="logo4.png" alt="Our Client">
            </div>
        </div>

        <section id="contact">
            <h1 class="h-primary center">Contact us</h1>
            <div id="contact-box">
                <form action="">
                    <div class="form-group">
                        <label for="name">Name:</label>
                        <input type="text" name="name" id="name" placeholder="Enter your name">
                    </div>
                    <div class="form-group">
                        <label for="email">Email</label>
                        <input type="email" name="name" id="email" placeholder="Enter your email">
                    </div>
                    <div class="form-group">
                        <label for="phone">Phone number:</label>
                        <input type="number" name="name" id="phone" placeholder="Enter your Ph-Number">
                    </div>
                    <div class="form-group">
                        <label for="message">message</label>
                        <textarea name="message" id="message" cols="30" rows="10"></textarea>
                    </div>
                </form>
            </div>
        </section>

        <footer>
            <div class="center">
                Copyright &copy; www.myfoods.com. All rights reserved !
            </div>
        </footer>

    </section>
</body>
</html>