@subiz/widget-v4 4.1.207 → 4.1.208

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (124) hide show
  1. package/compiled_src/chatbox/block.js +5 -0
  2. package/package.json +1 -1
  3. package/src/chatbox/block.js +6 -1
  4. package/dist/127.js +0 -273
  5. package/dist/132.js +0 -2817
  6. package/dist/185.js +0 -1917
  7. package/dist/1a0475c4721.127.js +0 -1
  8. package/dist/1a0475c4721.132.js +0 -1
  9. package/dist/1a0475c4721.185.js +0 -1
  10. package/dist/1a0475c4721.27.js +0 -1
  11. package/dist/1a0475c4721.278.js +0 -1
  12. package/dist/1a0475c4721.339.js +0 -1
  13. package/dist/1a0475c4721.459.js +0 -1
  14. package/dist/1a0475c4721.490.js +0 -1
  15. package/dist/1a0475c4721.74.js +0 -1
  16. package/dist/1a0475c4721.997.js +0 -1
  17. package/dist/1a0475c4721.app.js +0 -1
  18. package/dist/1a0475c4721.chat.html +0 -1
  19. package/dist/1a0475c4721.chat.js +0 -1
  20. package/dist/1a0475c4721.form.html +0 -1
  21. package/dist/1a0475c4721.form.js +0 -1
  22. package/dist/1a0475c4721.index.html +0 -1
  23. package/dist/1a0475c4721.library.html +0 -1
  24. package/dist/1a0475c4721.library.js +0 -1
  25. package/dist/1a0475c4721.preview.html +0 -1
  26. package/dist/1a0475c4721.preview.js +0 -1
  27. package/dist/1a0475c4721.webview.js +0 -1
  28. package/dist/27.js +0 -37
  29. package/dist/459.js +0 -37
  30. package/dist/490.js +0 -305
  31. package/dist/74.js +0 -376
  32. package/dist/997.js +0 -37
  33. package/dist/HASH +0 -1
  34. package/dist/app.js +0 -1406
  35. package/dist/assets/img/Facebook.64607ec.png +0 -0
  36. package/dist/assets/img/Zalo.6845707.png +0 -0
  37. package/dist/assets/img/award1a.1a58e10.png +0 -0
  38. package/dist/assets/img/award3a.3b74423.png +0 -0
  39. package/dist/assets/img/award4a.ed6ccd4.png +0 -0
  40. package/dist/assets/img/award5.39eb7ae.png +0 -0
  41. package/dist/assets/img/bubble_default.7d5e4ab.svg +0 -20
  42. package/dist/assets/img/caret.998eb8f.svg +0 -1
  43. package/dist/assets/img/convos_empty.2353007.svg +0 -72
  44. package/dist/assets/img/default.06e6ee0.jpg +0 -0
  45. package/dist/assets/img/default_avatar.e449b04.png +0 -0
  46. package/dist/assets/img/default_logo.dd13a2b.svg +0 -5
  47. package/dist/assets/img/done_gray.d7e8203.svg +0 -4
  48. package/dist/assets/img/done_green.b817fd4.svg +0 -4
  49. package/dist/assets/img/emoji/messenger/sub_23.529_58.824.d5faf14.png +0 -0
  50. package/dist/assets/img/emoji/messenger/sub_23.529_60.784.1420241.png +0 -0
  51. package/dist/assets/img/emoji/messenger/sub_25.490_0.000.1e6b2c0.png +0 -0
  52. package/dist/assets/img/emoji/messenger/sub_25.490_45.098.3dfbc08.png +0 -0
  53. package/dist/assets/img/emoji/messenger/sub_25.490_5.882.4b49e94.png +0 -0
  54. package/dist/assets/img/emoji/messenger/sub_27.451_72.549.7114f58.png +0 -0
  55. package/dist/assets/img/emoji/messenger/sub_27.451_84.314.231e2b7.png +0 -0
  56. package/dist/assets/img/emoji/messenger/sub_27.451_96.078.ddbb008.png +0 -0
  57. package/dist/assets/img/emoji/messenger/sub_29.412_5.882.61f3359.png +0 -0
  58. package/dist/assets/img/emoji/messenger/sub_58.824_100.000.6df72bc.png +0 -0
  59. package/dist/assets/img/emoji/messenger/sub_58.824_45.098.3d7a7ad.png +0 -0
  60. package/dist/assets/img/emoji/messenger/sub_58.824_47.059.0f4d6e2.png +0 -0
  61. package/dist/assets/img/emoji/messenger/sub_58.824_54.902.65724c1.png +0 -0
  62. package/dist/assets/img/emoji/messenger/sub_58.824_64.706.9da3cba.png +0 -0
  63. package/dist/assets/img/emoji/messenger/sub_58.824_72.549.edca5cf.png +0 -0
  64. package/dist/assets/img/emoji/messenger/sub_58.824_78.431.f910f2a.png +0 -0
  65. package/dist/assets/img/emoji/messenger/sub_58.824_88.235.def4e71.png +0 -0
  66. package/dist/assets/img/emoji/messenger/sub_60.784_11.765.49c03d0.png +0 -0
  67. package/dist/assets/img/emoji/messenger/sub_60.784_27.451.46b54e5.png +0 -0
  68. package/dist/assets/img/emoji/messenger/sub_60.784_29.412.e36d284.png +0 -0
  69. package/dist/assets/img/emoji/messenger/sub_60.784_3.922.bb191b0.png +0 -0
  70. package/dist/assets/img/emoji/messenger/sub_60.784_35.294.af7b927.png +0 -0
  71. package/dist/assets/img/emoji/messenger/sub_60.784_7.843.98f2a99.png +0 -0
  72. package/dist/assets/img/empty.29bed2d.svg +0 -23
  73. package/dist/assets/img/empty_1.0b98af0.svg +0 -11
  74. package/dist/assets/img/examplte_logo.f86535f.svg +0 -1
  75. package/dist/assets/img/external-link.90577cc.svg +0 -1
  76. package/dist/assets/img/fb_inverse_circle.36c2cfc.png +0 -0
  77. package/dist/assets/img/ghn.070f8e3.svg +0 -17
  78. package/dist/assets/img/ghtk.326eac1.svg +0 -18
  79. package/dist/assets/img/image_default.be0698b.png +0 -0
  80. package/dist/assets/img/info.ebce7ea.svg +0 -1
  81. package/dist/assets/img/loader.37000a7.svg +0 -1
  82. package/dist/assets/img/loading_static.a27f0ac.svg +0 -10
  83. package/dist/assets/img/main-service1.d536cc2.png +0 -0
  84. package/dist/assets/img/main-service2.9b99549.png +0 -0
  85. package/dist/assets/img/not_found_search.2ddb8d1.png +0 -0
  86. package/dist/assets/img/package.8d37d0f.svg +0 -5
  87. package/dist/assets/img/package_fade.763c001.svg +0 -1
  88. package/dist/assets/img/rating--average.1ea492c.svg +0 -12
  89. package/dist/assets/img/rating--great.e3d712e.svg +0 -16
  90. package/dist/assets/img/rating--poor.2938a25.svg +0 -12
  91. package/dist/assets/img/search.f9705ff.svg +0 -1
  92. package/dist/assets/img/send.6db52a9.svg +0 -3
  93. package/dist/assets/img/shop.f7dc7d8.svg +0 -1
  94. package/dist/assets/img/shop_faded.df7845a.svg +0 -1
  95. package/dist/assets/img/stars_v2.79cf728.png +0 -0
  96. package/dist/assets/img/subiz-mono.8fbc067.svg +0 -3
  97. package/dist/assets/img/x.26fdfa3.svg +0 -5
  98. package/dist/chat.html +0 -10
  99. package/dist/chat.js +0 -1395
  100. package/dist/form.html +0 -10
  101. package/dist/form.js +0 -609
  102. package/dist/index.html +0 -90
  103. package/dist/inject.html +0 -20
  104. package/dist/inject.js +0 -1395
  105. package/dist/library.html +0 -90
  106. package/dist/library.js +0 -1385
  107. package/dist/malicious-app.js +0 -17
  108. package/dist/order.html +0 -32
  109. package/dist/order.js +0 -810
  110. package/dist/preview.html +0 -784
  111. package/dist/preview.js +0 -1455
  112. package/dist/screenshoot.html +0 -15
  113. package/dist/screenshoot.js +0 -1385
  114. package/dist/src_chatbox_OrderAttachments_js.js +0 -22
  115. package/dist/src_chatbox_Order_js.js +0 -206
  116. package/dist/src_chatbox_css_js.js +0 -306
  117. package/dist/src_contact_contact_js.js +0 -22
  118. package/dist/src_contact_css_js.js +0 -32
  119. package/dist/src_form_css_js.js +0 -32
  120. package/dist/src_notif_css_js.js +0 -32
  121. package/dist/src_notif_notif_js.js +0 -22
  122. package/dist/src_popup_css_js.js +0 -32
  123. package/dist/src_popup_popup_js.js +0 -84
  124. package/dist/webview.js +0 -1406
