-
Notifications
You must be signed in to change notification settings - Fork 0
/
tugas2.html
45 lines (42 loc) · 4.07 KB
/
tugas2.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My Portofolio - Blog</title>
<link rel="stylesheet" href="bumbu.css">
</head>
<body>
<div id="wrapper">
<div id="header">
<a href="" class="title">Pemrograman Web</a>
<!-- navigasi -->
<a href="file:///E:/GitHub/Pemrograman-Web/home.html#" class="nav">Home</a>
<a href="file:///E:/GitHub/Pemrograman-Web/blog.html" class="nav"><span class="clr">Blog</span></a>
<a href="file:///E:/GitHub/Pemrograman-Web/aboutme.html" class="nav">About Me</a>
</div>
<div>
<div class="menu">
<ul>
<li><a href="file:///E:/GitHub/Pemrograman-Web/tugas1.html">Tugas 1 - HTML</a></li>
<li><a href="file:///E:/GitHub/Pemrograman-Web/tugas2.html"><span class="clr">Tugas 2 - CSS</span></a></li>
<li><a href="file:///E:/GitHub/Pemrograman-Web/tugas3.html">Tugas 3 - JavaScript</a></li>
<li><a href="file:///E:/GitHub/Pemrograman-Web/tugas4.html">Tugas 4 - PHP</a></li>
</ul>
</div>
<div id="bcontent">
<div class="isi">
<h2>Tugas 2 - CSS</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nihil earum temporibus ad delectus reprehenderit ratione atque, eum, nobis culpa. Pariatur ullam a quidem laboriosam modi ad, quas rerum? Veritatis, impedit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nihil earum temporibus ad delectus reprehenderit ratione atque, eum, nobis culpa. Pariatur ullam a quidem laboriosam modi ad, quas rerum? Veritatis, impedit.</p><br>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias voluptatum, voluptates doloribus quisquam rem impedit! Magnam cupiditate nisi deleniti deserunt voluptatibus, reprehenderit quis laborum architecto vero, fuga ad quo modi. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam aut veniam commodi, sed, eaque expedita hic laudantium, consequatur repellat porro ducimus sit repellendus earum ad debitis corporis ab exercitationem amet! Lorem ipsum dolor sit amet, consectetur adipisicing elit. In quidem eius iure aspernatur, vero reiciendis velit tenetur laboriosam distinctio ea. Iste tempore quae quo perspiciatis nulla sit aut amet, explicabo.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima, repellendus! Fuga impedit officia quas eius voluptas repudiandae consectetur facilis eaque possimus, est quaerat laborum vel odio veniam beatae porro ea?</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nihil earum temporibus ad delectus reprehenderit ratione atque, eum, nobis culpa. Pariatur ullam a quidem laboriosam modi ad, quas rerum? Veritatis, impedit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nihil earum temporibus ad delectus reprehenderit ratione atque, eum, nobis culpa. Pariatur ullam a quidem laboriosam modi ad, quas rerum? Veritatis, impedit.</p><br>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias voluptatum, voluptates doloribus quisquam rem impedit! Magnam cupiditate nisi deleniti deserunt voluptatibus, reprehenderit quis laborum architecto vero, fuga ad quo modi. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quisquam aut veniam commodi, sed, eaque expedita hic laudantium, consequatur repellat porro ducimus sit repellendus earum ad debitis corporis ab exercitationem amet! Lorem ipsum dolor sit amet, consectetur adipisicing elit. In quidem eius iure aspernatur, vero reiciendis velit tenetur laboriosam distinctio ea. Iste tempore quae quo perspiciatis nulla sit aut amet, explicabo.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima, repellendus! Fuga impedit officia quas eius voluptas repudiandae consectetur facilis eaque possimus, est quaerat laborum vel odio veniam beatae porro ea?</p>
</div>
</div>
</div>
<div id="footer">
<p>Copyright@2020 ProWeb UNRAM</p>
</div>
</body>
</html>