-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
262 lines (254 loc) · 9.44 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
259
260
261
262
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>
GoodData for Freshdesk: Empowering today's customer support champions with
advanced analytics | GoodData
</title>
<link rel="stylesheet" href="dist/main.css" />
<link rel="icon" href="img/favicon.ico" type="image/x-icon" />
</head>
<body id="body">
<header class="header header--top">
<div class="header__container container">
<div class="header__img">
<div class="logo__section">
<a href="#"
><img class="header__logo" src="img/GoodData Logo.svg" alt="logo"
/></a>
</div>
<div class="hamburger__menu"></div>
</div>
<nav class="navigation nav__hidden">
<ul class="navigation__list">
<li class="nav__item">
<a class="nav__link link" href="#">Product</a>
</li>
<li class="nav__item hamburger__item">
<a class="nav__link link" href="#">Solutions</a>
</li>
<li class="nav__item hamburger__item">
<a class="nav__link link" href="#">Pricing</a>
</li>
<li class="nav__item hamburger__item">
<a class="nav__link link" href="#">Resources</a>
</li>
<li class="nav__item hamburger__item">
<a class="nav__link link" href="#">Company</a>
</li>
</ul>
</nav>
<div class="header--btn nav__hidden">
<a href="#" class="btn header__btn">Get a demo</a>
</div>
</div>
</header>
<main id="main">
<div class="main__hero">
<div class="hero__section container">
<div class="main__links">
<div class="main__resources tag__nav">
<a href="#" class="resources__link tag__form__text link"
><img
src="img/arrow-left-pink-thin.svg"
class="arrow__icon"
alt="arrow-left"
/>Resources</a
>
<img
src="img/separator-line.svg"
class="line"
alt="separator-line"
/>
</div>
<div class="main__tags tag__nav">
<span class="tag__form__text tag__text">tags: </span>
<span class="tag__form__text tag"
><a href="#" class="tag__link link">Daas</a></span
>
</div>
</div>
<div class="webinar__image">
<img
class="card__img__mobile"
src="/img/ebook-webinar.webp"
alt="ebook-webinar-image"
/>
</div>
<div class="hero__content">
<div class="hero__text">
<div class="hero__category">
<h4 class="hero__h4">
<a href="#" class="category__link link">E-BOOK</a>
</h4>
</div>
<div class="hero__heading">
<h1 class="hero__h1">
GoodData for Freshdesk: Empowering today's customer support
champions with advanced analytics
</h1>
</div>
</div>
<div class="hero__registration">
<div class="card__registration">
<div class="card__img">
<img
class="card__ebook"
src="/img/ebook-webinar.webp"
alt="ebook-webinar-image"
/>
</div>
<div class="card__content">
<h4 class="card__h4">Webinar registration</h4>
<form class="form_registration">
<input
class="input__fname form__input"
name="firstname"
placeholder="First Name"
type="text"
/>
<input
class="input__lname form__input"
name="lastname"
placeholder="Last Name"
type="text"
/>
<input
class="input__email form__input"
name="email"
placeholder="Business email address"
type="email"
/>
<label for="legal_consent" class="card__checkbox__text">
I agree that GoodData may contact me regarding products &
promotions.
<input
id="legal_consent"
class="card__checkbox"
name="consent"
type="checkbox"
/><span class="checkmark__form"></span>
</label>
</form>
<span class="card__text">
We collect your personal information here to be able to
identify and contact you. Learn more in our Privacy Policy
or contact us at
<a
href="mailto:[email protected]"
class="privacy__mail link"
>
>.
</span>
<button class="btn card__btn">Register</button>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="content--container container">
<div class="main__content">
<div class="content__1 content">
<h2 class="content1__h2">Headline starting the description</h2>
<p class="content1__p">
There's no question that giving employees and customers access to
analytics offers significant added value. <br /><br />
However, simply providing your users with an analytics dashboard
is not enough. In order to truly empower your end-users with data,
you need to create an intuitive and effective data experience.
</p>
</div>
<div class="content__2 content">
<h2 class="content2__h2">Headline starting the description</h2>
<p class="content2__p">
<span class="content2__span">
<img
src="img/Check-list.svg"
class="checkmark"
alt="checkmark"
/>The concepts of data storytelling; whether you are building
dashboards or individual visualizations.</span
>
<br />
<span class="content2__span">
<img
src="img/Check-list.svg"
class="checkmark"
alt="checkmark"
/>How to design dashboards and use the right visualizations to
help end users understand the data.</span
><br />
<span class="content2__span">
<img
src="img/Check-list.svg"
class="checkmark"
alt="checkmark"
/>How to build an efficient, user-friendly analytics experience
into your software product, application, or web portal.</span
>
</p>
</div>
</div>
</section>
</main>
<footer id="footer">
<section class="cta--container">
<div class="container">
<div class="cta__content">
<h1 class="cta__h1">Does GoodData look like the better fit?</h1>
<h3 class="cta__h3">
Get a demo now to get a guided tour + Q&A. It's commitment-free.
</h3>
<button class="cta__btn btn">Get a demo</button>
</div>
<div class="reference">
<div class="reference__text"><p>Trusted by</p></div>
<div class="reference__logos">
<div class="logo__img wrap__zalando">
<img
class="logo logo__zalando"
src="img/trustedBy/Zalando.svg"
alt="Zalando logo"
/>
</div>
<a href="#" class="logo__img wrap__freshworks">
<img
class="logo logo__freshworks"
src="img/trustedBy/Freshworks.svg"
alt="Freshworks logo"
/>
</a>
<a href="#" class="logo__img wrap__visa">
<img
class="logo logo__visa"
src="img/trustedBy/Visa.svg"
alt="Visa logo"
/>
</a>
<a href="#" class="logo__img wrap__doubleverify">
<img
class="logo logo__doubleverify"
src="img/trustedBy/DoubleVerify.svg"
alt="DoubleVerify logo"
/>
</a>
<a href="#" class="logo__img wrap__calpine">
<img
class="logo logo__calpine"
src="img/trustedBy/Calpine.svg"
alt="Calpine logo"
/>
</a>
</div>
</div>
</div>
</section>
</footer>
<script src="dist/script.js"></script>
</body>
</html>