FirstGitProject/index.html at master · sklearner210/FirstGitProject · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SKT food'$</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" media="screen and (max-width: 1183px)" href="css/phone.css">
</head>
<body>
    <nav id="navbar">
        <div id="logo">
            <img src="logo.jpg" alt="skt" width="85px">
        </div>

        <ul>
            <li class="item"><a href="#home">Home</a></li>
            <li class="item"><a href="#services">Services</a></li>
            <li class="item"><a href="#aboutus">About Us</a></li>
            <li class="item"><a href="#contact">Contact</a></li>
        </ul>
    </nav>

    <section id="home">
        <h1 class="h-primary">Welcome to $KT FOOD'$</h1>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus, eum rerum quis in odit voluptatibus non iste consectetur.</p>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
        <button class="btn">Order Now</button>
    </section>

    <section class="services-container">
        <h1 class="h-primary center">Our Services</h1>
        <div id="services">
            <div class="box">
                <img src="img/1.png" alt="">
                <h2 class="h-secondary center">Food Catering</h2>
                <p class="center">Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium porro ipsa veniam soluta,Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptate nesciunt quod fuga magni consequuntur quae sed numquam commodi laborum magnam eius repellendus, illo quibusdam! aut adipisci provident accusantium reprehenderit quos consequatur earum in omnis repellat at voluptate, suscipit vitae cum ratione impedit nemo nobis fuga.</p>
            </div>

            <div class="box">
                <img src="img/2.png" alt="">
                <h2 class="h-secondary center">Bulk Ordering</h2>
                <p class="center">Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium porro ipsa veniam soluta,Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque temporibus, qui incidunt nesciunt neque, blanditiis voluptatibus, deserunt molestias dolor ipsa rerum omnis quia iure? aut adipisci provident accusantium reprehenderit quos consequatur earum in omnis repellat at voluptate, suscipit vitae cum ratione impedit nemo nobis fuga.</p>
            </div>

            <div class="box">
                <img src="img/3.png" alt="">
                <h2 class="h-secondary center">Food Ordering</h2>
                <p class="center">Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium porro ipsa veniam soluta,Lorem ipsum dolor sit amet consectetur adipisicing elit. Inventore, quibusdam. Ipsum fuga exercitationem placeat incidunt repudiandae consectetur expedita architecto, labore numquam harum laboriosam quaerat? aut adipisci provident accusantium reprehenderit quos consequatur earum in omnis repellat at voluptate, suscipit vitae cum ratione impedit nemo nobis fuga.</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="img/logo1.png" alt="Our Client">
                </div>
                <div class="client-item">
                    <img src="img/logo2.png" alt="Our Client">
                </div>
                <div class="client-item">
                    <img src="img/logo1.png" alt="Our Client">
                </div>
                <div class="client-item">
                    <img src="img/logo3.png" alt="Our Client">
                </div>
                <div class="client-item">
                    <img src="img/logo4.png" alt="Our Client">
                </div>
            </div>
    </section>

    <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="phone" name="name" id="phone" placeholder="Enter your 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.sktfoods.com All rights Reserved!
        </div>
    </footer>

</body>
</html>