package/dist/preview.html DELETED
@@ -1,784 +0,0 @@
1
- <html>
2
- <head>
3
- <title>Subiz preview</title>
4
- <meta charset="utf-8">
5
- <meta name="viewport" content="width=device-width, intial-scale=1.0" />
6
- <link
7
- rel="stylesheet"
8
- href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
9
- integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w=="
10
- crossorigin="anonymous"
11
- />
12
- <link
13
- rel="stylesheet"
14
- href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
15
- integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
16
- crossorigin="anonymous"
17
- />
18
- <style>
19
- /* make the environment look like widget environment */
20
- #sbz-pop * {
21
- all: unset;
22
- }
23
- </style>
24
- <style>
25
- ul,
26
- ol {
27
- list-style: none;
28
- list-style-image: none;
29
- margin: 0;
30
- padding: 0;
31
- color: #858585;
32
- font-size: 14px;
33
- line-height: 24px;
34
- margin-bottom: 20px;
35
- }
36
-
37
- ul li,
38
- ol li {
39
- font-size: 17px;
40
- line-height: 28px;
41
- font-family: 'Open Sans', sans-serif;
42
- list-style-type: none;
43
- }
44
-
45
- ul li i {
46
- vertical-align: middle;
47
- padding-right: 5px;
48
- }
49
-
50
- p {
51
- font-size: 17px;
52
- line-height: 28px;
53
- font-weight: 400;
54
- color: #7c8595;
55
- margin-bottom: 15px;
56
- font-family: 'Open Sans', sans-serif;
57
- }
58
-
59
- a,
60
- a:hover,
61
- a:focus,
62
- a:active,
63
- a:visited {
64
- text-decoration: none;
65
- outline: 0;
66
- }
67
-
68
- a:hover {
69
- color: #017df7;
70
- }
71
-
72
- h1,
73
- h2,
74
- h3,
75
- h4,
76
- h5,
77
- h6 {
78
- font-family: 'Dosis', sans-serif;
79
- line-height: 1.2;
80
- margin-top: 0;
81
- margin-bottom: 20px;
82
- color: #071e55;
83
- font-weight: 600;
84
- }
85
-
86
- h1 {
87
- font-size: 46px;
88
- }
89
-
90
- h2 {
91
- font-size: 36px;
92
- }
93
-
94
- h3 {
95
- font-size: 30px;
96
- }
97
-
98
- h2.section-title {
99
- margin-bottom: 10px;
100
- }
101
-
102
- p.section-subtitle {
103
- font-size: 18px;
104
- }
105
-
106
- p.section-subtitle.white {
107
- color: #ffffff;
108
- }
109
-
110
- .white-text {
111
- color: #fff;
112
- }
113
-
114
- .blue {
115
- color: #017df7;
116
- }
117
-
118
- .section-top-border {
119
- border-top: 1px solid #efefef;
120
- }
121
-
122
- .section-bottom-border {
123
- border-bottom: 1px solid #efefef;
124
- }
125
-
126
- .section-white {
127
- background: #fff;
128
- padding: 90px 0 100px 0;
129
- }
130
-
131
- .section-grey {
132
- background: #fafbfc;
133
- padding: 90px 0 100px 0;
134
- }
135
-
136
- .section-blue {
137
- background-color: #1e90ff;
138
- padding: 90px 0;
139
- }
140
-
141
- .section-white.no-padding,
142
- .section-grey.no-padding,
143
- .section-blue.no-padding {
144
- padding: 0;
145
- }
146
-
147
- .section-white.medium-paddings,
148
- .section-grey.medium-paddings,
149
- .section-blue.medium-paddings {
150
- padding: 60px 0;
151
- }
152
-
153
- .section-white.small-paddings,
154
- .section-grey.small-paddings,
155
- .section-blue.small-paddings {
156
- padding: 30px 0;
157
- }
158
-
159
- .section-white.xsmall-paddings,
160
- .section-grey.xsmall-paddings,
161
- .section-blue.xsmall-paddings {
162
- padding: 10px 0;
163
- }
164
-
165
- .section-white.small-padding-top,
166
- .section-grey.small-padding-top,
167
- .section-blue.small-padding-top {
168
- padding: 30px 0 90px 0;
169
- }
170
-
171
- .section-white.small-padding-bottom,
172
- .section-grey.small-padding-bottom,
173
- .section-blue.small-padding-bottom {
174
- padding: 90px 0 70px 0;
175
- }
176
-
177
- .section-white.no-padding-bottom,
178
- .section-grey.no-padding-bottom,
179
- .section-blue.no-padding-bottom {
180
- padding: 90px 0 0 0;
181
- }
182
-
183
- .width-100 {
184
- width: 100%;
185
- }
186
-
187
- /* margin and padding classes */
188
-
189
- .padding-top-80 {
190
- padding-top: 80px !important;
191
- }
192
- /* ========================================================== */
193
- /* 02. MENU-NAV */
194
- /* ========================================================== */
195
-
196
- .navbar-brand {
197
- display: flex;
198
- align-items: center;
199
- font-family: 'Dosis', sans-serif;
200
- font-size: 28px;
201
- font-weight: 700;
202
- color: #3b64d2 !important;
203
- }
204
-
205
- .navbar {
206
- width: 100%;
207
- z-index: 9999;
208
- padding-top: 10px;
209
- padding-bottom: 10px;
210
- padding-left: 0;
211
- padding-right: 0;
212
- }
213
-
214
- .navbar-toggler {
215
- border: 1px solid #1089d4;
216
- }
217
-
218
- .navbar-toggler-icon {
219
- width: 1.3em;
220
- height: 1.3em;
221
- }
222
-
223
- .navbar-toggler-icon i {
224
- color: #1089d4;
225
- vertical-align: middle;
226
- }
227
-
228
- .navbar-fixed-top {
229
- position: absolute !important;
230
- background-color: rgba(0, 0, 0, 0) !important;
231
- border-bottom: none;
232
- transition: background-color 0.25s ease 0s;
233
- }
234
-
235
- .navbar-fixed-top.opaque {
236
- position: fixed !important;
237
- background-color: #fff !important;
238
- border-bottom: 1px solid #efefef;
239
- transition: all 0.25s ease-in-out 0s;
240
- }
241
-
242
- .navbar-fixed-top .navbar-nav > li > a,
243
- .navbar-fixed-top .navbar-nav > li > a:hover {
244
- color: #1089d4 !important;
245
- -webkit-transition: all 0.5s ease;
246
- -moz-transition: all 0.5s ease;
247
- -o-transition: all 0.5s ease;
248
- transition: all 0.5s ease;
249
- }
250
-
251
- .navbar-fixed-top .navbar-nav > li > a {
252
- color: #405263 !important;
253
- font-size: 18px !important;
254
- line-height: 30px !important;
255
- padding: 10px 20px !important;
256
- font-family: 'Dosis', sans-serif;
257
- font-weight: 600;
258
- }
259
-
260
- .navbar-fixed-top .navbar-nav .current a {
261
- color: #1089d4 !important;
262
- -webkit-transition: all 0.5s ease;
263
- -moz-transition: all 0.5s ease;
264
- -o-transition: all 0.5s ease;
265
- transition: all 0.5s ease;
266
- }
267
-
268
- .navbar-fixed-top.opaque .navbar-nav .current a {
269
- color: #1089d4 !important;
270
- -webkit-transition: all 0.5s ease;
271
- -moz-transition: all 0.5s ease;
272
- -o-transition: all 0.5s ease;
273
- transition: all 0.5s ease;
274
- }
275
-
276
- .navbar-fixed-top .navbar-nav > li > a.discover-btn {
277
- color: #1089d4 !important;
278
- background: transparent;
279
- border: 1px solid #1e90ff;
280
- border-radius: 8px 8px;
281
- padding: 12px 18px !important;
282
- margin-left: 10px;
283
- margin-right: 15px;
284
- font-family: 'Dosis', sans-serif;
285
- }
286
-
287
- .navbar-fixed-top .navbar-nav > li > a.discover-btn:hover {
288
- border: 1px solid #1e90ff;
289
- color: #fff !important;
290
- background: #1e90ff;
291
- }
292
-
293
- /* ========================================================== */
294
- /* 03. FOOTER */
295
- /* ========================================================== */
296
-
297
- .footer {
298
- position: relative;
299
- overflow: hidden;
300
- display: block;
301
- padding: 60px 0 55px 0;
302
- background-color: #1e90ff;
303
- }
304
-
305
- .footer p {
306
- color: #fff;
307
- }
308
-
309
- .footer p a {
310
- font-size: 16px;
311
- color: #fff;
312
- text-decoration: underline;
313
- }
314
-
315
- /* Footer Social Icons */
316
- ul.footer_social {
317
- width: 100%;
318
- max-width: 1140px;
319
- display: block;
320
- margin: 0 auto;
321
- padding-top: 5px;
322
- text-align: center;
323
- }
324
-
325
- ul.footer_social li {
326
- display: inline-block;
327
- margin: 0;
328
- line-height: 100% !important;
329
- }
330
-
331
- ul.footer_social li a i {
332
- display: inline-block;
333
- margin: 0 8px;
334
- padding: 0;
335
- font-size: 26px !important;
336
- line-height: 26px !important;
337
- color: #fff;
338
- transition: all 0.5s ease-in-out;
339
- -moz-transition: all 0.25s ease-in-out;
340
- -webkit-transition: all 0.25s ease-in-out;
341
- }
342
-
343
- ul.footer_social li a i:hover {
344
- color: #b2d8fd;
345
- }
346
-
347
- /* ========================================================== */
348
- /* 04. HOME */
349
- /* ========================================================== */
350
-
351
- .home-section {
352
- position: relative;
353
- z-index: 999;
354
- overflow: hidden;
355
- position: relative;
356
- padding-top: 140px;
357
- padding-bottom: 70px;
358
- background-color: #fff;
359
- }
360
-
361
- .home-section h1 {
362
- color: #071e55;
363
- }
364
-
365
- .home-section p {
366
- margin-bottom: 30px;
367
- max-width: 600px;
368
- font-size: 18px;
369
- line-height: 30px;
370
- font-weight: 400;
371
- color: #405263;
372
- }
373
-
374
- /* ========================================================== */
375
- /* 06. FEATURES */
376
- /* ========================================================== */
377
-
378
- .main-services {
379
- margin-top: 50px;
380
- text-align: center;
381
- }
382
-
383
- .main-services img {
384
- width: 210px;
385
- margin-bottom: 25px;
386
- }
387
-
388
- .main-services h3 {
389
- font-size: 26px;
390
- color: #292929;
391
- margin-bottom: 15px;
392
- }
393
-
394
- .main-services p {
395
- padding: 0 10px;
396
- margin-bottom: 25px;
397
- }
398
-
399
- blockquote {
400
- font-size: 16px;
401
- color: #4285f4;
402
- border-left: 2px solid #4285f4;
403
- }
404
-
405
- /* ========================================================== */
406
- /* 07. PRICING */
407
- /* ========================================================== */
408
-
409
- .price-box {
410
- text-align: center;
411
- background-color: #fff;
412
- border-bottom: 3px solid #e0e0e0;
413
- box-shadow: rgba(33, 33, 33, 0.06) 0 4px 24px 5px;
414
- padding: 40px 0 30px 0;
415
- margin-bottom: 20px;
416
- border-radius: 8px 8px;
417
- transition: all 0.3s ease-in-out;
418
- -webkit-transition: all 0.3s ease-in-out;
419
- -webkit-backface-visibility: hidden;
420
- -moz-osx-font-smoothing: grayscale;
421
- }
422
-
423
- .price-box:hover {
424
- border-bottom: 3px solid #1e90ff;
425
- transition: all 1s;
426
- }
427
-
428
- .price-box .price-subtitle,
429
- .price-box .price-text {
430
- color: #6a6a6a;
431
- }
432
-
433
- ul.pricing-list {
434
- padding: 0 55px;
435
- }
436
-
437
- ul.pricing-list li.price-title {
438
- font-size: 20px;
439
- line-height: 24px;
440
- font-weight: 700;
441
- letter-spacing: 1px;
442
- color: #071e55;
443
- }
444
-
445
- ul.pricing-list li.price-value {
446
- font-family: 'Dosis', sans-serif;
447
- font-size: 70px;
448
- line-height: 70px;
449
- display: block;
450
- margin-top: 20px;
451
- margin-bottom: 10px;
452
- color: #071e55;
453
- }
454
-
455
- ul.pricing-list li.price-subtitle {
456
- font-family: 'Open Sans', sans-serif;
457
- margin-bottom: 30px;
458
- font-size: 16px;
459
- line-height: 24px;
460
- font-weight: 600;
461
- color: #6a6a6a;
462
- }
463
-
464
- ul.pricing-list li.price-text {
465
- display: block;
466
- font-family: 'Open Sans', sans-serif;
467
- text-align: left;
468
- font-size: 16px;
469
- line-height: 28px;
470
- font-weight: 400;
471
- margin-bottom: 5px;
472
- }
473
-
474
- ul.pricing-list li.price-tag a {
475
- color: #fff;
476
- background: #1e90ff;
477
- border: 1px solid #1e90ff;
478
- border-radius: 5px 5px;
479
- padding: 15px 30px;
480
- display: inline-block;
481
- font-size: 15px;
482
- line-height: 24px;
483
- font-weight: 600;
484
- margin: 30px 0 5px 0;
485
- transition: all 0.3s ease-in-out;
486
- -webkit-transition: all 0.3s ease-in-out;
487
- }
488
-
489
- ul.pricing-list li.price-tag a:hover {
490
- background: #037aef;
491
- }
492
-
493
- ul.pricing-list li.price-tag-line a {
494
- color: #1e90ff;
495
- background: transparent;
496
- border: 1px solid #1e90ff;
497
- border-radius: 5px 5px;
498
- padding: 15px 30px;
499
- display: inline-block;
500
- font-size: 15px;
501
- line-height: 24px;
502
- font-weight: 600;
503
- margin: 30px 0 5px 0;
504
- transition: all 0.3s ease-in-out;
505
- -webkit-transition: all 0.3s ease-in-out;
506
- }
507
-
508
- ul.pricing-list li.price-tag-line a:hover {
509
- color: #fff;
510
- background: #037aef;
511
- border: 1px solid #037aef;
512
- }
513
-
514
- .ribbon {
515
- position: absolute;
516
- right: 8px;
517
- top: -5px;
518
- z-index: 1;
519
- overflow: hidden;
520
- width: 75px;
521
- height: 75px;
522
- text-align: right;
523
- }
524
-
525
- .ribbon span {
526
- font-size: 10px;
527
- color: #fff;
528
- text-transform: uppercase;
529
- text-align: center;
530
- font-weight: bold;
531
- line-height: 20px;
532
- transform: rotate(45deg);
533
- width: 100px;
534
- display: block;
535
- box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
536
- position: absolute;
537
- top: 19px;
538
- right: -21px;
539
- background-color: #1e90ff;
540
- }
541
-
542
- .ribbon span::before {
543
- content: '';
544
- position: absolute;
545
- left: 0px;
546
- top: 100%;
547
- z-index: -1;
548
- border-left: 3px solid #79a70a;
549
- border-right: 3px solid transparent;
550
- border-bottom: 3px solid transparent;
551
- border-top: 3px solid #79a70a;
552
- border-left-color: #1e5799;
553
- border-top-color: #1e5799;
554
- }
555
-
556
- .ribbon span::after {
557
- content: '';
558
- position: absolute;
559
- right: 0%;
560
- top: 100%;
561
- z-index: -1;
562
- border-right: 3px solid #79a70a;
563
- border-left: 3px solid transparent;
564
- border-bottom: 3px solid transparent;
565
- border-top: 3px solid #79a70a;
566
- border-right-color: #1e5799;
567
- border-top-color: #1e5799;
568
- }
569
-
570
- /* ========================================================== */
571
- /* 10. OTHER ELEMENTS */
572
- /* ========================================================== */
573
-
574
- /* b) Buttons */
575
-
576
- .btn-white {
577
- font-family: 'Dosis', sans-serif;
578
- font-size: 18px;
579
- line-height: 22px;
580
- font-weight: 600;
581
- color: #0883fb;
582
- background-color: #ffffff;
583
- border: 1px solid #fff;
584
- box-shadow: 0px 8px 40px 0 rgba(0, 0, 0, 0.37);
585
- border-radius: 5px 5px;
586
- margin: 10px 10px 0 10px 0;
587
- padding: 20px 30px;
588
- display: inline-block;
589
- transition: all 0.4s ease-in-out;
590
- -webkit-transition: all 0.4s ease-in-out;
591
- }
592
-
593
- .btn-white:hover {
594
- box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.5);
595
- color: #0470ea !important;
596
- background: #f9f9f9;
597
- }
598
-
599
- .btn-white-border {
600
- color: #1089d4;
601
- background: transparent;
602
- font-family: 'Dosis', sans-serif;
603
- font-size: 18px;
604
- line-height: 22px;
605
- font-weight: 600;
606
- border: 1px solid #1089d4;
607
- border-radius: 5px 5px;
608
- margin: 10px 10px;
609
- padding: 15px 30px;
610
- display: inline-block;
611
- transition: all 0.4s ease-in-out;
612
- -webkit-transition: all 0.4s ease-in-out;
613
- }
614
-
615
- .btn-white-border:hover {
616
- color: #0883fb;
617
- background-color: #ffffff;
618
- border: 1px solid #fff;
619
- }
620
-
621
- .btn-white i,
622
- .btn-white-border i {
623
- font-size: 22px;
624
- line-height: 22px;
625
- margin-right: 10px;
626
- vertical-align: text-top;
627
- }
628
-
629
- .btn-blue {
630
- font-family: 'Dosis', sans-serif;
631
- font-size: 18px;
632
- line-height: 22px;
633
- font-weight: 600;
634
- color: #fff;
635
- background-color: #1089d4;
636
- box-shadow: 0px 8px 40px 0 rgba(0, 0, 0, 0.37);
637
- text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
638
- letter-spacing: 1px;
639
- border-radius: 5px 5px;
640
- margin: 10px 10px 0 10px 0;
641
- padding: 20px 30px;
642
- display: inline-block;
643
- transition: all 0.4s ease-in-out;
644
- -webkit-transition: all 0.4s ease-in-out;
645
- }
646
-
647
- .btn-blue:hover {
648
- box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.5);
649
- color: #fff !important;
650
- background: #3498db;
651
- }
652
-
653
- .btn-blue.small,
654
- .btn-blue-line.small {
655
- font-size: 16px;
656
- padding: 14px 20px;
657
- }
658
-
659
- .btn-blue-line {
660
- font-family: 'Dosis', sans-serif;
661
- font-size: 18px;
662
- line-height: 22px;
663
- font-weight: 600;
664
- color: #017df7;
665
- background-color: transparent;
666
- border: 1px solid #1089d4;
667
- border-radius: 10px 10px;
668
- margin: 20px 10px 0 10px 0;
669
- padding: 20px 30px;
670
- display: inline-block;
671
- transition: all 0.4s ease-in-out;
672
- -webkit-transition: all 0.4s ease-in-out;
673
- }
674
-
675
- .btn-blue-line:hover {
676
- color: #fff !important;
677
- background: #3498db;
678
- }
679
-
680
- a.btn-blue:visited,
681
- a.btn-blue:focus {
682
- color: #fff !important;
683
- }
684
-
685
- .partners-paddings {
686
- padding: 50px 0 25px 0;
687
- }
688
-
689
- ul.partners-mentions li {
690
- display: inline-block;
691
- margin: 15px 30px;
692
- -webkit-transition: all 0.25s ease-in-out;
693
- -moz-transition: all 0.25s ease-in-out;
694
- -ms-transition: all 0.25s ease-in-out;
695
- -o-transition: all 0.25s ease-in-out;
696
- transition: all 0.25s ease-in-out;
697
- }
698
-
699
- ul.partners-mentions li img {
700
- max-height: 62px;
701
- opacity: 0.4;
702
- }
703
-
704
- ul.partners-mentions li img:hover {
705
- opacity: 0.8;
706
- -webkit-transition: all 0.25s ease-in-out;
707
- -moz-transition: all 0.25s ease-in-out;
708
- -ms-transition: all 0.25s ease-in-out;
709
- -o-transition: all 0.25s ease-in-out;
710
- transition: all 0.25s ease-in-out;
711
- }
712
-
713
- /* ========================================================== */
714
- /* 14. MEDIA QUERIES */
715
- /* ========================================================== */
716
-
717
- @media (max-width: 991px) {
718
- .navbar-fixed-top {
719
- background-color: #fff !important;
720
- }
721
-
722
- .navbar-fixed-top.opaque {
723
- padding: 0;
724
- }
725
-
726
- .navbar-fixed-top {
727
- border-bottom: 1px solid #efefef;
728
- }
729
-
730
- .navbar-fixed-top .navbar-nav > li.discover-link {
731
- margin-top: 10px;
732
- }
733
-
734
- .navbar-fixed-top .navbar-nav > li > a.discover-btn {
735
- padding: 8px 12px !important;
736
- margin-left: 20px;
737
- font-size: 17px !important;
738
- }
739
- }
740
-
741
- @media (max-width: 768px) {
742
- .home-section {
743
- padding-top: 50px;
744
- padding-bottom: 50px;
745
- }
746
-
747
- #newsletter-form #email_newsletter {
748
- width: 80%;
749
- max-width: 320px;
750
- }
751
-
752
- .hero-image {
753
- margin-top: 70px;
754
- }
755
- }
756
-
757
- @media (max-width: 375px) {
758
- .navbar-toggle {
759
- margin-bottom: 0;
760
- border: 1px solid #9f9f9f !important;
761
- }
762
-
763
- .home-section h1 {
764
- font-size: 38px;
765
- line-height: 44px;
766
- }
767
-
768
- ul.partners-mentions li img {
769
- max-height: 36px;
770
- }
771
-
772
- .section-white {
773
- padding: 60px 0 70px 0 !important;
774
- }
775
-
776
- .section-white.small-padding-bottom,
777
- .section-grey.small-padding-bottom {
778
- padding: 60px 0 50px 0 !important;
779
- }
780
- }
781
- </style>
782
- <script defer src="/preview.js"></script></head>
783
- <body></body>
784
- </html>