Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
206 lines (187 loc) · 13 KB
/
Copy pathindex.html
File metadata and controls
206 lines (187 loc) · 13 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<!-- Primary Meta Tags -->
<title>Platform | Ciao!</title>
<meta name="title" content="Platform | Ciao!">
<meta name="description"
content="Discover Ciao! innovative platform">
<link rel="shortcut icon" type="image/png" href="https://cdn.ciaobang.com/image/shortcut.png">
<!-- Canonical -->
<link rel="canonical" href="https://platform.ciaobang.com/">
<link rel="icon" href="https://cdn.ciaobang.com/image/shortcut.png">
<link rel="apple-touch-icon" href="https://cdn.ciaobang.com/image/shortcut.png">
<link rel="apple-touch-icon-precomposed" href="https://cdn.ciaobang.com/image/shortcut.png">
<link rel="apple-touch-icon" href="https://cdn.ciaobang.com/image/shortcut.png">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://platform.ciaobang.com/">
<meta property="og:title" content="Platform | Ciao!">
<meta property="og:site_name" content="Platform | Ciao!">
<meta property="og:description"
content="Discover Ciao! innovative platform">
<meta property="og:image" content="/image/ciao-placeholder.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://platform.ciaobang.com/">
<meta property="twitter:title" content="Platform | Ciao!">
<meta property="twitter:description"
content="Discover Ciao! innovative platform">
<meta property="twitter:image" content="/image/ciao-placeholder.png">
<meta name="google-site-verification" content="ektRVaDL6n0s2GoW9XyIhojPleeZ58NlvyW_VTbShNA">
<meta data-n-head="ssr" data-hid="robots" name="robots" content="index,follow">
<!-- Google Tag Manager -->
<script>(function (w, d, s, l, i) {
w[l] = w[l] || []; w[l].push({
'gtm.start':
new Date().getTime(), event: 'gtm.js'
}); var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-NZGWXSZ3');</script>
<!-- End Google Tag Manager -->
<!-- cookies badge -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css">
<script type="application/ld+json">
{
"@context" : "https://schema.org",
"@type" : "Organization",
"name" : "Ciao!",
"url" : "https://platform.ciaobang.com/"
}
</script>
<link rel="preload" href="/fonts/Uncut/UncutSans-Regular.woff2" as="font" type="font/woff2" crossorigin="anonymous">
<link rel="stylesheet" href="/_hej/style.css" />
<script type="module" src="/_hej/main.js"></script>
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NZGWXSZ3" height="0" width="0"
style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/47566911.js"></script>
<!-- SEO -->
<!-- preloader only trigger once -->
<div class="c--preloader-a">
<div class="c--preloader-a__media-wrapper">
<img class="c--preloader-a__media-wrapper__media f--ar" src="/preloader.gif" alt="preloader" width="1000"
height="1000" style="aspect-ratio: 1000 / 1000 ">
</div>
</div>
<!-- preloader only trigger once -->
<!-- cursor follows mouse direction -->
<div class="cursor">
<script src=https://unpkg.co/gsap@3/dist/gsap.min.js></script>
<svg class="rotate" width="29" height="31" viewBox="0 0 29 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_428_659)">
<g filter="url(#filter0_d_428_659)">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M26.0213 27.9026C25.6476 28.2717 25.1743 28.5266 24.6581 28.6367C24.1418 28.7469 23.6044 28.7077 23.11 28.5238L2.94918 21.0311C2.39995 20.8273 1.93101 20.4552 1.61088 19.969C1.29075 19.4828 1.1362 18.9082 1.16982 18.329C1.20343 17.7497 1.42345 17.1963 1.79773 16.7496C2.17201 16.3029 2.68092 15.9862 3.25012 15.8459L11.7343 13.7539L13.8609 5.36684C14.0034 4.80403 14.3241 4.30102 14.7762 3.93133C15.2283 3.56164 15.7881 3.34464 16.3738 3.31203C16.9595 3.27942 17.5404 3.43292 18.0317 3.7501C18.5229 4.06727 18.8987 4.53149 19.1041 5.07494L26.6532 25.0242C26.8385 25.5133 26.8774 26.0449 26.7654 26.5553C26.6533 27.0658 26.395 27.5335 26.0213 27.9026Z"
fill="white" />
</g>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M23.7552 26.8258C23.92 26.8873 24.0991 26.9005 24.2713 26.8639C24.4435 26.8274 24.6013 26.7425 24.7261 26.6196C24.8508 26.4966 24.9371 26.3408 24.9746 26.1706C25.0122 26.0005 24.9994 25.8232 24.9378 25.6601L17.3876 5.70853C17.3188 5.52761 17.1934 5.37314 17.0297 5.26765C16.8659 5.16217 16.6723 5.11118 16.4772 5.12213C16.2821 5.13308 16.0957 5.20539 15.945 5.32852C15.7944 5.45164 15.6875 5.61915 15.6398 5.8066L13.2454 15.2492L3.69466 17.6037C3.50449 17.6498 3.33429 17.7551 3.20903 17.9039C3.08378 18.0528 3.01006 18.2375 2.99871 18.4308C2.98736 18.6241 3.03897 18.816 3.14596 18.9782C3.25295 19.1404 3.40969 19.2644 3.59318 19.3321L23.7552 26.8258Z"
fill="url(#paint0_linear_428_659)" />
</g>
<defs>
<filter id="filter0_d_428_659" x="-0.834961" y="3.30762" width="29.6631" height="29.3901"
filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha" />
<feOffset dy="2" />
<feGaussianBlur stdDeviation="1" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_428_659" />
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_428_659" result="shape" />
</filter>
<linearGradient id="paint0_linear_428_659" x1="13.9934" y1="26.8775" x2="14.0078" y2="5.119"
gradientUnits="userSpaceOnUse">
<stop stop-color="#F58DD7" />
<stop offset="1" stop-color="#429ED6" />
</linearGradient>
<clipPath id="clip0_428_659">
<rect width="28" height="30" fill="white" transform="translate(27.9912 31.0078) rotate(-179.962)" />
</clipPath>
</defs>
</svg>
</div>
<!-- cursor follows mouse direction -->
<!-- transitions -->
<div class="c--transition-a"></div>
<!-- transition -->
<header class="c--header-a">
<div class="f--container">
<div class="c--header-a__wrapper">
<div class="c--header-a__wrapper__item-left" style="display: flex; align-items: center;">
<a href="/" class="c--brand-a" aria-label="Ciao! homepage">
<img class="c--brand-a__media wave" src="https://cdn.ciaobang.com/svg/section_intro_ai.svg" alt="ciaoform-min">
<img class="c--brand-a__media" src="https://cdn.ciaobang.com/svg/section_outro_ai.svg" alt="ciaoform-min">
</a>
</div>
<div class="c--header-a__wrapper__item-right">
<a href="https://join.slack.com/t/ciao-r355502/shared_invite/zt-2qtz5modx-5GW_Nk3ZbHcwufnUiODhig"
class="c--header-a__wrapper__item-right__btn c--header-a__wrapper__item-right__btn--second"
target="_blank" rel="noopener noreferrer">
<svg viewBox="0 0 18 19" fill="none">
<g clip-path="url(#clip0_6508_9119)">
<path
d="M3.85111 11.4285C3.85111 12.4631 3.01489 13.2993 1.98024 13.2993C0.945595 13.2993 0.109375 12.4631 0.109375 11.4285C0.109375 10.3938 0.945595 9.55762 1.98024 9.55762H3.85111V11.4285ZM4.78654 11.4285C4.78654 10.3938 5.62276 9.55762 6.65741 9.55762C7.69205 9.55762 8.52827 10.3938 8.52827 11.4285V16.1056C8.52827 17.1403 7.69205 17.9765 6.65741 17.9765C5.62276 17.9765 4.78654 17.1403 4.78654 16.1056V11.4285Z"
fill="white"></path>
<path
d="M6.66377 3.91654C5.62912 3.91654 4.7929 3.08032 4.7929 2.04567C4.7929 1.01103 5.62912 0.174805 6.66377 0.174805C7.69841 0.174805 8.53463 1.01103 8.53463 2.04567V3.91654H6.66377ZM6.66377 4.86614C7.69841 4.86614 8.53463 5.70236 8.53463 6.73701C8.53463 7.77166 7.69841 8.60788 6.66377 8.60788H1.97243C0.937783 8.60788 0.101562 7.77166 0.101562 6.73701C0.101562 5.70236 0.937783 4.86614 1.97243 4.86614H6.66377Z"
fill="white"></path>
<path
d="M14.1615 6.73701C14.1615 5.70236 14.9978 4.86614 16.0324 4.86614C17.0671 4.86614 17.9033 5.70236 17.9033 6.73701C17.9033 7.77166 17.0671 8.60788 16.0324 8.60788H14.1615V6.73701ZM13.2261 6.73701C13.2261 7.77166 12.3899 8.60788 11.3552 8.60788C10.3206 8.60788 9.48438 7.77166 9.48438 6.73701V2.04567C9.48438 1.01103 10.3206 0.174805 11.3552 0.174805C12.3899 0.174805 13.2261 1.01103 13.2261 2.04567V6.73701Z"
fill="white"></path>
<path
d="M11.3552 14.2348C12.3899 14.2348 13.2261 15.071 13.2261 16.1056C13.2261 17.1403 12.3899 17.9765 11.3552 17.9765C10.3206 17.9765 9.48438 17.1403 9.48438 16.1056V14.2348H11.3552ZM11.3552 13.2993C10.3206 13.2993 9.48438 12.4631 9.48438 11.4285C9.48438 10.3938 10.3206 9.55762 11.3552 9.55762H16.0466C17.0812 9.55762 17.9174 10.3938 17.9174 11.4285C17.9174 12.4631 17.0812 13.2993 16.0466 13.2993H11.3552Z"
fill="white"></path>
</g>
<defs>
<clipPath id="clip0_6508_9119">
<rect width="18" height="18" fill="white" transform="translate(0 0.0898438)">
</rect>
</clipPath>
</defs>
</svg>
<span class="c--header-a__wrapper__item-right__btn__content">Slack us!</span>
</a>
<a href="https://ciaobang.com"
class="c--header-a__wrapper__item-right__btn c--header-a__wrapper__item-right__btn--second"
target="_blank" rel="noopener noreferrer">
<img class="c--brand-a__media--house" src="https://cdn.ciaobang.com/image/house.png" alt="home">
<span class="c--header-a__wrapper__item-right__btn__content">Back home</span>
</a>
</div>
</div>
</div>
</header>
</div>
<!-- header and nav -->
<!-- swup instance -->
<main id="swup" class="wrapper">
<div class="js--hs-a">
<section>
<div class="c--hero-grid-a">
<div class="c--hero-grid-a__ft-items">
<h1 class="c--hero-grid-a__ft-items__title">
<span class="js-wa c--hero-grid-a__ft-items__title__item">
<span class="animate-dot">.</span><span class="animate-dot">.</span><span class="animate-dot">.</span> still cr<span class="c--hero-grid-a__ft-items__title__item_ciao">a</span>ft<span class="c--hero-grid-a__ft-items__title__item_ciao">i</span>ng,
come back soooooooon!</span>
</span>
</h1>
</div>
<div class="c--hero-grid-a__bg-items">
<div class="c--cursor-a">
<div class="c--cursor-a__wrapper">
</div>
</div>
</div>
</div>
</section>
</body>
</html>