-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
73 lines (61 loc) · 4.23 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="" pe="text/css" href="index.css" />
<title>BISMILLAH</title>
<link rel="icon" href="https://media.geeksforgeeks.org/wp-content/cdn-uploads/gfg_200X200.png" type="image/x-icon">
</head>
<body>
<div>
<div class="b">
<h1>My Website</h1>
<nav>
<li class="h"><a href="#">Home</a>|</li>
<li class="h"><a href="#">Group</a>|</li>
<li class="h"><a href="#">Favorite</a>|</li>
<li class="h"><a href="#">New</a>|</li>
<li class="h"><a href="#">Market</a></li>
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" width="85px" >
<path fill="#0099FF" d="M20.5,-34.5C33.3,-28,55.3,-36.3,61.2,-33C67.2,-29.7,57.1,-14.9,55.5,-0.9C54,13.1,61,26.2,58.5,35.4C56,44.6,44,50,32.6,48.5C21.3,47.1,10.6,39,2.7,34.4C-5.3,29.8,-10.7,28.7,-23.8,31.2C-37,33.7,-58,39.6,-66.4,35C-74.8,30.4,-70.5,15.2,-70.2,0.2C-69.9,-14.9,-73.6,-29.7,-63.7,-31.7C-53.8,-33.7,-30.3,-22.7,-17.4,-29.2C-4.5,-35.8,-2.3,-59.8,0.8,-61.1C3.8,-62.5,7.6,-41.1,20.5,-34.5Z" transform="translate(100 100)" />
</svg>
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" width="85px">
<path fill="#0099FF" d="M19,-30C29.6,-26.8,46.5,-31.7,57,-28.1C67.4,-24.4,71.4,-12.2,68.3,-1.7C65.3,8.7,55.3,17.5,44.2,19.9C33.1,22.4,20.8,18.6,13.3,25.2C5.7,31.8,2.9,48.7,-3.7,55.2C-10.3,61.6,-20.7,57.7,-33.2,54C-45.7,50.3,-60.5,46.9,-61.1,37.9C-61.6,29,-47.9,14.5,-46.9,0.6C-45.9,-13.3,-57.5,-26.6,-54.8,-31.8C-52.1,-36.9,-35,-33.9,-23.4,-36.6C-11.9,-39.2,-6,-47.5,-0.9,-45.9C4.2,-44.4,8.4,-33.1,19,-30Z" transform="translate(100 100)" />
</svg>
</nav>
</div>
<div class="hero"></div>
<div class="c">
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsum distinctio dolore odio aspernatur ex fuga magnam inventore architecto voluptate ducimus cum accusantium voluptatibus, officia, est illo dolorem laudantium dolorum,
unde. Nihil suscipit fugiat consectetur eos, ex. At, quod repudiandae deleniti voluptatem aperiam quia non aspernatur labore, laborum iusto rerum totam. Porro in, labore delectus voluptatum ut eveniet sapiente corporis? Voluptatum
officia temporibus eum, nihil minima necessitatibus ad, voluptatibus maiores suscipit soluta deleniti possimus sapiente nostrum sit, quidem quos et. Vitae excepturi facere, atque nisi, aliquam fugit delectus sed dolorem aperiam
neque commodi asperiores temporibus provident natus, a velit exercitationem, accusamus.
</p>
<p>
Lorem, ipsum, dolor sit amet consectetur adipisicing elit. Voluptates magnam exercitationem quae eos. Libero, odit deleniti minima quis ex accusantium fugit soluta quam sit ullam eaque voluptate repellat nemo. Possimus, amet!
Saepe dolorem neque, magni quas optio assumenda, ea doloribus.
</p>
<h3>Daftar Menu :</h3>
<li>Nasi Goreng</li>
<li>Mie Godog</li>
<li>Pecel Enak</li>
<li>Lele bacem</li>
<img src="image/OIP.jpg" width="200px">
<h3 class="f">Daftar Minum :</h3>
<li class="f">Es The<sup>2</sup></li>
<li class="f">Zuiz Blue</li>
<li class="f">Marui<sub>2</sub> Blancy</li>
<li>Yuzu Key</li>
</div>
<div class="d">
<p class="e">Lorem ipsum dolor sit amet, consectetur adipisicing elit : <q> Doloribus, nisi. Minus qui eum animi sit alias </q>. ut soluta facilis nesciunt illum ipsam exercitationem iusto, provident?</p>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<path fill="#0099ff" fill-opacity="1" d="M0,256L48,245.3C96,235,192,213,288,213.3C384,213,480,235,576,218.7C672,203,768,149,864,154.7C960,160,1056,224,1152,250.7C1248,277,1344,267,1392,261.3L1440,256L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"><p class="footer">copyright ©2022 by <a href="#">Dzikri M.Y</a></p></path>
</svg>
</div>
<p></p>
</div>
</body>
</html>