-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
146 lines (142 loc) · 6.49 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
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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<!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>Crypto Developed By Masome Mahmudi</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css">
<link rel="stylesheet" href="assest/styles/global.css">
<script src='https://unpkg.com/axios/dist/axios.min.js'></script>
</head>
<body>
<main>
<header>
<div class="menu_bar">
<div class="menu-con">
<div class="logo">
<a href="#">
<figure>
<img src="assest/image/menu-logo.webp" alt="">
</figure>
<!-- <h2>Crypto.com</h2> -->
</a>
</div>
<ul class="menu">
<li><a href="#">NFT</a></li>
<li><a href="#">Price</a></li>
<li class="dropDown">
<button class="dropBtn">Products <i class="bi bi-chevron-down"></i></button>
</li>
<li class="dropDown">
<button class="dropBtn">Company <i class="bi bi-chevron-down"></i></button>
</li>
<li class="dropDown">
<button class="dropBtn">Learn <i class="bi bi-chevron-down"></i></button>
</li>
<li class="border"><a href="#"><i class="bi bi-apple"></i></a></li>
<li class="border"><a href="#"><i class="bi bi-google-play"></i></a></li>
<li><a href="#"><i class="bi bi-globe-asia-australia"></i> English</a></li>
</ul>
</div>
</div>
<!-- next part 3d -->
<div class="leading">
<div class="inner">
<div class="anime">
<h1>Masome Mahmudi</h1>
<h1>Cryptocurrency Platform</h1>
</div>
<p><i class="bi bi-check-circle-fill"></i> Trusted by more than <a href="#">80M users</a> world-wide
</p>
<p><i class="bi bi-check-circle-fill"></i> Leader in <a href="#">regulatory compliance</a> and <a
href="#">security certifications</a></p>
<p><i class="bi bi-check-circle-fill"></i> The industry’s most comprehensive insurance coverage and
<a href="#">verified proof of reserves</a>
</p>
<div class="selling">
<a href="#">
<i class="bi bi-apple"></i>
<span><span>Download on the</span> <b>App Store</b></span>
</a>
<a href="#">
<i class="bi bi-google-play"></i>
<span><span>GET IT ON</span> <b>Google Play</b></span>
</a>
<a href="#" class="qr">
<figure>
<img src="assest/image/app-qr-code-260d2bfc56062aca39872a168e211cc6.webp" alt="">
</figure>
</a>
</div>
</div>
</div>
</header>
<!-- main body -->
<section class="con-2">
<div id="sell" class="threed_part">
</div>
</section>
<section class="con-3">
<div class="cost">
<div class="text">
<a href="#" class="fadeup">SECURELY BUY, SELL, STORE, SEND and TRACK</a>
<h2 class="fadeup">Buy crypto at true cost</h2>
<p class="fadeup">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dicta optio mollitia
voluptas et voluptate enim distinctio placeat deleniti sunt! Minus.</p>
</div>
<div class="tabel-con">
<!-- ul tabel -->
<ul class="tabel fadeup" id="tabel"></ul>
</div>
<div class="fadeup">
<a href="price1.html" class="learn" target="_self">Learn More <i class="bi bi-arrow-right"></i></a>
</div>
</div>
</section>
<section class="con-4">
<div class="inner">
<div class="pic">
<div class="mobile fadeup"></div>
<div class="notif-1"></div>
<div class="notif-2"></div>
</div>
<div class="text-4">
<span class="fadeup">crypto earn</span>
<h3 class="fadeup">Get the most out
of your assets, safly</h3>
<p class="fadeup">Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<div class="fadeup">
<a href="#" class="learn">Calculate Rewards <i class="bi bi-arrow-right"></i></a>
</div>
</div>
</div>
</section>
<section class="con-5">
<span class="fadeup">our vision</span>
<div class="logo">
<figure>
<img class="fadeup" src="assest/image/logo-crypto.webp" alt="">
</figure>
</div>
<div>
<div>
<span class="fadeup">Founded in</span>
<span class="fadeup">2015</span>
</div>
<div>
<span class="fadeup">users</span>
<span class="fadeup">80 M</span>
</div>
</div>
</section>
<section class="footer">
<span>My Info</span>
<a target="_blank" href="mailto:springmasome@gmail.com">EMAIL</a>
<a target="_blank" href="https://www.linkedin.com/in/masome-spring">LINKDIN</a>
<a target="_blank" href="https://github.com/masiimc">GITHUB</a>
</section>
</main>
<script src="js/script.js"></script>
</body>
</html>