-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathsdk.html
More file actions
246 lines (241 loc) · 11.8 KB
/
Copy pathsdk.html
File metadata and controls
246 lines (241 loc) · 11.8 KB
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
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" >
<title>Chainsfr SDK</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" href="i/favicon.png" type="image/x-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,600,500,700,800,900|Poppins:100,200,300,400,500,600,700,800,900" rel="stylesheet">
<!-- Bootstrap 4.3.1 CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<!-- Slick 1.8.1 jQuery plugin CSS (Sliders) -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
<!-- Fancybox 3 jQuery plugin CSS (Open images and video in popup) -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
<!-- AOS 2.3.4 jQuery plugin CSS (Animations) -->
<link href="https://unpkg.com/aos@2.3.4/dist/aos.css" rel="stylesheet">
<!-- FontAwesome CSS -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<!-- Startup 3 CSS (Styles for all blocks) -->
<link href="css/style.css" rel="stylesheet" />
<!-- jQuery 3.3.1 -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
<!-- Navigation 6 -->
<nav class="pt-30 pb-30 bg-light lh-40 text-center navigation_6">
<div class="container px-xl-0">
<div class="row align-items-center">
<div class="mb-10 mb-md-0 col-lg-3 col-md-4 text-md-left">
<a href="#" class="link logo color-main">Chainsfr SDK</a>
</div>
<div class="col-lg-9 col-md-8 text-md-right">
<a href="./index.html" class="link color-main mr-15">Chainsfr App</a>
<a href="#" class="link color-main mx-15">Documentation</a>
<a href="#" class="btn ml-15 sm action-3 f-16">Sign up</a>
</div>
</div>
</div>
</nav>
<!-- Application 12 -->
<section class="pt-100 pb-100 bg-light application_12">
<div class="container px-xl-0">
<div class="row justify-content-center align-items-center">
<div class="mb-30 mb-md-0 col-md-5 col-lg-6 d-flex justify-content-start justify-content-md-center">
<img src="i/application_12_img_1.png" srcset="i/application_12_img_1@2x.png 2x" alt="" class="img-fluid" />
</div>
<div class="col-md-7 col-lg-6 no-gutters">
<div class="pb-15 color-heading f-14 bold text-uppercase sp-20">Web Management</div>
<h3 class="pb-25">Integrate Chainsfr into your app</h3>
<div class="col-lg-10 col-xl-9 pb-40 color-heading f-18 medium text-adaptive">Greatest future is closer than you can imagine. Provide a new technology around the World and take millons of fans right now
</div>
<div class="d-flex flex-column flex-sm-row justify-content-start pb-5">
<div class="mr-0 mr-sm-2 d-flex justify-content-start justify-content-sm-center align-items-center pb-lg-4">
<a href="#" class="radius6">
<img src="i/application_12_img_2.png" srcset="i/application_12_img_2@2x.png 2x" alt="" class="img-fluid" />
</a>
</div>
<div class="ml-0 ml-sm-2 mt-3 mt-sm-0 d-flex justify-content-start justify-content-sm-center align-items-center pb-lg-4">
<a href="#" class="radius6">
<img src="i/application_12_img_3.png" srcset="i/application_12_img_3@2x.png 2x" alt="" class="img-fluid" />
</a>
</div>
</div>
<div class="col-lg-10 col-xl-9 d-flex justify-content-start align-items-center pt-lg-5">
<img src="i/application_12_logo.png" srcset="i/application_12_logo@2x.png 2x" alt="" class="img-fluid" />
<div class="ml-15 color-heading f-14 medium text-adaptive">Download the Startup, create awesome sites and take advantages of using it
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Feature 8 -->
<section class="pt-105 pb-30 bg-light feature_8">
<div class="container px-xl-0">
<h2 class="mb-50 small text-lg-center">Why Chainsfr SDK</h2>
<div class="row">
<div class="mb-40 col-md-6 col-lg-4 d-flex align-items-baseline">
<div class="ml-15 w-30 mr-15 flex-shrink-0 text-lg-center icon">
<i class="fas fa-code color-heading f-18"></i>
</div>
<div class="inner">
<div class="mb-20 f-14 semibold text-uppercase sp-20 title">Based on Bootstrap 3</div>
<div class="color-heading op-7 text-adaptive">HTML layout is based on one of the
most common and reliable <br>
framework - Bootstrap.
</div>
</div>
</div>
<div class="mb-40 col-md-6 col-lg-4 d-flex align-items-baseline">
<div class="ml-15 w-30 mr-15 flex-shrink-0 text-lg-center icon">
<i class="fab fa-html5 color-heading f-18"></i>
</div>
<div class="inner">
<div class="mb-20 f-14 semibold text-uppercase sp-20 title">HTML5, CSS3, LESS</div>
<div class="color-heading op-7 text-adaptive">We used only time-tested <br>
technologies for the best results.
</div>
</div>
</div>
<div class="mb-40 col-md-6 col-lg-4 d-flex align-items-baseline">
<div class="ml-15 w-30 mr-15 flex-shrink-0 text-lg-center icon">
<i class="fas fa-cogs color-heading f-18"></i>
</div>
<div class="inner">
<div class="mb-20 f-14 semibold text-uppercase sp-20 title">Many Components</div>
<div class="color-heading op-7 text-adaptive">There are a lot of different <br>
components that will help you <br>
create the perfect look and feel for
your startup.
</div>
</div>
</div>
<div class="mb-40 col-md-6 col-lg-4 d-flex align-items-baseline">
<div class="ml-15 w-30 mr-15 flex-shrink-0 text-lg-center icon">
<i class="fas fa-building color-heading f-18"></i>
</div>
<div class="inner">
<div class="mb-20 f-14 semibold text-uppercase sp-20 title">Block Model</div>
<div class="color-heading op-7 text-adaptive">You can easily combine components
in a variety ways for different design
projects. It's easy!
</div>
</div>
</div>
<div class="mb-40 col-md-6 col-lg-4 d-flex align-items-baseline">
<div class="ml-15 w-30 mr-15 flex-shrink-0 text-lg-center icon">
<i class="far fa-calendar-check color-heading f-18"></i>
</div>
<div class="inner">
<div class="mb-20 f-14 semibold text-uppercase sp-20 title">Save Time</div>
<div class="color-heading op-7 text-adaptive">Take a break from the routine and
spend your time brainstorming <br>
ideas for your business, not your
website.
</div>
</div>
</div>
<div class="mb-40 col-md-6 col-lg-4 d-flex align-items-baseline">
<div class="ml-15 w-30 mr-15 flex-shrink-0 text-lg-center icon">
<i class="fas fa-dollar-sign color-heading f-18"></i>
</div>
<div class="inner">
<div class="mb-20 f-14 semibold text-uppercase sp-20 title">Save Money</div>
<div class="color-heading op-7 text-adaptive">Startups can save money on design
and code and use those savings to
develop the business.
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer 13 -->
<footer class="pt-45 pb-60 bg-dark color-white text-center text-lg-left footer_13">
<div class="container px-xl-0">
<div class="lh-40 footer_links">
<a href="#" class="link f-14 semibold text-uppercase sp-20 color-white mr-10">Tour</a>
<a href="#" class="link f-14 semibold text-uppercase sp-20 color-white mx-10">Features</a>
<a href="#" class="link f-14 semibold text-uppercase sp-20 color-white mx-10">Pricing Plans</a>
<a href="#" class="link f-14 semibold text-uppercase sp-20 color-white mx-10">Our Works</a>
<a href="#" class="link f-14 semibold text-uppercase sp-20 color-white mx-10">Brands</a>
<a href="#" class="link f-14 semibold text-uppercase sp-20 color-white ml-10">Contacts</a>
</div>
<div>
<div class="mt-35 mb-40 hr h-2 bg-white op-3">
</div>
</div>
<div class="row">
<div class="col-lg-7">
<div class="row">
<div class="col-xl-4 col-lg-5">
<a href="#" class="link logo color-white">Startup</a>
</div>
<div class="mt-15 mb-15 my-lg-0 col-xl-8 col-lg-7">
<div class="text-adaptive">
Startup Framework contains components and
complex blocks which can easily be integrated into
almost any design.
</div>
</div>
</div>
</div>
<div class="col-lg-5 text-lg-right">
<a href="#" class="link color-white mr-15">Privacy Policy</a>
<a href="#" class="link color-white mx-15">Terms</a>
<span class="d-inline-block socials">
<a href="#" class="link color-white mx-15">
<i class="fab fa-twitter"></i>
</a>
<a href="#" class="link color-white mx-15">
<i class="fab fa-facebook-f"></i>
</a>
<a href="#" class="link color-white ml-15">
<i class="fab fa-google-plus-g"></i>
</a>
</span>
</div>
</div>
</div>
</footer>
<!-- forms alerts -->
<div class="alert alert-success alert-dismissible fixed-top alert-form-success" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
Thanks for your message!
</div>
<div class="alert alert-warning alert-dismissible fixed-top alert-form-check-fields" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
Please, fill in required fields.
</div>
<div class="alert alert-danger alert-dismissible fixed-top alert-form-error" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button>
<div class="message">An error occurred while sending data :( Please, check if your hosting supports PHP and check how to set form data sending <a href="https://designmodo.com/startup/documentation/#form-handler" target="_blank" class="link color-transparent-white">here</a>.</div>
</div>
<!-- gReCaptcha popup (uncomment if you need a recaptcha integration) -->
<!--
<div class="bg-dark op-8 grecaptcha-overlay"></div>
<div class="bg-light radius10 w-350 h-120 px-20 pt-20 pb-20 grecaptcha-popup">
<div class="w-full h-full d-flex justify-content-center align-items-center">
<div id="g-recaptcha" data-sitekey="PUT_YOUR_SITE_KEY_HERE"></div>
</div>
</div>
<script src="https://www.google.com/recaptcha/api.js?render=explicit" async defer></script>
-->
<!-- Bootstrap 4.3.1 JS -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script>
<!-- Fancybox 3 jQuery plugin JS (Open images and video in popup) -->
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
<!-- Google maps JS API -->
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3&key=AIzaSyDP6Ex5S03nvKZJZSvGXsEAi3X_tFkua4U"></script>
<!-- Slick 1.8.1 jQuery plugin JS (Sliders) -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<!-- AOS 2.3.4 jQuery plugin JS (Animations) -->
<script src="https://unpkg.com/aos@2.3.4/dist/aos.js"></script>
<!-- Maskedinput jQuery plugin JS (Masks for input fields) -->
<script src="js/jquery.maskedinput.min.js"></script>
<!-- Startup 3 JS (Custom js for all blocks) -->
<script src="js/script.js"></script>
</body>
</html>