-
Notifications
You must be signed in to change notification settings - Fork 0
/
coming-soon.html
338 lines (333 loc) · 17.6 KB
/
coming-soon.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
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
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
<!DOCTYPE html>
<html lang="id">
<head>
<title>ComingSoon - Konco</title>
<meta
property="og:image"
content="https://aheioqhobo.cloudimg.io/v7/_playground-bucket-v2.teleporthq.io_/a6f60afa-bbb8-43c4-a2d9-0e5fabbcb814/255a847d-aa4d-4c30-916d-4fe686974e9f?org_if_sml=1"
/>
<meta
property="og:description"
content="Konco memberikan berbagai Layanan IT seperti KoncoUKM, KoncoDesa dan beberapa layanan IT lain untuk membantu apapun kebutuhan Anda"
/>
<meta property="og:title" content="ComingSoon - Konco" />
<meta
name="description"
content="Konco memberikan berbagai Layanan IT seperti KoncoUKM, KoncoDesa dan beberapa layanan IT lain untuk membantu apapun kebutuhan Anda"
/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="utf-8" />
<meta property="twitter:card" content="summary_large_image" />
<style data-tag="reset-style-sheet">
html { line-height: 1.15;}body { margin: 0;}* { box-sizing: border-box; border-width: 0; border-style: solid;}p,li,ul,pre,div,h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0;}button,input,optgroup,select,textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;}button,select { text-transform: none;}button,[type="button"],[type="reset"],[type="submit"] { -webkit-appearance: button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner { border-style: none; padding: 0;}button:-moz-focus,[type="button"]:-moz-focus,[type="reset"]:-moz-focus,[type="submit"]:-moz-focus { outline: 1px dotted ButtonText;}a { color: inherit; text-decoration: inherit;}input { padding: 2px 4px;}img { display: block;}html { scroll-behavior: smooth }
</style>
<style data-tag="default-style-sheet">
html {
font-family: Open Sans;
font-size: 1rem;
}
body {
font-weight: 400;
font-style:normal;
text-decoration: none;
text-transform: none;
letter-spacing: normal;
line-height: 1.625;
color: var(--dl-color-secondary-400);
background-color: var(--dl-color-gray-white);
}
</style>
<link
rel="shortcut icon"
href="/playground_assets/icons8-guarantee-96.png"
type="icon/png"
sizes="32x32"
/>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap"
data-tag="font"
/>
<style>
html * {
-webkit-font-smoothing: antialiased;
}
input::placeholder, textarea::placeholder {
color: #d2d6da;
}
</style>
<link rel="stylesheet" href="./style.css" />
</head>
<body>
<div>
<link href="./coming-soon.css" rel="stylesheet" />
<div class="coming-soon-container">
<div data-role="Header" class="header-header">
<nav class="header-nav">
<div class="header-container">
<a href="home.html" class="header-navlink large">
Soft UI Design System
</a>
<div class="header-menu">
<a href="home.html" class="header-navlink1 large">Home</a>
<a href="profile.html" class="header-navlink2 large">Profile</a>
<a href="coming-soon.html" class="header-navlink3 large">
Coming Soon
</a>
</div>
<div class="header-container1">
<div class="header-container2">
<div class="primary-pink-button-container">
<button
class="primary-pink-button-button button buttonSmall"
>
<span>buy now</span>
</button>
</div>
</div>
<div data-type="BurgerMenu" class="header-burger-menu">
<svg viewBox="0 0 1024 1024" class="header-icon">
<path
d="M128 256h768v86h-768v-86zM128 554v-84h768v84h-768zM128 768v-86h768v86h-768z"
></path>
</svg>
</div>
</div>
</div>
</nav>
<div data-type="MobileMenu" class="header-mobile-menu">
<div class="header-top">
<a href="home.html" class="header-navlink4 large">
Soft UI Design System
</a>
<div data-type="CloseMobileMenu" class="header-close-menu">
<svg viewBox="0 0 1024 1024" class="header-icon2">
<path
d="M810 274l-238 238 238 238-60 60-238-238-238 238-60-60 238-238-238-238 60-60 238 238 238-238z"
></path>
</svg>
</div>
</div>
<div class="header-mid">
<div class="header-menu1">
<a href="home.html" class="header-navlink5 large">Home</a>
<a href="profile.html" class="header-navlink6 large">Profile</a>
<a href="coming-soon.html" class="header-navlink7 large">
Coming Soon
</a>
</div>
</div>
<div class="header-bot">
<div class="primary-pink-button-container">
<button class="primary-pink-button-button button buttonSmall">
<span>buy now</span>
</button>
</div>
</div>
</div>
</div>
<div class="coming-soon-container1">
<div class="coming-soon-main">
<div class="coming-soon-container2">
<h1 class="coming-soon-text headingOne">You Work With</h1>
<h1 class="coming-soon-text1">Soft Design System</h1>
<p class="coming-soon-text2 lead">
<span class="coming-soon-text3">
The time is now for it be okay to be great. Subscribe now and
get notified when it's launched!
</span>
</p>
<div class="coming-soon-container3">
<input
type="text"
placeholder="Email here"
class="coming-soon-textinput small input"
/>
<div class="secondary-button-container">
<button class="secondary-button-button button buttonSmall">
<span>Subscribe</span>
</button>
</div>
</div>
</div>
<div class="coming-soon-grid">
<img
alt="image"
src="public/playground_assets/iphone-3-1000w.png"
class="coming-soon-image"
/>
<img
alt="image"
src="public/playground_assets/iphone-2-1000w.png"
class="coming-soon-image01"
/>
<img
alt="image"
src="public/playground_assets/iphone-4-1000w.png"
class="coming-soon-image02"
/>
<img
alt="image"
src="public/playground_assets/iphone-1-1000w.png"
class="coming-soon-image03"
/>
<img
alt="image"
src="public/playground_assets/iphone-2-1000w.png"
class="coming-soon-image04"
/>
<img
alt="image"
src="public/playground_assets/iphone-4-1000w.png"
class="coming-soon-image05"
/>
<img
alt="image"
src="public/playground_assets/iphone-1-1000w.png"
class="coming-soon-image06"
/>
<img
alt="image"
src="public/playground_assets/iphone-3-1000w.png"
class="coming-soon-image07"
/>
<img
alt="image"
src="public/playground_assets/iphone-2-1000w.png"
class="coming-soon-image08"
/>
<img
alt="image"
src="public/playground_assets/iphone-4-1000w.png"
class="coming-soon-image09"
/>
<img
alt="image"
src="public/playground_assets/iphone-1-1000w.png"
class="coming-soon-image10"
/>
<img
alt="image"
src="public/playground_assets/iphone-3-1000w.png"
class="coming-soon-image11"
/>
<img
alt="image"
src="public/playground_assets/iphone-4-1000w.png"
class="coming-soon-image12"
/>
<img
alt="image"
src="public/playground_assets/iphone-1-1000w.png"
class="coming-soon-image13"
/>
<img
alt="image"
src="public/playground_assets/iphone-3-1000w.png"
class="coming-soon-image14"
/>
<img
alt="image"
src="public/playground_assets/iphone-2-1000w.png"
class="coming-soon-image15"
/>
</div>
</div>
</div>
<footer class="footer-gray-footer">
<div class="footer-gray-divider"></div>
<div class="footer-gray-container">
<div class="footer-gray-container1">
<div class="footer-gray-container2">
<span class="footer-gray-text">Soft UI Design System</span>
<span class="footer-gray-text01">Social</span>
<div class="footer-gray-container3">
<a
href="https://aaa.com"
target="_blank"
rel="noreferrer noopener"
class="footer-gray-link"
>
<svg
viewBox="0 0 877.7142857142857 1024"
class="footer-gray-icon"
>
<path
d="M713.143 73.143c90.857 0 164.571 73.714 164.571 164.571v548.571c0 90.857-73.714 164.571-164.571 164.571h-107.429v-340h113.714l17.143-132.571h-130.857v-84.571c0-38.286 10.286-64 65.714-64l69.714-0.571v-118.286c-12-1.714-53.714-5.143-101.714-5.143-101.143 0-170.857 61.714-170.857 174.857v97.714h-114.286v132.571h114.286v340h-304c-90.857 0-164.571-73.714-164.571-164.571v-548.571c0-90.857 73.714-164.571 164.571-164.571h548.571z"
></path>
</svg>
</a>
<svg
viewBox="0 0 950.8571428571428 1024"
class="footer-gray-icon02"
>
<path
d="M925.714 233.143c-25.143 36.571-56.571 69.143-92.571 95.429 0.571 8 0.571 16 0.571 24 0 244-185.714 525.143-525.143 525.143-104.571 0-201.714-30.286-283.429-82.857 14.857 1.714 29.143 2.286 44.571 2.286 86.286 0 165.714-29.143 229.143-78.857-81.143-1.714-149.143-54.857-172.571-128 11.429 1.714 22.857 2.857 34.857 2.857 16.571 0 33.143-2.286 48.571-6.286-84.571-17.143-148-91.429-148-181.143v-2.286c24.571 13.714 53.143 22.286 83.429 23.429-49.714-33.143-82.286-89.714-82.286-153.714 0-34.286 9.143-65.714 25.143-93.143 90.857 112 227.429 185.143 380.571 193.143-2.857-13.714-4.571-28-4.571-42.286 0-101.714 82.286-184.571 184.571-184.571 53.143 0 101.143 22.286 134.857 58.286 41.714-8 81.714-23.429 117.143-44.571-13.714 42.857-42.857 78.857-81.143 101.714 37.143-4 73.143-14.286 106.286-28.571z"
></path></svg
><svg
viewBox="0 0 877.7142857142857 1024"
class="footer-gray-icon04"
>
<path
d="M585.143 857.143c-5.714-33.143-27.429-147.429-80-284.571-0.571 0-1.714 0.571-2.286 0.571 0 0-222.286 77.714-294.286 234.286-3.429-2.857-8.571-6.286-8.571-6.286 65.143 53.143 148 85.714 238.857 85.714 52 0 101.143-10.857 146.286-29.714zM479.429 510.286c-9.143-21.143-19.429-42.286-30.286-63.429-193.143 57.714-378.286 53.143-384.571 53.143-0.571 4-0.571 8-0.571 12 0 96 36.571 184 96 250.286v0c102.286-182.286 304.571-247.429 304.571-247.429 5.143-1.714 10.286-2.857 14.857-4.571zM418.286 389.143c-65.143-115.429-134.286-209.143-139.429-216-104.571 49.143-182.286 145.714-206.857 261.714 9.714 0 166.286 1.714 346.286-45.714zM809.143 571.429c-8-2.286-112.571-35.429-233.714-16.571 49.143 135.429 69.143 245.714 73.143 268 84-56.571 143.429-146.857 160.571-251.429zM349.143 148c-0.571 0-0.571 0-1.143 0.571 0 0 0.571-0.571 1.143-0.571zM686.286 230.857c-65.714-58.286-152.571-93.714-247.429-93.714-30.286 0-60 4-88.571 10.857 5.714 7.429 76.571 100.571 140.571 218.286 141.143-52.571 194.286-133.714 195.429-135.429zM813.714 508c-1.143-88.571-32.571-170.286-85.143-234.286-1.143 1.143-61.143 88-209.143 148.571 8.571 17.714 17.143 36 25.143 54.286 2.857 6.286 5.143 13.143 8 19.429 129.143-16.571 256.571 11.429 261.143 12zM877.714 512c0 242.286-196.571 438.857-438.857 438.857s-438.857-196.571-438.857-438.857 196.571-438.857 438.857-438.857 438.857 196.571 438.857 438.857z"
></path></svg
><svg viewBox="0 0 1024 1024" class="footer-gray-icon06">
<path
d="M512.008 12.642c-282.738 0-512.008 229.218-512.008 511.998 0 226.214 146.704 418.132 350.136 485.836 25.586 4.738 34.992-11.11 34.992-24.632 0-12.204-0.48-52.542-0.696-95.324-142.448 30.976-172.504-60.41-172.504-60.41-23.282-59.176-56.848-74.916-56.848-74.916-46.452-31.778 3.51-31.124 3.51-31.124 51.4 3.61 78.476 52.766 78.476 52.766 45.672 78.27 119.776 55.64 149.004 42.558 4.588-33.086 17.852-55.68 32.506-68.464-113.73-12.942-233.276-56.85-233.276-253.032 0-55.898 20.004-101.574 52.76-137.428-5.316-12.9-22.854-64.972 4.952-135.5 0 0 43.006-13.752 140.84 52.49 40.836-11.348 84.636-17.036 128.154-17.234 43.502 0.198 87.336 5.886 128.256 17.234 97.734-66.244 140.656-52.49 140.656-52.49 27.872 70.528 10.35 122.6 5.036 135.5 32.82 35.856 52.694 81.532 52.694 137.428 0 196.654-119.778 239.95-233.79 252.624 18.364 15.89 34.724 47.046 34.724 94.812 0 68.508-0.596 123.644-0.596 140.508 0 13.628 9.222 29.594 35.172 24.566 203.322-67.776 349.842-259.626 349.842-485.768 0-282.78-229.234-511.998-511.992-511.998z"
></path></svg
><svg viewBox="0 0 1024 1024" class="footer-gray-icon08">
<path
d="M406.286 644.571l276.571-142.857-276.571-144.571v287.429zM512 152c215.429 0 358.286 10.286 358.286 10.286 20 2.286 64 2.286 102.857 43.429 0 0 31.429 30.857 40.571 101.714 10.857 82.857 10.286 165.714 10.286 165.714v77.714s0.571 82.857-10.286 165.714c-9.143 70.286-40.571 101.714-40.571 101.714-38.857 40.571-82.857 40.571-102.857 42.857 0 0-142.857 10.857-358.286 10.857v0c-266.286-2.286-348-10.286-348-10.286-22.857-4-74.286-2.857-113.143-43.429 0 0-31.429-31.429-40.571-101.714-10.857-82.857-10.286-165.714-10.286-165.714v-77.714s-0.571-82.857 10.286-165.714c9.143-70.857 40.571-101.714 40.571-101.714 38.857-41.143 82.857-41.143 102.857-43.429 0 0 142.857-10.286 358.286-10.286v0z"
></path>
</svg>
</div>
</div>
<div class="footer-gray-container4">
<div class="footer-gray-container5">
<span class="footer-gray-text02 large">Company</span>
<span class="footer-gray-text03 large">About Us</span>
<span class="footer-gray-text04 large">Freebies</span>
<span class="footer-gray-text05 large">Premium Tools</span>
<span class="footer-gray-text06 large">Blog</span>
</div>
<div class="footer-gray-container6">
<span class="footer-gray-text07 large">Resources</span>
<span class="footer-gray-text08 large">Login</span>
<span class="footer-gray-text09 large">Register</span>
<span class="footer-gray-text10 large">About</span>
</div>
<div class="footer-gray-container7">
<span class="footer-gray-text11 large">
Help & Support
</span>
<span class="footer-gray-text12 large">Contact Us</span>
<span class="footer-gray-text13 large">Knowledge Center</span>
<span class="footer-gray-text14 large">
Custom Development
</span>
<span class="footer-gray-text15 large">Sponsorships</span>
</div>
<div class="footer-gray-container8">
<span class="footer-gray-text16 large">Legal</span>
<span class="footer-gray-text17 large">
Terms & Conditions
</span>
<span class="footer-gray-text18 large">Privacy Policy</span>
<span class="footer-gray-text19 large">Licenses (EULA)</span>
</div>
</div>
</div>
<span class="footer-gray-text20 small">
<span>
All rights reserved. Copyright © 2021 Soft UI Design System by
</span>
<span class="footer-gray-text22">Creative Tim</span>
<span>.</span>
</span>
</div>
</footer>
</div>
</div>
<script src="https://unpkg.com/@teleporthq/teleport-custom-scripts"></script>
</body>
</html>