-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
283 lines (282 loc) · 15.7 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
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Min Gala product Landing page</title>
<!--link(rel="stylesheet", href="https://necolas.github.io/normalize.css/8.0.1/normalize.css")-->
<link rel="stylesheet" href="./css/theme.css">
</head>
<body>
<div id="PopupMsg" class="popup">
<div class="box">
<div class="popup-close"></div>
<div class="popup-msg">Sorry! Documentation isn't available yet.</div>
</div>
</div>
<div class="wrapper-hidden">
<div class="wrapper">
<nav id="MainNavigation">
<ul>
<li><a js-scroll-to="#Home" class="is-active">Home</a></li>
<li><a js-scroll-to="#AboutUs">About Us</a></li>
<li><a js-scroll-to="#Services">Services</a></li>
<li><a js-scroll-to="#ContactUs">Contact Us</a></li>
</ul>
</nav>
<header id="Home"><img src="./img/blob-01.png" class="background-blob">
<div class="header-info-hld">
<h1>Data mining & Statistics</h1>
<p class="small">"Product Name" is everything you need for automatic data extraction. Quickly scrape web data without coding & turn web pages into structured data within clicks! </p>
<button js-scroll-to="#Services" class="btn-more">More<span class="arrow"></span></button>
</div>
<div class="header-illustration-hld"><img src="./img/start-scr-img.png"></div>
</header>
<main>
<section id="AboutUs">
<h2>
Ab<span>out Us</span>
</h2>
<p class="large about-us-desc"> <span class="hashtag">#</span>Hi! We are team of five university students from Latvia,<br> bringing best we can in fields of web scraping & data <br>fetching
<!--| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et congue est id commodo. Sed purus, mauris in vulputate nunc enim dictum. Erat non etiam ultrices est magna. -->
</p>
<div id="Team" class="slider"><span class="slider-nav-left"></span>
<div class="slide is-active">
<div class="person">
<div class="person-image"><img src="./img/person-ra2.png" class="profile"><img src="./img/shadow-team.png" class="shadow"></div>
<div class="person-data">
<div class="person-name">Rihards Abolins</div>
<div class="person-job">Dev/Designer</div>
</div>
</div>
<div class="person">
<div class="person-image"><img src="./img/person-je.png" class="profile"><img src="./img/shadow-team.png" class="shadow"></div>
<div class="person-data">
<div class="person-name">Janis Emkens</div>
<div class="person-job">Developer</div>
</div>
</div>
<div class="person">
<div class="person-image"><img src="./img/person-md.png" class="profile"><img src="./img/shadow-team.png" class="shadow"></div>
<div class="person-data">
<div class="person-name">Martins Draudins</div>
<div class="person-job">Developer</div>
</div>
</div>
<div class="person">
<div class="person-image"><img src="./img/person-uj.png" class="profile"><img src="./img/shadow-team.png" class="shadow"></div>
<div class="person-data">
<div class="person-name">Uldis Jansons</div>
<div class="person-job">Developer</div>
</div>
</div>
</div>
<div class="slide">
<div class="person">
<div class="person-image"><img src="./img/person-va.png" class="profile"><img src="./img/shadow-team.png" class="shadow"></div>
<div class="person-data">
<div class="person-name">Vladislavs Antonuks</div>
<div class="person-job">Developer</div>
</div>
</div>
</div><span class="slider-nav-right"></span>
</div>
<div id="MissionVision">
<h3>Mission & Vision</h3>
<p>Our vision is to become the leading organization in fields of web scraping & data fetching, but our mission is to create better and simpler way of data collecting and structuring</p>
</div>
</section>
<section id="Services">
<h2>Services</h2>
<div id="DataFetching" class="slider"><span class="slider-nav-left"></span>
<div class="slide is-active">
<div class="service-data">
<h3>Data fetching</h3>
<p>Use point and click interface to generate structure you desire. The moment you click - field is stored & structure is created. Open website, enable built-in extension and start scraping. "Product Name" handles all the messy work behind the screen for you.</p>
<div class="grid">
<h4>Dynamic websites</h4>
<p class="small">Easily scrape behind JavaScript and AJAX powered websites. Capture anything from webpages by bypassing forms, searches, infinitive scrolls, drop downs & more.</p>
</div>
</div>
<div class="service-image"><img src="./img/service-datafiltration-img.png"></div>
</div>
<div class="slide">
<div class="service-data">
<h3>Data types</h3>
<p>To collect most accurate data we have developed the data type system library that contains over 100+ different packages from simple elements to complex solutions we have it all. With our simple UI all you need to do is point and click.</p>
<div class="grid">
<h4>Costume solution</h4>
<p class="small">Create your own data types with user friendly DataType creation tool. All you need to do is define the rules, by which the data is tailored - and we will do the rest.</p>
</div>
</div>
<div class="service-image"><img src="./img/service-data-types-img.png"></div>
</div><span class="slider-nav-right"></span>
</div>
<div id="DataFiltration"><img src="./img/blob-02.png" class="background-blob">
<div class="service-data invert">
<h3>Data filtration</h3>
<p>Get rid of all damaged, bad or unwanted data with built-in data filtration solution that helps you scratch for information without collecting useless data</p>
<div class="grid">
<div class="item-6">
<h4>Query language</h4>
<p class="small">Use our simple query language to define rules by which the data is removed</p>
</div>
<div class="item-6">
<h4>UI Filter</h4>
<p class="small">Simple & elegant UI brings power of machine learning to get rid of "bad" or "unwanted" data, you define - we remove </p>
</div>
</div>
</div>
<div class="service-image"><img src="./img/filtration-img.png"></div>
</div>
<div id="MoreServices">
<h3>And more</h3>
<p class="more-desc">To satisfy all you needs for web scrapping we have created many more useful functionalities that are tailored for better, simpler & faster experience</p>
<div class="sliderr more-slider"><span class="slider-nav-left"></span>
<div class="slide is-active grid">
<div class="feature item-4">
<div class="feature-icon"><img src="./img/icons/export.png"></div>
<div class="feature-data">
<div class="feature-title">Data export</div>
<div class="feature-desc"> Move data easily, with integrated support for most common data types</div>
</div>
</div>
<div class="feature item-4">
<div class="feature-icon"><img src="./img/icons/live-data-watch.png"></div>
<div class="feature-data">
<div class="feature-title">Live data watching</div>
<div class="feature-desc"> Fetch data only when changes are made!</div>
</div>
</div>
<div class="feature item-4">
<div class="feature-icon"><img src="./img/icons/archive.png"></div>
<div class="feature-data">
<div class="feature-title">Archive requests</div>
<div class="feature-desc"> Store request globally up to 30 days or locally as long as you want</div>
</div>
</div>
<div class="feature item-4">
<div class="feature-icon"><img src="./img/icons/share.png"></div>
<div class="feature-data">
<div class="feature-title">Share data</div>
<div class="feature-desc"> Share data with friends and co-workers</div>
</div>
</div>
<div class="feature item-4">
<div class="feature-icon"><img src="./img/icons/costume-solution.png"></div>
<div class="feature-data">
<div class="feature-title">Build custom solutions</div>
<div class="feature-desc"> Create custom data types, filters, fetchers & more with desktop app</div>
</div>
</div>
<div class="feature item-4">
<div class="feature-icon"><img src="./img/icons/schedule.png"></div>
<div class="feature-data">
<div class="feature-title">Scheduler</div>
<div class="feature-desc"> Schedule when to fetch data.</div>
</div>
</div>
<div class="feature item-4">
<div class="feature-icon"><img src="./img/icons/live-support.png"></div>
<div class="feature-data">
<div class="feature-title">Live support</div>
<div class="feature-desc"> 24/7 live support with certified expert (unlimited)</div>
</div>
</div>
<div class="feature item-4">
<div class="feature-icon"><img src="./img/icons/batch.png"></div>
<div class="feature-data">
<div class="feature-title">Batch jobs</div>
<div class="feature-desc"> Use job system to do multiple requests at same time</div>
</div>
</div>
<div class="feature item-4">
<div class="feature-icon"><img src="./img/icons/most-important.png"></div>
<div class="feature-data">
<div class="feature-title">Most important</div>
<div class="feature-desc"> Summarize large amount of data into most important.</div>
</div>
</div>
</div><span class="slider-nav-right"></span>
</div>
</div>
</section>
<section id="DataPlans">
<h2>Data Plans</h2>
<div class="data-plans-hld">
<div class="plan basic-plan">
<div class="plan-in-hld">
<div class="plan-title">Basic Plan</div>
<div class="plan-price">Free</div>
<ul class="plan-items">
<li class="plan-item">Browser extension</li>
<li class="plan-item">Local use only</li>
<li class="plan-item">CSV export</li>
<li class="plan-item">Dynamic Websites</li>
<li class="plan-item">Manual data filtration</li>
<li class="plan-item">Basic data type formatting</li>
<li class="plan-item">100 requests per month</li>
</ul>
<button class="action">Coming soon</button>
</div>
</div>
<div class="plan is-active premium-plan">
<div class="plan-in-hld">
<div class="plan-title">Premium</div>
<div class="plan-price">$25<span class="month">/month</span></div>
<ul class="plan-items">
<li class="plan-item">Basic plan</li>
<li class="plan-item">Desktop app</li>
<li class="plan-item">Live data watching</li>
<li class="plan-item">Scheduler</li>
<li class="plan-item">5 Live task limit</li>
<li class="plan-item">JSON, CSV, XAML file export</li>
<li class="plan-item">Request archive</li>
<li class="plan-item">Premium library of data types</li>
<li class="plan-item">Query language support</li>
<li class="plan-item">Data share</li>
<li class="plan-item">1K requests per month</li>
</ul>
<button class="action">Not available</button>
</div>
</div>
<div class="plan unlimited-plan">
<div class="plan-in-hld">
<div class="plan-title">Unlimited</div>
<div class="plan-price">$100<span class="month">/month</span></div>
<ul class="plan-items">
<li class="plan-item">Premium plan</li>
<li class="plan-item">20 live task limit</li>
<li class="plan-item">Custom solution builder</li>
<li class="plan-item">Live support</li>
<li class="plan-item">No request limitation</li>
</ul>
<button class="action">Not available</button>
</div>
</div>
</div>
<p class="small plan-note">* Free subscription collects anonymous data to improve softwares performance. All collected data is 100% anonymous and will never be viewed by other people</p>
</section>
<section id="ContactUs"><img src="./img/blob-03.png" class="background-blob">
<h2>Contact Us</h2>
<p class="contact-us-desc">Interested in project or have any questions? - Fell free to say hello!</p>
<div class="contact-details">
<div class="contact-type"><b>phone number</b>+371 26 133 921</div>
<div class="contact-type"><b>e-mail address</b>[email protected]</div>
</div>
<form action="./" method="POST">
<label for="ContactUsEmail">Email address</label>
<input type="email" name="email" id="ContactUsEmail" placeholder="[email protected]">
<label for="ContactUsContent">Content</label>
<textarea name="content" cols="30" rows="10" id="ContactUsContent" placeholder="Message..."></textarea>
</form>
</section>
<footer>Copyright © 2019 - Rihards A.</footer>
</main>
</div>
</div>
<script src="./js/jquery-3.4.1.min.js"></script>
<script src="./js/navigation.js"></script>
<script src="./js/slider.js"></script>
</body>
</html>