-
Notifications
You must be signed in to change notification settings - Fork 604
/
websitesederhana.html
113 lines (96 loc) · 5.32 KB
/
websitesederhana.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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="style/style.css">
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1">
<title>website basic</title>
</head>
<body>
<header>
<div class="jumbotron">
<h1>Lombok</h1>
<p>
lombok adalah Lorem ipsum dolor sit amet, consectetur adipisicing elit.
</p>
</div>
<nav class="link">
<ul>
<li><a href="#">sejarah</a></li>
<li><a href="#">geografis</a></li>
<li><a href="#">wisata</a></li>
</ul>
</nav>
</header>
<main>
<div>
<article>
<h2 id="sejarah">sejarah</h2>
<img src="image/kintamani.jpg" alt="sejarah" width="720" height="480">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio delectus ipsam modi ipsum ea reprehenderit accusamus quo! Praesentium molestias, odit, nulla, cum, recusandae magnam quae molestiae qui magni omnis voluptas.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Mollitia ex dicta tenetur quaerat, doloribus, aspernatur? Quod est aut possimus minus illum, officia fugit accusamus. Recusandae tempore deserunt saepe, omnis cum!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt dolore est expedita asperiores, autem officiis
</p>
</article>
</div>
<div>
<article>
<h2 id="geografis">geografis</h2>
<img src="image/rawa.jpg" alt="geografis">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. At repellat enim eius dolore, non minima quidem alias quam vero aut, sapiente nostrum possimus totam asperiores facilis quasi voluptatibus minus et.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo blanditiis nihil voluptates labore debitis tenetur quo in incidunt qui reprehenderit dolor quos, molestiae alias laudantium, eligendi, nesciunt voluptate necessitatibus officiis.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum rem fugiat nobis ea consectetur assumenda dolorem nihil dolores libero voluptates vitae placeat eius, autem quae id voluptate natus soluta illum.
</p>
</article>
</div>
<div>
<article>
<h2 id="wisata">wisata</h2>
<img src="image/pantai.jpg" alt="wisata">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur cumque officia eveniet, optio reprehenderit rerum, ea! Nam quod voluptas illum ab nesciunt minima blanditiis praesentium distinctio culpa, quibusdam et officiis.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere cum voluptates ut, reprehenderit, vel mollitia. Voluptas architecto perferendis iure delectus autem, molestiae, ducimus, sunt maxime optio libero omnis inventore unde.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit magnam, veritatis adipisci sequi provident inventore dolor ex impedit amet natus aspernatur praesentium voluptates obcaecati eligendi nulla facere maxime eius. Nam.
</p>
</article>
</div>
<div>
<article>
<section>
<h3 id="pesantren">pesantren</h3>
<img src="image/pesantren.jpeg" alt="pesantren">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia vero odio dolorum maiores perspiciatis unde reiciendis quibusdam aperiam iusto, reprehenderit soluta quia illum rem magni vitae molestias. Minima, reiciendis, qui!Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam sequi reiciendis maxime sit consequatur pariatur aliquid quibusdam accusamus ipsa accusantium inventore iusto enim, omnis beatae earum quia ab voluptas. Consequatur?Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est fugit optio consequatur tempore, assumenda tenetur, libero ut nisi. Quia labore earum aut itaque veniam voluptatum nobis fugit molestiae iusto odit?
</p>
</section>
</article>
</div>
<div>
<article>
<section>
<h3 id="masyarakat">pekerjaan masyarakat</h3>
<img src="image/warga.webp" alt="masyarakat">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora consectetur unde, consequatur eum sunt accusamus ut. Totam soluta ab consequatur distinctio animi voluptate, explicabo vitae, vero, autem voluptas, praesentium repellat.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas quibusdam architecto ab magni ad quod, doloribus commodi aspernatur, illo tempora error, laborum enim. Blanditiis id magnam, ratione pariatur quaerat molestias.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem vero alias eveniet, harum eaque consequuntur doloribus adipisci libero labore culpa unde accusantium sint non, incidunt, eos accusamus ullam, esse distinctio.
</p>
</section>
</article>
</div>
<div class="universitas">
<aside class="content">
<article>
<h3 id="universitas">lombok tengah</h3>
<figure>
<img src="image/logo.png" alt="profile" class="profile">
<figcaption class="profile">logo lombok tengah </figcaption>
<p>
Kabupaten Lombok Tengah adalah salah satu Daerah Tingkat II di Provinsi Nusa Tenggara Barat. Ibu kota daerah ini ialah Praya. Kabupaten ini memiliki luas wilayah 1.208,39 km² dengan populasi sebanyak 860.209 jiwa.
Kabupaten Lombok Tengah terletak pada posisi 82° 7' - 8° 30' Lintang Selatan dan 116° 10' - 116° 30' Bujur Timur, membujur mulai dari kaki Gunung Rinjani di sebelah Utara hingga ke pesisir pantai Kuta di sebelah Selatan dengan beberapa pulau kecil yang ada disekitarnya.
<figcaption class="profile">logo lombok tengah </figcaption>
</figure>
</p>
</article>
</main>
</aside>
</div>
</body>
<footer>
<p>
belajar pemrograman web © 2020,lalu doni setiawan
</p>
</footer>
</html>