-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
258 lines (255 loc) · 13.1 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
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
<!DOCTYPE html>
<!-- This site was created in Webflow. http://www.webflow.com -->
<!-- Last Published: Fri May 15 2020 11:36:12 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="5ea1b995c6b4c13faa406a09" data-wf-site="5ea1b995c6b4c10f74406a08">
<head>
<meta charset="utf-8" />
<title>Lander | Landing Page Copywriting Template</title>
<!-- <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> -->
<meta
content="Convert visitors into customers through powerful positioning and crystal-clear messaging. Use Lander as a copywriting template to communicate your value to your audience"
name="description" />
<meta content="Lander | Landing Page Copywriting Template" property="og:title" />
<meta
content="Convert visitors into customers through powerful positioning and crystal-clear messaging. Use Lander as a copywriting template to communicate your value to your audience"
property="og:description" />
<meta content="https://uploads-ssl.webflow.com/5ea1b995c6b4c10f74406a08/5ea1f11934a4540f7b574e9f_product-shot.png"
property="og:image" />
<meta content="Lander | Landing Page Copywriting Template" property="twitter:title" />
<meta
content="Convert visitors into customers through powerful positioning and crystal-clear messaging. Use Lander as a copywriting template to communicate your value to your audience"
property="twitter:description" />
<meta content="https://uploads-ssl.webflow.com/5ea1b995c6b4c10f74406a08/5ea1f11934a4540f7b574e9f_product-shot.png"
property="twitter:image" />
<meta property="og:type" content="website" />
<meta content="summary_large_image" name="twitter:card" />
<meta content="width=device-width, initial-scale=1" name="viewport" />
<meta content="Webflow" name="generator" />
<link href="http://api.writesonic.com/static/css/normalize.css" rel="stylesheet" type="text/css" />
<link href="http://api.writesonic.com/static/css/webflow.css" rel="stylesheet" type="text/css" />
<link href="http://api.writesonic.com/static/css/lander-409e35.webflow.css" rel="stylesheet" type="text/css" />
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script>
window.onload = function () {
if (window.location.protocol !== 'http') {
const metaTag = document.createElement('meta');
metaTag.setAttribute('http-equiv', 'Content-Security-Policy');
metaTag.setAttribute('content', 'upgrade-insecure-requests');
document.head.appendChild(metaTag);
}
}
</script>
<script type="text/javascript">
!(function (o, c) {
var n = c.documentElement,
t = " w-mod-";
(n.className += t + "js"),
("ontouchstart" in o ||
(o.DocumentTouch && c instanceof DocumentTouch)) &&
(n.className += t + "touch");
})(window, document);
</script>
<link href="http://api.writesonic.com/static/images/favicon.png" rel="shortcut icon" type="image/x-icon" />
<link href="http://api.writesonic.com/static/images/webclip.png" rel="apple-touch-icon" />
<script src="https://unpkg.com/feather-icons"></script>
</head>
<body>
<header class="nav">
<div class="container">
<div class="row items-center mb-lg">
<div class="column align-left">
<a href="#" aria-current="page" class="w-inline-block w--current">
<div class="logo"><span class="emoji mr-md">🌎</span> Lander</div>
</a>
</div>
<div class="column align-right">
<div class="row items-center">
<a href="#" class="u mr-lg">Log in</a><a href="#" class="button main w-button">Sign in<span
data-feather="arrow-right" class="icon mr-md-n ml-md">•</span></a>
</div>
</div>
</div>
</div>
</header>
<div class="section overflow-hidden">
<div class="container mt-3xl mb-3xl">
<div class="row">
<div class="column align-center">
<h1 class="test-giga text-center">Unleash your creative potential with Desinxy.
</h1>
<p class="text-lg text-center max-w-lg"> Discover a vibrant platform that offers a diverse range of tools and resources to help you create captivating motion graphics designs, eye-catching posters, stunning computer graphics, mesmerizing 3D illustrations, and captivating vector graphics. Let your creativity soar with Desinxy.</p>
<a href="#" class="button xl main mt-lg w-button"> Start Creating Masterpieces</a>
<div class="text-sm mt-md muted">
14 day free trial • No credit card required
</div>
<div class="text-sm mt-2xl text-center">
Show credibility with social proof. Logos of press coverage or
biggest customers
</div>
<div class="
row
items-center
mt-lg
_w-full
max-w-lg
wrap
justify-center
">
<div class="logo-container">
<img src="http://api.writesonic.com/static/images/Groups.png" alt="intercom logo" class="intercom" />
</div>
<div class="logo-container">
<img src="http://api.writesonic.com/static/images/Group.png" alt="" class="buffer" />
</div>
<div class="logo-container ph">
<img src="http://api.writesonic.com/static/images/product-hunt-1.png" alt="" class="product-hunt" />
</div>
<div class="logo-container">
<img src="http://api.writesonic.com/static/images/icon_slack.png" alt="" class="slack" />
</div>
<div class="logo-container">
<img src="http://api.writesonic.com/static/images/580b57fcd9996e24bc43c513.png" alt="" class="airbnb" />
</div>
</div>
</div>
</div>
</div>
<div class="circle"></div>
</div>
<div class="section">
<img src="http://api.writesonic.com/static/images/product-shot.png" srcset="
http://api.writesonic.com/static/images/product-shot-p-500.png 500w,
http://api.writesonic.com/static/images/product-shot-p-800.png 800w,
http://api.writesonic.com/static/images/product-shot-p-1080.png 1080w,
http://api.writesonic.com/static/images/product-shot.png 1521w
" sizes="(max-width: 479px) 93vw, (max-width: 767px) 94vw, 720px"
data-w-id="a4177896-a5e5-6c6a-0980-01ce8ea2054a" style="opacity: 0" alt="" class="product-shot" />
</div>
<div class="section">
<div class="container mt-2xl mb-2xl">
<div class="row">
<div class="column align-center">
<h2 class="max-w-lg text-center">Unleash Your Creative Potential with Desinxy.
</h2>
<p class="text-lg text-center max-w-md">
Whether you're a graphic designer, artist, or creative professional, Desinxy provides the tools and resources you need to bring your imagination to life. From stunning motion graphics to captivating vector graphics, our platform empowers you to create designs that will leave a lasting impression.
</p>
</div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="row items-center v-t">
<div class="column align-left p-2xl">
<h6 class="max-w-lg">#1 Feature</h6>
<h2 class="max-w-lg">Unlock your creative potential with a collaborative design community.
</h2>
<p class="text-lg"> Don't limit your creativity to just your own ideas. Join Desinxy and tap into a vibrant community of passionate designers and artists who are ready to collaborate, inspire, and support you on your creative journey. Together, we can unlock your full creative potential and bring your visions to life like never before.</p>
</div>
<div class="column align-center p-2xl">
<img src="http://api.writesonic.com/static/images/marginalia-coming-soon.png" alt="" class="feature-card" />
</div>
</div>
<div class="row reverse items-center v-t">
<div class="column align-left p-2xl">
<h6 class="max-w-lg">#2 Feature</h6>
<h2 class="max-w-lg">Unlock Your Creative Potential with Desinxy.
</h2>
<p class="text-lg"> Join a vibrant community of professional graphic designers and artists. With Desinxy, you'll have access to a diverse range of tools and resources to unleash your imagination and create captivating motion graphics designs, eye-catching posters, stunning computer graphics, mesmerizing 3D illustrations, and captivating vector graphics. Let your creativity run wild and be part of this wonderful community today.</p>
</div>
<div class="column align-center p-2xl">
<img src="http://api.writesonic.com/static/images/marginalia-online-shopping.png" alt="" class="feature-card" />
</div>
</div>
<div class="row items-center v-t">
<div class="column align-left p-2xl">
<h6 class="max-w-lg">#3 Feature</h6>
<h2 class="max-w-lg">Unlock your creative potential with Desinxy.
</h2>
<p class="text-lg"> Dive into a world of unlimited creativity and inspiration with Desinxy. Our vibrant platform offers a wide range of tools and resources to help professional graphic designers and artists like you unleash your full creative potential. Whether you're looking to develop captivating motion graphics designs, eye-catching posters, stunning computer graphics, mesmerizing 3D illustrations, or captivating vector graphics, Desinxy has everything you need to bring your ideas to life. Join</p>
</div>
<div class="column align-center p-2xl">
<img src="http://api.writesonic.com/static/images/marginalia-order-complete.png" alt="" class="feature-card" />
</div>
</div>
</div>
</div>
<div class="section main mt-2xl">
<div class="container mt-2xl mb-2xl">
<div class="row items-center">
<div class="column align-center">
<h1 class="max-w-lg text-giga text-center text-white">Unlock your creative genius with Desinxy.
</h1>
<a href="#" class="button xl main white mt-lg w-button"> Start Creating Masterpieces</a>
<div class="faded text-sm mt-md">
14 day free trial • No credit card required
</div>
</div>
</div>
</div>
</div>
<div class="section pb-2xl-m">
<div class="container mt-2xl mb-2xl">
<div class="row v-l">
<div class="column align-left">
<div class="emoji lg">🌎</div>
<a href="#" class="u mt-lg">info@email.com</a>
<div class="row mt-lg ml-md-n">
<a href="#" target="_blank" class="p-md w-inline-block"><img
src="https://d3e54v103j8qbb.cloudfront.net/plugins/Basic/assets/placeholder.60f9b1840c.svg"
data-feather="twitter" alt="" class="icon" /></a><a href="#" target="_blank"
class="p-md w-inline-block"><img
src="https://d3e54v103j8qbb.cloudfront.net/plugins/Basic/assets/placeholder.60f9b1840c.svg"
data-feather="instagram" alt="" class="icon" /></a><a href="#" target="_blank"
class="p-md w-inline-block"><img
src="https://d3e54v103j8qbb.cloudfront.net/plugins/Basic/assets/placeholder.60f9b1840c.svg"
data-feather="linkedin" alt="" class="icon" /></a>
</div>
</div>
<div class="column align-left">
<h6 class="max-w-lg mb-xl footer-header">Company</h6>
<div>About</div>
<div class="mt-md">Customers</div>
<div class="mt-md">Jobs</div>
<div class="mt-md">Blog</div>
</div>
<div class="column align-left">
<h6 class="max-w-lg mb-xl footer-header">Contact</h6>
<div>Support</div>
<div class="mt-md">Sales</div>
</div>
<div class="column align-left">
<h6 class="max-w-lg mb-xl footer-header">Resources</h6>
<div>Podcast</div>
<div class="mt-md">Help Center</div>
</div>
</div>
<div class="border-t mt-xl">
<div class="row mt-xl v-l">
<div class="column align-left">
<div class="muted text-sm">
© No copyright I guess? Do whatever you want with the site
</div>
</div>
<div class="column align-right">
<div class="row">
<div class="muted text-sm mr-lg">Dummy links:</div>
<div><a href="#">Privacy Policy</a></div>
<div><a href="#" class="ml-lg">Terms and Conditions</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.4.1.min.220afd743d.js?site=5ea1b995c6b4c10f74406a08"
type="text/javascript" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous">
</script>
<script src="http://api.writesonic.com/static/js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
<script>
feather.replace();
</script>
</body>
</html>