-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
164 lines (158 loc) · 7.91 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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!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>autocryp</title>
<link rel="stylesheet" href="./styles/style.css">
</head>
<body>
<header>
<nav class="header ">
<section class="container fx--sb-cen">
<a href="javascript:void(0)" class="crypt__logo__text mr--a">autocryp</a>
<ul class="menu_list">
<li class="crypt_text_reg"> <a href="javascript:void(0)"> Benefit</a> </li>
<li class="crypt_text_reg"> <a href="javascript:void(0)"> Pricing</a> </li>
<li class="crypt_text_reg"> <a href="javascript:void(0)"> Testimonials</a> </li>
<li class="crypt_text_reg"> <a href="javascript:void(0)"> Client</a> </li>
</ul>
<div class="log__reg_sec fx ml--a">
<a href="javascript:void(0)" class="crypt_text_reg mr--38">Login</a>
<a href="javascript:void(0)" class="btn_success_green">Register</a>
</div>
</section>
</nav>
</header>
<main>
<section class="hero hero--bg">
<article class="hero_wrapper container fx--sb-cen">
<article class="hero_content">
<h1 class="hero_title mb--40">Easiest way to <br> mining your bitcoin</h1>
<p class="crypt_text_reg mb--40">
Autocryp is the place to buy and sell Bitcoin, Ethereum and various kinds of Digital Assets in
Indonesia. Then, book your weekly, bi-weekly or one-off clean online with imminent confirmation.
</p>
<a href="javascript:void(0);" class="btn_success_green">Get Started</a>
</article>
<picture class="artboard_box">
<img src="./assets/shared/image/artboard.png" alt="">
</picture>
</article>
</section>
<section class="trans_sec container ">
<ul class="trans__list fx--sb-cen">
<li class="trans__list_item">
<figure class="trans_img mb--26">
<img src="./assets/shared/image/shape.png" alt="">
</figure>
<h4 class="trans_title mb--50">Secure Every Transaction</h4>
<p class="crypt_text_reg">Your account is protected by Multifactor Authentication using a
combination of email, SMS and
Google Authenticator.</p>
</li>
<li class="trans__list_item">
<figure class="trans_img mb--26">
<img src="./assets/shared/image/shape-2.png" alt="">
</figure>
<h4 class="trans_title mb--50">Easiest To Use</h4>
<p class="crypt_text_reg">You only need 1 account to do all Bitcoin transactions whether it is
buying, selling, investing or trading.</p>
</li>
<li class="trans__list_item">
<figure class="trans_img mb--26">
<img src="./assets/shared/image/shape-3.png" alt="">
</figure>
<h4 class="trans_title mb--50">Fastest Mining</h4>
<p class="crypt_text_reg">The Rupiah deposit can be processed instantly and Rupiah withdrawal is
processed in less than 1 business day.</p>
</li>
</ul>
</section>
<section class="plan_sec container">
<article class="plan_content m--200">
<h5 class="crypt_text_bold mb--60">Paid plan starts with a 7-day free trial,<br> No credit card required
</h5>
<div class="day_tabs fx--cen--cen mb--60">
<div class="crypt_text_bold monthly--plan ">Monthly</div>
<div class=" crypt_text_bold free--plan">YEARLY - 2 MONTH FREE</div>
</div>
<article class="plans_container fx--sb-cen">
<div class="plan_card">
<h4 class="crypt_text_bold">Starter</h4>
<ul class="plan_detail">
<li class="crypt_text_reg">$10</li>
<li class="plan_sub_desc ">Per Month</li>
<li class="plan_text">1 Pixel ID*</li>
<li class="plan_text">URL</li>
<li class="plan_text">Up to 200 shortened links / month</li>
</ul>
<a class="btn_success_green">START FREE TRIAL</a>
</div>
<div class="plan_card">
<h4 class="crypt_text_bold">Professional</h4>
<ul class="plan_detail">
<li class="crypt_text_reg">$49</li>
<li class="plan_sub_desc ">Per Month</li>
<li class="plan_text">5 Pixels ID*</li>
<li class="plan_text">1 Custom URL</li>
<li class="plan_text">Up to 1,000 shortened links / month</li>
<li class="plan_text">5 Team Member</li>
</ul>
<a class="btn_success_green ">START FREE TRIAL</a>
</div>
<div class="plan_card">
<h4 class="crypt_text_bold">Business</h4>
<ul class="plan_detail">
<li class="crypt_text_reg">$99</li>
<li class="plan_sub_desc ">Per Month</li>
<li class="plan_text">Unlimited Pixels ID</li>
<li class="plan_text">Unlimited Custom URL</li>
<li class="plan_text">Unlimited shortened links / month</li>
<li class="plan_text">Unlimited Member</li>
</ul>
<a class="btn_success_green ">START FREE TRIAL</a>
</div>
</article>
</article>
</section>
<article class="platform_section container">
<h6 class="crypt_text_bold">WORKS WITH ANY PLATFORM</h6>
<div class="platform_row container fx--sb-cen">
<picture>
<img src="./assets/shared/image/group-8.png" alt="">
</picture>
<picture>
<img src="./assets/shared/image/group-19.png" alt="">
</picture>
<picture>
<img src="./assets/shared/image/group-15.png" alt="">
</picture>
<picture>
<img src="./assets/shared/image/group-17.png" alt="">
</picture>
<picture>
<img src="./assets/shared/image/group-18.png" alt="">
</picture>
<picture>
<img src="./assets/shared/image/group-20.png" alt="">
</picture>
</div>
</article>
<section class="container">
<footer class="copywrite_wrapper mg--top--160 mb--50">
<p class="crypt_text_reg">© 2018 autocryp All Right Reserved</p>
</footer>
</section>
<section>
<ul class="footer_menu fx--cen--cen">
<li class="footer_menu_item"><a href="">Benefits</a></li>
<li class="footer_menu_item"><a href="">Pricing</a></li>
<li class="footer_menu_item"><a href="">Testimonials</a></li>
<li class="footer_menu_item"><a href="">Clients</a></li>
</ul>
</section>
</main>
</body>
</html>