-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.html
87 lines (87 loc) · 4.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Phone sales</title>
<script src="jquery/jquery-3.3.1.js"></script>
<link rel="stylesheet" href="fontawesome-5.0.10/css/fontawesome-all.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav class="navbar" id="topnavbar">
<div class="container">
<div class="atas">
<a href="#" class="logo">Phone Sales</a>
<button class="btn-mb" onclick="openmenu()">
<i class="fas fa-bars"></i>
</button>
</div>
<div class="ml">
<ul class="nav-ul" id="navUl">
<li class="navbar-item">
<a href="#" class="link">home</a>
</li>
<li class="navbar-item">
<a href="#" class="link">news</a>
</li>
<li class="navbar-item">
<a href="#" class="link">pricing</a>
</li>
<li class="navbar-item dropdown-menu" id="dropdown-mn">
<button class="link dropdown-btn">product
<i class="fas fa-angle-down"></i>
</button>
<div class="dropdown-item" id="dropdown-itm">
<a href="#" class="dropdown-isi">Apple</a>
<a href="#" class="dropdown-isi">Samsung</a>
<a href="#" class="dropdown-isi">Xiaomi</a>
<a href="#" class="dropdown-isi">Acer</a>
<a href="#" class="dropdown-isi">Asus</a>
</div>
</li>
<li class="navbar-item">
<a href="#" class="link">about</a>
</li>
<li class="navbar-item">
<a href="JavaScript:void(0)" class="link btn-cn" id="btn-contact">contact</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="header">
<div class="container-hr">
<img src="img/Phone.png" alt="" class="gambar">
<div class="isi-judul">
<h1 class="display-1">Best website to shop Phone</h1>
<p class="desc">Phone Sales best a website to shop your new phone in this website,join now with milions people in the world and get your new phone.</p>
<a href="JavaScript:void(0)" class="btn btn-white btn-rounded btn-costum-header">login</a><a href="JavaScript:void(0)" class="btn btn-lightblue btn-rounded btn-costum-header">sign up</a>
</div>
</div>
</div>
<div class="main-body">
<div class="box-content">
<div class="content-item">
<h2 class="display-content"><i class="fas fa-shield-check"></i>Original product</h2>
<p class="display-content-lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit,sed do eiusmod tempor incididunt ut labore et dolore magnaaliqua. Ut enim ad minim veniam, quis nostrud exercitationullamco laboris nisi ut aliquip ex ea commodo consequat.Duis aute irure dolor in reprehenderit in voluptate velitesse cillum dolore eu fugiat nulla pariatur. Excepteur sintoccaecat cupidatat non proident, sunt in culpa qui officiadeserunt mollit anim id est laborum.</p>
<a href="JavaScript:void(0)" class="btn btn-lightblue-outline">learn more <i class="fal fa-arrow-alt-circle-right"></i></a>
</div>
<img src="img/Phone.png" alt="" class="gambar-content">
</div>
<div class="box-content">
<img src="img/free-ongkir-t.png" alt="" class="gambar-content img-content-left">
<div class="content-item content-item-right">
<h2 class="display-content"><i class="fas fa-shield-check"></i>Free ongkir</h2>
<p class="display-content-lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit,sed do eiusmod tempor incididunt ut labore et dolore magnaaliqua. Ut enim ad minim veniam, quis nostrud exercitationullamco laboris nisi ut aliquip ex ea commodo consequat.Duis aute irure dolor in reprehenderit in voluptate velitesse cillum dolore eu fugiat nulla pariatur. Excepteur sintoccaecat cupidatat non proident, sunt in culpa qui officiadeserunt mollit anim id est laborum.</p>
<a href="JavaScript:void(0)" class="btn btn-lightblue-outline">learn more <i class="fal fa-arrow-alt-circle-right"></i></a>
</div>
</div>
</div>
<div class="end-label">
<span class="end-label-text">Copyright 2019 - Ms.ambari</span>
</div>
<script src="script.js"></script>
</body>
</html>