-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
174 lines (171 loc) · 6.8 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
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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="index.css">
<title>Document</title>
</head>
<body>
<header class="header">
<div class="logo">
<h1>MOQUPS</h1>
</div>
<div class="navigasi">
<div class="kiri"><a href="#main-all">Home</a></div>
<div class="tengah"><a href="#batas">Our Package</a></div>
<div class="kanan"><a href="#call-us">Call Us</a></div>
</div>
</header>
<main class="main-all" id="main-all">
<div class="teks">
<h2>Top Rated E-Groceries Shop In Indonesian</h2>
<br>
<h3>Every Days With Best Ingridients</h3>
</div>
<div class="section">
<div class="kiri1">
<img src="amoon-ra-oWN1tKuUpJI-unsplash.jpg" alt="" width="683px" height="433.5px">
<div class="comment">
<p><i>"Ayo beli sayur dan buah disini"</i></p>
<br><br>
<h4>Fulan bin Fulan</h4>
<i>Pengusaha, 35</i>
</div>
<hr class="garis">
<div class="teks-bold">
<b>Use this space to provide users with more information about your offer. Consider it follow up to
your headline and explain the benefits of your service or product</b>
</div>
<table class="list3">
<tr>
<td>
<div>1</div>
</td>
<td>
<p>Your first feature, written on the form of a benefit statement.</p>
</td>
</tr>
<tr>
<td>
<div>2</div>
</td>
<td>
<p>Your second feature, written in the form of a benefit statement</p>
</td>
</tr>
<tr>
<td>
<div>3</div>
</td>
<td>
<p>Your third feature, written in the form of a benefit statement</p>
</td>
</tr>
</table>
</div>
<div class="kanan1">
<div class="teks-kanan">
<h2>Contact Us</h2>
<p>Sales akan menghubungi anda 1x24 jam setelah data kami terima</p>
</div>
<div class="form-kanan">
<form action="index.html" method="post" onsubmit="validasi()">
<b>Your Name :</b> <br>
<input type="text" value="First And Last Name" id="nama"> <br>
<b>Email Address :</b> <br>
<input type="text" value="[email protected]" id="email"> <br>
<b>What are you interested in</b> <br>
<select id="selection">
<option value="Select option">Select Option</option>
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
<option value="d">d</option>
<option value="e">e</option>
<option value="f">f</option>
</select>
<br>
<input type="submit" value="SEND" id="btn">
</form>
</div>
</div>
</div>
<div class="batas" id="batas">
<h1>Our Package</h1>
</div>
<div class="package-all">
<div class="package-atas">
<div class="package-atas-kiri">
<h3>Fresh Vegetable</h3>
<p>Sayuran segar dari sumber pertanian terbaik</p>
</div>
<div class="package-atas-tengah">
<h3>Fresh Fruit</h3>
<p>Buah dengan kualitas terbaik dari local atau impor dan harga yang menarik</p>
</div>
<div class="package-atas-kanan">
<h3>Instant delivery</h3>
<p>Dikirim instan oleh kurir yang telah ditraining dengan SOP untuk menjaga kondisi belanja kamu</p>
</div>
</div>
<hr class="garis">
<div class="package-bawah">
<div class="package-bawah-kiri">
<h3>Kitchen Ingridients</h3>
<p>Bumbu dapur lengkap untuk keperluan memasak kamu</p>
</div>
<div class="package-bawah-tengah">
<h3>Kitchen Set</h3>
<p>Segala jenis alat masak untuk membantu kamu memasak</p>
</div>
<div class="package-bawah-kanan">
<h3>Bunding Set</h3>
<p>Bingug masak apa? sudah tersedia paket untuk kamu masak di dapur mu</p>
</div>
</div>
</div>
<hr class="garis1">
<div class="call-us" id="call-us">
<div class="teks-call-us">
<h1>Your Closing Argument Headline</h1>
<p>Suspendisseegestas rhoncus urna in bibendum. Donec urna neque, euismod sed <br> justo quis, convallis
tincidunt risus. Phasellus fringilla odio vel elat fringilla</p>
</div>
<div class="button-call-us">
<button>CALL TO ACTION</button>
</div>
</div>
<hr class="garis1">
</main>
<footer class="footer">
<div class="logo-footer">
<h3>MOQUPS</h3>
</div>
<div class="teks-footer-tengah">
<div class="teks-footer-tengah-kiri">
<p>Terms and Service</p>
</div>
<div class="teks-footer-tengah-kanan">
<p>Privacy Policy</p>
</div>
</div>
<div class="teks-footer-bawah">
<p>© 2019 Moqups</p>
</div>
</footer>
</body>
<script type="text/javascript">
function validasi() {
var nama = document.getElementById ("nama").value;
var email = document.getElementById ("email").value;
var selection = document.getElementById ("selection").value;
if (nama !="" && email !="" && selection !="") {
return true;
} else {
alert("Isilah dengan lengkap !")
}
}
</script>
</html>