-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
75 lines (75 loc) · 3.11 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Makans.com | home</title>
<!-- google fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Mulish:wght@400;700&family=Playfair+Display:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="stylesheet.css">
<!-- font awesome -->
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
</head>
<body>
<!-- header nav -->
<header>
<div class="container">
<div class="logo"><h3><span>Makans.</span>com</h3></div>
<!-- <span class="fa fa-bars menu-icon"></span> -->
<nav>
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</div>
</header>
<!-- end header -->
<!-- hero section -->
<section id="home">
<div class="container flex">
<div class="content-left">
<h1>Five Stars Dining In Your Home</h1>
<p>Enjoy a night of fine dining without leaving your home. Just sit and relax, our team will give you the best service.</p>
<a href="#" class="tombol">Order Now</a>
</div>
<div class="">
<img src="images/hero-pict (1).png" alt="food-image">
</div>
</div>
</section>
<!-- end hero section -->
<!-- about section -->
<section id="about">
<div class="container flex">
<div class="images-left">
<img src="images/about-img (1)-min.png" alt="food-image-2">
</div>
<div class="text-right">
<h2>About Us</h2>
<p>This pandemic is forcing us to move indoors. Work from home, school from home, online shopping, and more. After a few months, we must be bored and want to go out for dinner. Don't worry! Makans team provides dinner service with five stars hotel chefs. Our chefs have done rapid test to comfort you. Meals are served with selected ingredients to pamper your tongue. So what are you waiting for. Book now and enjoy the best dinner experience at home!</p>
<a href="#" class="tombol">Order Now</a>
</div>
</div>
</section>
<!-- end about section -->
<!-- start contact form section-->
<section id="contact-form">
<div class="order">
<div class="container ">
<h3 class="section-title ">Let's Book and Get New Experience</h3>
<p>Name</p> <input>
<p>Phone Number</p><input>
<p>Order Date</p><input>
<p>Address</p><textarea></textarea>
</br>
<input class="order-submit " type="submit " value="SEND">
</div>
</div>
</section>
<!-- end contact form section-->
</body>
</html>