-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
66 lines (58 loc) · 3.18 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="https://code.iconify.design/2/2.2.1/iconify.min.js"></script>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header class="container">
<nav class="menu">
<ul>
<li class="logo"><img src="image/logo.png" alt="logo" ></li>
<li ><a href="" class="active">home</a></li>
<li><a href="">about</a></li>
<li><a href="">service</a></li>
<li><a href="" class="register-btn"><span>register</span></a></li>
</ul>
</nav>
<!-- now for banner of header -->
<div class="banner">
<div class="header-text">
<h1>our basis thesis for bitcoin <br> is that it is better than gold.</h1>
<p> book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsu.
</p>
<div class="play-btn">
<div class="play-btn-inner"><span class="iconify" data-icon="akar-icons:play"></span></div>
<small><b>Learn More</b></small>
</div>
</div>
<div class="header-img">
<img src="image/cybox.png" alt="">
</div>
</div>
<!-- now some quick links -->
<div class="quick-links">
<ul>
<li><a href=""><span class="iconify" data-icon="fa:share-alt-square" style="color: white;"></span> <p> SHARE TO </p></a></li>
<li><a href=""><span class="iconify" data-icon="ic:round-description" style="color: white;"></span><p> DESCRIPTION</p></a></li>
<li><a href=""><span class="iconify" data-icon="el:cog" style="color: white;"></span><p> setting</p></a></li>
<li><a href=""><span class="iconify" data-icon="entypo:wallet" style="color: white;"></span><p> WALLET</p></a></li>
<!-- <li><a href=""><span class="iconify" data-icon="fa:share-alt-square"></span> SHARE TO</a></li> -->
</ul>
</div>
<!-- social icons -->
<div class="social-icons">
<ul>
<li><a href=""><span class="iconify" data-icon="akar-icons:facebook-fill" style="color: white;" ></span></a></li>
<li><a href=""><span class="iconify" data-icon="bi:linkedin" style="color: white;" ></span></a></li>
<li><a href=""><span class="iconify" data-icon="bi:instagram" style="color: white;" ></span></a></li>
<li><a href=""><span class="iconify" data-icon="ant-design:twitter-circle-filled" style="color: white;" ></span></a></li>
</ul>
</div>
</header>
</body>
</html>