css/index.html at main · riyav702/css · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mess Company - Home</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <img src="https://t3.ftcdn.net/jpg/02/41/30/72/360_F_241307210_MjjaJC3SJy2zJZ6B7bKGMRsKQbdwRSze.jpg" alt="Mess Company Logo">
        <h1>Welcome to Mess Company</h1>
    </header>

    <nav>
        <a href="#company-details">Company Details</a>
        <a href="#services">Our Services</a>
        <a href="#meals">Our Meals</a>
    </nav>

    <div>
        <section id="services">
            <h2>Our Services</h2>
            <ul>
                <li>Custom Catering Services</li>
                <li>Home Cooked Meals</li>
                <li>Fresh Food</li>
                <li>Fruits, Salad, Milk</li>
            </ul>
        </section>

        <section id="meals">
            <h2>Our Meals</h2>
            <div>
                <a href="puri-bhaji.html">
                    <img src="https://images.unsplash.com/photo-1596450514735-111a2fe02935?q=80&w=1411&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Puri Bhaji" width="200">
                    <p>Puri Bhaji</p>
                </a>
            </div>
            <div>
                <a href="home-cooked-thali.html">
                    <img src="https://images.unsplash.com/photo-1542367592-8849eb950fd8?q=80&w=1631&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Home Cooked Thali" width="200">
                    <p>Home Cooked Thali</p>
                </a>
            </div>
            <div>
                <a href="chatpati-chat.html">
                    <img src="https://images.unsplash.com/photo-1601050690117-94f5f6fa8bd7?q=80&w=1371&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="Chatpati Chat" width="200">
                    <p>Chatpati Chat</p>
                </a>
            </div>
            <div>
                <a href="south-indian-delicacies.html">
                    <img src="https://images.unsplash.com/photo-1694849789325-914b71ab4075?q=80&w=1374&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" alt="South Indian Delicacies" width="200">
                    <p>South Indian Delicacies</p>
                </a>
            </div>
            <div>
                <a href="vegetable-schezwan-noodles.html">
                    <img src="https://media.istockphoto.com/id/2014443926/photo/vegetable-schezwan-noodles.jpg?s=1024x1024&w=is&k=20&c=7Uni-fPddXdJlz3ZUzw3zRBqWHXYIS26VFcHTtiCNuc=" alt="Vegetable Schezwan Noodles" width="200">
                    <p>Vegetable Schezwan Noodles</p>
                </a>
            </div>
        </section>

        <section id="company-details">
            <h2>Company Details</h2>
            <table>
                <tr>
                    <th>Company Name</th>
                    <td>Mess Company</td>
                </tr>
                <tr>
                    <th>Address</th>
                    <td>Flat no 901, Shree Sai, Nehru nagar kurla west</td>
                </tr>
                <tr>
                    <th>Contact Information</th>
                    <td>(123) 456-7890 | info@messcompany.com</td>
                </tr>
                <tr>
                    <th>Description</th>
                    <td>Mess Company provides top-notch catering and food services tailored to your needs. Quality and customer satisfaction are our priorities.</td>
                </tr>
            </table>
        </section>
    </div>

    <footer>
        <p>&copy; 2024 Mess Company. All rights reserved.</p>
        <p>
            <a href="https://www.facebook.com/login/" target="_blank">Facebook</a> |
            <a href="https://x.com/i/flow/login?lang=en" target="_blank">Twitter</a> |
            <a href="https://www.instagram.com/" target="_blank">Instagram</a>
        </p>
    </footer>
</body>
</html>