-
Notifications
You must be signed in to change notification settings - Fork 0
/
frontend.html
97 lines (93 loc) · 4.11 KB
/
frontend.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
<!DOCTYPE html>
<html>
<head>
<title>Hun.com</title>
<script src='https://kit.fontawesome.com/a076d05399.js'></script>
</head>
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Inconsolata&display=swap" rel="stylesheet">
<body>
<!-- keseluruhan -->
<div class="Container">
<!-- header -->
<div class="header">
<img src="hun.png">
<!-- menu -->
<div class="menu">
<ul>
<li><a href="#Tutorial">Tutorial</a></li>
<li><a href="#Video">Video</a></li>
<li><a href="#Game">Game</a></li>
</ul>
<div class="search">
<input type="text" class="searchTerm" placeholder="Mau nyari apa?">
<button type="submit" class="searchButton">
<i class="fa fa-search"></i>
</button>
</div>
</form>
</div>
</div>
<!-- isi -->
<div class="Content">
<h4>Pilih Materi</h4>
<ul style="list-style-type: square;">
<br>
<li><a href="#">CSS</a></li>
<li><a href="#">PHP</a></li>
<li><a href="#">JS</a></li>
<li><a href="#">HTML</a></li>
<li><a href="#">Android</a></li>
</ul>
</div>
<!-- kanan bar -->
<div class="Sidebar">
<div class="Artikel">
<img src="php.jpg">
<h2>Php, Bahasa Pemrograman nomer 2 di Dunia untuk Jumlah pemakai</h2>
<br>
<p>Kini Php dan CPP merajai bahasa pemrograman, ditingkat pertama ada CPP yang sudah tak asing lagi bagi mahasiswa tingkat pertama yang mau belajar algoritma <a href="#">selengkapnya</a>...</p>
</div>
<!-- artikel 2 -->
<div class="Artikel">
<img src="css.png">
<h2>CSS dan Bootsrap, Cantik Mana?</h2>
<br>
<p>CSS terus mengupgrade dirinya agar terus menggaet user di seluruh dunia. Tidak mau kalah dari banyak framwork lainnya kini CSS tampil dengan bahasa pemrograman android <a href="#">selengkapnya</a>... </p>
</div>
</div>
<!-- Kiri bar -->
<div class="leftbar">
<div class="left1">
<img src="L.png" height="50px" width="50px">
<p>Laravel Mulai Digandrungi Developer Dunia <a href="#">selengkapnya...</a></p>
</div>
<div class="left1">
<img src="U.png" height="50px" width="50px">
<p>Merancang gim kini lebih mudah, hanya drag and drop saja <a href="#">selengkapnya... </a></p>
</div>
<div class="left1">
<img src="P.jpg" height="50px" width="50px">
<p>Bangun karir sebagai Data Scientish menggunakan Phyton <a href="#">selengkapnya...</a></p>
</div>
<div class="left1">
<img src="cd.jpg" height="40px" width="40px">
<p>Call of Duty mulai digandrungi. Diramal akan melewati kesuksesan PUBG? <a href="#">selengkapnya...</a></p>
</div>
<div class="left1">
<img src="cp.jpg" height="50px" width="50px">
<p>Bangun karir Web dan Mobile Developer disini <a href="#">selengkapnya...</a></p>
</div>
</div>
<!-- footer -->
<div class="footer">
<br>
<p> Copyright 2019 Hun.com</p>
<br>
<i class='far fa-building' style='font-size:20px'></i>
<br>
<p>Pal Merah, Jakarta</p>
</div>
</div>
</body>
</html>