PageSourceSearch

https://waterfulapp.com/

html waterfulapp.com collected 2026-10-02 15:16:02 UTC 60,565 bytes, 998 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3	<head>
4		<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 4-5
4	
5<script async src="https://www.googletagmanager.com/gtag/js?id=
5G-JSFVBQVSSS
vendor: 13 bytes, line 5
5"></script>	
6<script>	
7  
vendor: 136 bytes, lines 7-10
7window.dataLayer = window.dataLayer || [];	
8  function gtag(){dataLayer.push(arguments);}	
9  gtag('js', new Date());	
10  gtag('config', '
10G-JSFVBQVSSS
vendor: 5 bytes, line 10
10');	
11</script>
11
12		<meta charset="utf-8" >
13		<title>Waterful: Water Tracker & Drinking Reminder</title>	
14		<meta name="description" content="Build a healthy hydration habit via exciting challenges, smart reminders, and many other useful features.">
15		<meta name="viewport" content="width=device-width, initial-scale=1">
16		<link rel="icon" href="i/favicon.png" type="image/x-icon">
17		<!-- Google Fonts -->
18		<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@100;200;300;400;500;600;700;800;900&family=Poppins:wght@100;200;300;400;500;600;700;800;900&subset=latin&display=swap" rel="stylesheet">
19		<!-- Bootstrap 4.5.2 CSS -->
20		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
21		<!-- Slick 1.8.1 jQuery plugin CSS (Sliders) -->
22		<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"/>
23		<!-- Fancybox 3 jQuery plugin CSS (Open images and video in popup) -->
24		<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/[email protected]/dist/jquery.fancybox.min.css" />
25		<!-- AOS 2.3.4 jQuery plugin CSS (Animations) -->
26		<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
27		<!-- FontAwesome CSS -->
28		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css">
29		<!-- Startup CSS (Styles for all blocks) - Remove ".min" if you would edit a css code -->
30		<link href="css/style.min.css" rel="stylesheet" />
31		<!-- jQuery 3.5.1 -->
32		
32<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
32
33		<meta property="og:title" content="Waterful: Water Tracker & Drinking Reminder">	
34		<meta property="og:description" content="Build a healthy hydration habit via exciting challenges, smart reminders, and many other useful features.">	
35		<meta property="og:image" content="https://listonic.com/wp-content/uploads/2021/02/waterfulback.png">	
36		<meta property="og:url" content="https://waterfulapp.com/">	
37		<meta name="twitter:card" content="summary" />	
38		<meta name=”twitter:title” content=”Waterful: Water Tracker & Drinking Reminder” />	
39		<meta name=”twitter:description” content=”Build a healthy hydration habit via exciting challenges, smart reminders, and many other useful features.” />	
40		<meta name=”twitter:url” content=”https://waterfulapp.com” />	
41		<meta name=”twitter:image” content=”https://listonic.com/wp-content/uploads/2021/02/waterfulback.png” />
42		<style>
43			a { color: #ffffff; } /* CSS link color */
44			a:hover {
45  color: #0645AD;
46}
47		  </style>
48	</head> 
49	<body>
50<!-- Call to action 11 -->
51<section class="text-center text-lg-left call_to_action_11 d-none d-sm-block d-md-block d-lg-block d-xl-block" data-bg-src-2x="uploads/nowetlonav.jpg" data-bg-src="uploads/nowetlonav.jpg">
52	<div class="container px-xl-0 pb-15 pt-15">
53		<div class="row justify-content-end">
54			<div class="col-xl-7 col-lg-8">
55				<h6>
56				</h6>
57			</div>
58			<div class="col-xl-3 col-lg-4 text-center">
59				<a href="https://drive.google.com/drive/folders/1yLKISQ0JERJfcrXgTUXNLjSoGHAOEs_7" class="btn mt-lg-0 action-1 bg-white text-dark sm f-12 w-150">
60					PRESS KIT
61				</a>
62			</div>
63		</div>
64	</div>
65</section>
66	<!-- Feature 30 -->
67		<section class="bg-light text-center feature_30" data-bg-src="uploads/tlo2.svg" data-bg-src-2x="uploads/tlo2.svg">
68			<div class="container px-xl-0">
69				<div class="row justify-content-center">
70					<div class="col-xl-12 col-lg-10">
71						<div class="d-sm-none color-white h6 light pt-25">
72							<a href="https://apps.apple.com/app/id1515530685?mt=8"><img src="uploads/laur3.png" alt="" width="85" ></a>&emsp;<a href="https://www.producthunt.com/posts/waterful"><img src="uploads/laurw.png" alt="" class="img-fluid img" width="85"></a>&emsp;<a href="https://apps.apple.com/app/id1515530685?mt=8"><img src="uploads/laur4.png" alt="" width="85" ></a>
73						</div>
74						<div class="d-none d-sm-block d-md-block d-lg-block d-xl-block color-white h6 light pt-10">
75							<a href="https://apps.apple.com/app/id1515530685?mt=8"><img src="uploads/laur3.png" alt="" width="125" >&emsp;</a><a href="https://www.producthunt.com/posts/waterful"><img src="uploads/laurw.png" alt="" class="img-fluid img" width="125"></a>&emsp;<a href="https://apps.apple.com/app/id1515530685?mt=8"><img src="uploads/laur4.png" alt="" width="125" ></a></div>
76							<div class="color-white op-6 h2 light pt-10">
77							Happier Body. Calmer Mind.
78						</div>
79						
80						<div class="h1 color-white pt-10 f-heading f-60 extra bold extrabold">
81							Waterful!
82						</div>
83						<span>
84							<title href="#">
85							</title>
86						</span>
87					</div>
88					<div class="col-xl-10">
89						<img src="uploads/macka2ver.png" alt="" class="img-fluid img w-650 ]" srcset="uploads/macka2ver.png 2x">
90					</div>
91				</div>
92			</div>
93		</section>
94		<!-- Application 7 -->
95			<section class="bg-light text-center application_7 pt-0 pb-0">
96				<div class="container px-xl-0">
97					<div class="row flex-column flex-sm-row justify-content-center">
98						<div class="mb-10 mb-sm-0 mr-sm-2 d-flex justify-content-center align-items-center">
99							<a href="https://apps.apple.com/app/id1515530685?mt=8" class="link img_link radius6" target="_blank">
100								<img src="i/application_7_img_1.png" srcset="i/[email protected] 2x" alt="" class="img-fluid">
101							</a>
102						</div>
103						<div class="ml-sm-2 d-flex justify-content-center align-items-center">
104							<a href="https://play.google.com/store/apps/details?id=com.drink.water.reminder.alarm.tracker&amp;hl" class="link img_link radius6" target="_blank">
105								<img src="i/application_7_img_2.png" srcset="i/[email protected] 2x" alt="" class="img-fluid">
106							</a>
107						</div>
108					</div>
109				</div>
110			</section>
111			<!-- Content 2 -->
112				<section class="bg-light content_2">
113					<div class="container px-xl-0 text-center">
114						<div class="row justify-content-center">
115							<div class="col-xl-8 col-lg-10">
116								<div class="text-adaptive font-heading f-40 mt-40">
117									Staying Hydrated 
118								</div>
119							</div>
120							<div class="col-xl-7 col-lg-9 col-md-10">
121								<div class="color-heading mt-20 text-adaptive f-22">
122									Your New Favorite Life Hack
123								</div>
124							</div>
125						</div>
126					</div>
127				</section>
128				<!-- Application 28 -->
129					<section class="bg-light color-heading f-14 medium text-center application_28 pb-40">
130						<div class="container px-xl-0">
131							<div class="row justify-content-center align-items-center no-gutters">
132								<div class="col-lg-10 col-xl-8">
133									<div class="d-flex align-items-start flex-wrap no-gutters">
134										<div class="col-6 pt-40 col-md-4">
135											<img src="uploads/newproject17.png" alt="" class="mb-15 pl-3 mw-150" srcset="uploads/newproject17.png 2x">
136											<div class="f-18 color-main semibold">
137												Better focus at work
138											</div>
139										</div>
140										<div class="col-6 pt-40 col-md-4">
141											<img src="uploads/sun.png" alt="" class="mb-15 mw-120" srcset="uploads/sun.png 2x">
142											<div class="f-18 color-main semibold">
143												Happier mood
144											</div>
145										</div>
146										<div class="col-6 pt-40 col-md-4">
147											<img src="uploads/muscle.png" alt="" class="mb-15 mw-120" srcset="uploads/muscle.png 2x">
148											<div class="f-18 color-main semibold">
149												 Fresher start to the day
150											</div>
151										</div>
152										<div class="col-6 pt-40 col-md-4">
153											<img src="uploads/body.png" alt="" class="mb-15 mw-120" srcset="uploads/body.png 2x">
154											<div class="f-18 color-main semibold">
155												 Weight under control
156											</div>
157										</div>
158										<div class="col-6 pt-40 col-md-4">
159											<img src="uploads/face-1603870668.png" alt="" class="mb-15 mw-120" srcset="uploads/face-1603870668.png 2x">
160											<div class="f-18 color-main semibold">
161												 Younger-looking skin
162											</div>
163										</div>
164										<div class="col-6 pt-40 col-md-4">
165											<img src="uploads/water.png" alt="" class="mb-15 mw-120" srcset="uploads/water.png 2x">
166											<div class="f-18 color-main semibold">
167												 Detoxed body
168											</div>
169										</div>
170										<title>
171											&lt;img src="i/application_28_img_7.png" srcset="i/[email protected] 2x" alt="" class="js-editable-element" data-sf-type="img" data-sf-label="Image" data-sf-uid="25"&gt;&lt;div class="" data-sf-type="text" data-sf-label="Text" data-sf-uid="26"&gt;50 Layers&lt;/div&gt;
172										</title>
173										<title>
174											&lt;img src="i/application_28_img_8.png" srcset="i/[email protected] 2x" alt="" class="js-editable-element" data-sf-type="img" data-sf-label="Image" data-sf-uid="28"&gt;&lt;div class="js-editable-element" data-sf-type="text" data-sf-label="Text" data-sf-uid="29"&gt;&lt;/div&gt;
175										</title>
176									</div>
177								</div>
178							</div>
179						</div>
180					</section>
181					<!-- Content 8 -->
182						<section class="bg-light content_8 w-2000 pt-250 pb-250" data-bg-src="uploads/nowafala1x.png" data-bg-src-2x="uploads/nowafala2x.png">
183							<div class="container px-xl-0">
184								<div class="row justify-content-center text-center">
185									<div class="col-xl-12 col-md-12 col-sm-12 col-lg-12">
186										<div class="color-white f-40 mt-20">
187											Build a hydration habit with Waterful 
188											<img src="https://listonic.com/wp-content/uploads/2020/12/Group-10332.svg" width="50" height="50" data-sf-label="Container">
189										</div>
190									</div>
191								</div>
192							</div>
193						</section>
194						<!-- Application 2 -->
195							<section class="bg-light application_2">
196								<div class="container px-xl-0">
197									<div class="row justify-content-center justify-content-md-between align-items-center">
198										<div class="mb-md-0 col-12 col-xl-6 d-flex justify-content-center align-items-center col-md-6 mb-30">
199											<img src="uploads/nowy.png" alt="" class="application_2_left_img mw-600" srcset="uploads/nowy.png 2x">
200										</div>
201										<div class="col-xl-6 col-md-6">
202											<div class="col-lg-11 color-main f-40 text-center text-xs-left text-sm-left text-md-left">
203												Waterful Knows You Inside Out
204											</div>
205											<div class="mt-20 col-lg-9 color-heading text-adaptive regular f-20 text-center text-xs-left text-sm-left text-md-left">
206												Automatically calculates your daily water intake
207											</div>
208											<div class="mt-25 ml-5 col-xl-10 col-lg-12 col-md-12 justify-content-center row text-center">
209												<div class="col-lg-4 col-6 col-sm-6">
210													<img src="uploads/clock2x1.png" alt="" class="w-100" srcset="uploads/clock2x1.png 2x">
211													<div>
212													</div>
213												</div>
214												<div class="col-6 col-lg-4 col-sm-6">
215													<img src="uploads/weather2x.png" alt="" class="w-100" srcset="uploads/weather2x.png 2x">
216													<div>
217													</div>
218												</div>
219												<div class="col-6 col-lg-4">
220													<img src="uploads/exercise2x.png" alt="" class="w-100" srcset="uploads/exercise2x.png 2x">
221													<div class="mt-15 col-xl-11 color-main f-14 bold sp-20 text-uppercase">
222													</div>
223												</div>
224												<div class="col-6 col-lg-4">
225													<img src="uploads/bodytype2x1.png" alt="" class="w-100" srcset="uploads/bodytype2x1.png 2x">
226													<div class="mt-15 col-xl-11 color-main f-14 bold sp-20 text-uppercase">
227													</div>
228												</div>
229												<div class="col-6 col-lg-4">
230													<img src="uploads/pregnancy2x.png" alt="" class="w-100" srcset="uploads/pregnancy2x.png 2x">
231													<div class="mt-15 col-xl-11 color-main f-14 bold sp-20 text-uppercase">
232													</div>
233												</div>
234												<div class="col-6 col-lg-4">
235													<img src="uploads/gender2x.png" alt="" class="w-100" srcset="uploads/gender2x.png 2x">
236													<div class="mt-15 col-xl-11 color-main f-14 bold sp-20 text-uppercase">
237													</div>
238												</div>
239											</div>
240										</div>
241									</div>
242								</div>
243							</section>
244							<!-- Application 15 -->
245								<section class="bg-light application_15">
246									<div class="container px-xl-0">
247										<div class="row justify-content-center align-items-center ">
248											<div class="no-gutters col-12 col-xl-4 justify-content-center col-md-6 ">
249												<div class="f-40 pl-15 text-center text-xs-left text-sm-left text-md-left mt-50">
250													Meet Your Cute Hydration Coach
251												</div>
252												
253												<div class="d-flex align-items-center no-gutters mb-25">
254													<div class="mr-25 justify-content-center align-items-center">
255														<img src="uploads/group10333.svg" alt="" class="w-400 pr-50" srcset="uploads/group10333.svg 2x">
256													</div>
257													<div>
258													</div>
259												</div>
260												<title>
261													&lt;title class="js-editable-element" data-sf-type="container" data-sf-label="Block" data-sf-uid="14"&gt;&lt;img src="uploads/button.png" alt="" data-sf-type="img" data-sf-label="Image" class="js-editable-element" srcset="uploads/button.png 2x" data-sf-uid="15"&gt;&lt;/title&gt;&lt;div data-sf-type="rich-text" data-sf-label="Text" data-sf-uid="15" class=""&gt;&lt;/div&gt;
262												</title>
263												<title>
264													&lt;title class="js-editable-element" data-sf-type="container" data-sf-label="Block" data-sf-uid="17"&gt;&lt;img src="uploads/elelmt.png" alt="" data-sf-type="img" data-sf-label="Image" class="js-editable-element" srcset="uploads/elelmt.png 2x" data-sf-uid="19"&gt;&lt;/title&gt;&lt;div data-sf-type="rich-text" data-sf-label="Text" data-sf-uid="18" class="js-editable-element"&gt;&lt;/div&gt;
265												</title>
266												<title>
267													&lt;img src="uploads/empty.png" alt="" data-sf-type="img" data-sf-label="Image" class="js-editable-element" srcset="uploads/empty.png 2x" data-sf-uid="20"&gt;&lt;div data-sf-type="rich-text" data-sf-label="Text" data-sf-uid="21" class="js-editable-element"&gt;&lt;/div&gt;
268												</title>
269											</div>
270											<div class="col-xl-5 justify-content-center col-sm-12 col-md-5 mb-30">
271												<img src="uploads/maskgroup8698.svg" alt="" class="img-fluid bg w-500 ml-0" srcset="uploads/maskgroup8698.svg 2x">
272											</div>
273										</div>
274									</div>
275								</section>
276								<!-- Feature 44 -->
277								<section class="bg-light text-center text-md-left feature_44 ">
278									<div class="container px-xl-0 mb-30">
279										<title>
280											&lt;div class="js-editable-element" data-sf-type="container" data-sf-label="Element" data-sf-uid="4"&gt;&lt;/div&gt;&lt;div class="aos-init aos-animate js-editable-element" data-sf-type="container" data-sf-label="Block" data-sf-anim-delay="0" data-aos="fade-down" data-aos-delay="0" data-sf-uid="5"&gt;&lt;title class="js-editable-element" data-sf-type="text" data-sf-label="Heading" data-sf-uid="6"&gt;&lt;/title&gt;&lt;title class="js-editable-element" data-sf-type="rich-text" data-sf-label="Description" data-sf-uid="7"&gt;&lt;/title&gt;&lt;title href="#" class="js-editable-element" data-sf-type="btn" data-sf-label="Button" data-sf-uid="8"&gt;&lt;/title&gt;&lt;/div&gt;&lt;div class="js-editable-element" data-sf-type="container" data-sf-label="Element" data-sf-uid="9"&gt;&lt;/div&gt;&lt;title class="aos-init aos-animate js-editable-element" data-sf-type="container" data-sf-label="Block" data-sf-anim-delay="1" data-aos="fade-down" data-aos-delay="250" data-sf-uid="10"&gt;&lt;img src="i/feature_44_img_1.png" srcset="i/[email protected] 2x" alt="" class="js-editable-element" data-sf-type="img" data-sf-label="Image" data-sf-uid="11"&gt;&lt;/title&gt;
281										</title>
282										<div class="row flex-row-reverse row2 align-items-center justify-content-center">
283											<div>
284											</div>
285											<div class="mt-15 pb-lg-0 inner2 col-md-12 col-sm-12 col-lg-5 col-xl-6 align-items-center">
286												<div class="f-40 col-sm-11 text-center text-xs-left text-sm-left text-md-left">
287													Now also on <Br> Apple Watch!
288												</div>
289												<div class="mt-20 mb-30 color-heading text-adaptive regular f-20 col-xl-9 col-sm-10 text-center text-xs-left text-sm-left text-md-left">
290													Log your drinks wherever you are, whatever you're doing. 
291											
292												</div>
293												<a href="#">
294												</a>
295											</div>
296											<div>
297											</div>
298											<div class="col-xl-5 col-md-8 col-sm-8 col-lg-6 justify-content-center text-center">
299												<img src="uploads/watchsmall.png" alt="" class="img img-fluid w-400 mt-0" srcset="uploads/watchbig.png 2x">
300											</div>
301											<div class="col-xl-1">
302											</div>
303										</div>
304									</div>
305								</section>
306								<!-- Content 8 -->
307									<section class="bg-light content_8 w-2000 pt-250 pb-250" data-bg-src="uploads/nowafala1x.png" data-bg-src-2x="uploads/nowafala2x.png">
308										<div class="container px-xl-0">
309											<div class="row justify-content-center text-center">
310												<div class="col-md-10 col-lg-9">
311													<div class="color-white f-40 mt-20">
312														Dive into Waterful's unique features 
313														<img src="https://listonic.com/wp-content/uploads/2020/12/Group-10332.svg" width="50" height="50" data-sf-label="Container">
314													</div>
315												</div>
316											</div>
317										</div>
318									</section>
319									<!-- Feature 44 -->
320										<section class="bg-light text-center text-md-left feature_44">
321											<div class="container px-xl-0">
322												<div class="row align-items-center justify-content-center">
323													<div class="col-xl-1">
324													</div>
325													<div class="col-md-5">
326														<div class="mb-20 f-40">
327															Fast. Smart. Intuitive.
328														</div>
329														<div class="color-heading text-adaptive regular f-20">
330															Adding a drink is fast &amp; simple thanks to your hydration history and the list of your favorite drinks at your fingertips. 
331														</div>
332														<title href="#">
333														</title>
334													</div>
335													<div>
336													</div>
337													<div class="col-lg-5 col-md-5 col-sm-6 col-8 col-xl-5">
338														<img src="uploads/group103432x.png" alt="" class="img mw-450" srcset="uploads/group103432x.png 2x">
339													</div>
340												</div>
341												<div class="row justify-content-center justify-content-md-between align-items-end flex-row-reverse row2 align-items-center">
342													<div class="col-xl-1">
343													</div>
344													<div class="col-lg-5 col-md-6 pb-60 pb-lg-0 inner2">
345														<div class="mb-20 f-40">
346															Exciting Challenges
347														</div>
348														<div class="color-heading text-adaptive regular f-20">
349															Build a strong hydration habit by completing challenges and earning special badges.
350														</div>
351														<title href="#">
352															Learn More
353														</title>
354													</div>
355													<div class="col-md-1">
356													</div>
357													<div class="col-lg-5 col-sm-6 col-8 col-md-5 col-xl-4">
358														<img src="uploads/chall.svg" alt="" class="img img-fluid mb-40 w-450" srcset="uploads/chall.svg 2x">
359													</div>
360													<div class="col-xl-1">
361													</div>
362												</div>
363											</div>
364										</section>
365										<!-- Feature 44 -->
366											<section class="bg-light text-center text-md-left feature_44">
367												<div class="container px-xl-0">
368													<div class="row align-items-center justify-content-center">
369														<div class="col-xl-1">
370														</div>
371														<div class="col-lg-5 col-md-5">
372															<div class="mb-20 f-40">
373																Motivational 
374																<br>Statistics
375															</div>
376															<div class="color-heading text-adaptive regular f-20">
377																Monitor your hydration progress and current longest streaks in vivid graphs to stay super motivated. 
378															</div>
379															<span href="#">
380															</span>
381														</div>
382														<div>
383														</div>
384														<div class="col-lg-5 col-md-5 col-sm-6 col-8 col-xl-5">
385															<img src="uploads/stats.png" alt="" class="img mw-450" srcset="uploads/stats.png 2x">
386														</div>
387													</div>
388													<div class="row justify-content-center justify-content-md-between align-items-end flex-row-reverse row2 align-items-center">
389														<div class="col-xl-1">
390														</div>
391														<div class="col-lg-5 col-md-6 pb-60 pb-lg-0 inner2">
392															<div class="mb-20 f-40">
393																Reminders When You Need Them
394															</div>
395															<div class="color-heading text-adaptive regular f-20">
396																They never disturb your work or sleep, but fit into your daily routine. 
397															</div>
398															<span href="#">
399															</span>
400														</div>
401														<div class="col-md-1">
402														</div>
403														<div class="col-xl-4 col-lg-5 col-md-5 col-sm-6 col-8">
404															<img src="uploads/sleep.svg" alt="" class="img img-fluid w-450" srcset="uploads/sleep.svg 2x">
405														</div>
406														<div class="col-xl-1">
407														</div>
408													</div>
409												</div>
410											</section>
411											<!-- Feature 44 -->
412												<section class="bg-light text-md-left feature_44 text-center pb-50 pt-25">
413													<div class="container px-xl-0">
414														<div class="row align-items-center justify-content-center">
415															<div class="col-xl-1">
416															</div>
417															<div class="col-lg-5 col-md-5 align-items-center">
418																<div class="mb-20 f-40">
419																	Wide Catalog of Custom Drinks
420																</div>
421																<div class="color-heading text-adaptive regular f-20">
422																	Everyone has their preferable drinks. Our wide catalog lets you add any drink you like in an instant.
423																</div>
424																<a href="#">
425																</a>
426															</div>
427															<div>
428															</div>
429															<div class="col-lg-5 col-md-4 col-sm-6 col-8 col-xl-5">
430																<img src="uploads/group10025.png" alt="" class="img w-450" srcset="uploads/group100252x.png 2x">
431															</div>
432														</div>
433														<div class="row justify-content-center justify-content-md-between align-items-end align-items-lg-start flex-row-reverse row2">
434															<div class="col-xl-1">
435															</div>
436															<div>
437																<h2>
438																</h2>
439																<div>
440																</div>
441																<a href="#">
442																</a>
443															</div>
444															<div class="col-md-1">
445															</div>
446															<title>
447																&lt;img src="i/feature_44_img_2.png" srcset="i/[email protected] 2x" alt="" class="js-editable-element" data-sf-type="img" data-sf-label="Image" data-sf-uid="20"&gt;
448															</title>
449															<div class="col-xl-1">
450															</div>
451														</div>
452													</div>
453												</section>
454												<!-- Call to action 6 -->
455													<section class="bg-dark text-center color-white call_to_action_6 pb-100 pt-125" data-bg-src="uploads/iceberg1.png" data-bg-src-2x="uploads/iceberg2x.png">
456														<div class="container px-xl-0 pb-100">
457															<div class="row flex-column flex-lg-row align-items-center justify-content-center">
458																<div class="col-lg-5 text-lg-right">
459																	<title>
460																	</title>
461																</div>
462																<div class="col-xl-1 col-lg-2 d-flex justify-content-center">
463																	<a href="https://www.youtube.com/embed/RcTFVcoibI0?rel=0&amp;showinfo=0" target="_blank" data-fancybox="call_to_action_6_fancybox">
464																		<i>
465																		</i>
466																	</a>
467																</div>
468																<div class="col-lg-5 text-lg-left">
469																	<h2 class="small">
470																	</h2>
471																</div>
472															</div>
473														</div>
474													</section>
475													<!-- Application 30 -->
476														<section class="bg-light application_30" data-bg-src="false" data-bg-src-2x="false">
477															<div class="container px-xl-0">
478																<div class="row flex-column no-gutters">
479																	<div>
480																	</div>
481																	<h3 class="text-center col-lg-12 col-md-12 col-sm-12 col-xl-12 pt-60 semibold pb-25 f-main f-40">
482																		But that's just the tip of the iceberg
483																	</h3>
484																</div>
485																<div class="row justify-content-center">
486																	<div class="col-xl-3 col-md-4">
487																		<div class="d-flex align-items-center pl-lg-50 ml-25 pt-20">
488																			<img src="uploads/widgets.svg" alt="" class="w-110" srcset="uploads/widgets.svg 2x">
489																			<div>
490																				<div class="regular f-18">
491																					iOS 14 Widgets
492																				</div>
493																				<div class="color-heading f-16">
494																				</div>
495																			</div>
496																		</div>
497																	</div>
498																	<div class="col-md-4 col-xl-3">
499																		<div class="d-flex align-items-center ml-25 pt-20">
500																			<img src="uploads/tile1.png" alt="" class="w-110" srcset="uploads/tile1.png 2x">
501																			<div>
502																				<div class="color-main regular f-18">
503																					HealthKit Integration
504																				</div>
505																				<div>
506																				</div>
507																			</div>
508																		</div>
509																	</div>
510																	<div class="col-md-4 col-xl-3">
511																		<div class="d-flex align-items-center ml-25 pt-20">
512																			<img src="uploads/tile3.png" alt="" class="w-110" srcset="uploads/tile3.png 2x">
513																			<div>
514																				<div class="regular f-18">
515																					Siri ShortCuts 
516																				
517																				</div>
518																				<div>
519																				</div>
520																			</div>
521																		</div>
522																	</div>
523																	<div class="col-md-4">
524																		<title>
525																			&lt;img src="i/application_30_img_4.png" srcset="i/[email protected] 2x" alt="" data-sf-type="img" data-sf-label="Image" data-sf-uid="27" class="js-editable-element w-50"&gt;&lt;div class="pl-30" data-sf-type="container" data-sf-label="Block" data-sf-uid="28"&gt;&lt;div class="color-main medium js-editable-element f-18" data-sf-type="text" data-sf-label="Block: Title" data-sf-uid="29"&gt;Smart Reminders&lt;/div&gt;&lt;div data-sf-type="text" data-sf-label="Block: Description" data-sf-uid="30"&gt;&lt;/div&gt;&lt;/div&gt;
526																		</title>
527																	</div>
528																	<div>
529																		<title>
530																			&lt;img src="i/application_30_img_5.png" srcset="i/[email protected] 2x" alt="" data-sf-type="img" data-sf-label="Image" data-sf-uid="33" class="js-editable-element w-50"&gt;&lt;div class="pl-30" data-sf-type="container" data-sf-label="Block" data-sf-uid="34"&gt;&lt;div class="color-main medium js-editable-element f-18" data-sf-type="text" data-sf-label="Block: Title" data-sf-uid="35"&gt;Custom Sounds&lt;/div&gt;&lt;div data-sf-type="text" data-sf-label="Block: Description" data-sf-uid="36"&gt;&lt;/div&gt;&lt;/div&gt;
531																		</title>
532																	</div>
533																	<div class="col-md-4">
534																		<title>
535																			&lt;img src="i/application_30_img_6.png" srcset="i/[email protected] 2x" alt="" data-sf-type="img" data-sf-label="Image" data-sf-uid="39" class="js-editable-element"&gt;&lt;div class="pl-30 js-editable-element" data-sf-type="container" data-sf-label="Block" data-sf-uid="40"&gt;&lt;div class="js-editable-element" data-sf-type="text" data-sf-label="Block: Title" data-sf-uid="41"&gt;&lt;/div&gt;&lt;div data-sf-type="text" data-sf-label="Block: Description" data-sf-uid="42" class=""&gt;&lt;/div&gt;&lt;/div&gt;
536																		</title>
537																	</div>
538																</div>
539															</div>
540														</section>
541														<!-- Application 30 -->
542															<section class="bg-light application_30">
543																<div class="container px-xl-0">
544																	<div>
545																		<div>
546																		</div>
547																		<h0>
548																		</h0>
549																	</div>
550																	<div class="row justify-content-center">
551																		<div class="col-xl-3 col-md-4">
552																			<div class="d-flex justify-content-start align-items-center ml-25 pt-20">
553																				<img src="uploads/reminders.svg" alt="" class="w-110" srcset="uploads/reminders.svg 2x">
554																				<div>
555																					<div class="f-18 regular">
556																						Smart Reminders
557																					</div>
558																					<div>
559																					</div>
560																				</div>
561																			</div>
562																		</div>
563																		<div class="col-xl-3 col-md-4">
564																			<div class="d-flex justify-content-start align-items-center ml-25 pt-20">
565																				<img src="uploads/group10212.svg" alt="" class="w-110" srcset="uploads/group10212.svg 2x">
566																				<div>
567																					<div class="f-18 regular">
568																						Custom Sounds
569																					</div>
570																					<div>
571																					</div>
572																				</div>
573																			</div>
574																		</div>
575																		<div class="col-xl-3 col-md-4">
576																			<div class="d-flex justify-content-start align-items-center ml-25 pt-20">
577																				<img src="uploads/group10211.svg" alt="" class="w-110" srcset="uploads/group10211.svg 2x">
578																				<div>
579																					<div class="f-18 regular">
580																						Haptic Touch
581																					</div>
582																					<div>
583																					</div>
584																				</div>
585																			</div>
586																		</div>
587																		<title>
588																			&lt;div class="d-flex justify-content-start align-items-center pt-55 js-editable-element" data-sf-type="container" data-sf-label="Block" data-sf-uid="26"&gt;&lt;img src="i/application_30_img_4.png" srcset="i/[email protected] 2x" alt="" data-sf-type="img" data-sf-label="Image" data-sf-uid="27" class="js-editable-element w-50"&gt;&lt;div class="pl-30 js-editable-element" data-sf-type="container" data-sf-label="Block" data-sf-uid="28"&gt;&lt;div class="color-main medium js-editable-element f-18" data-sf-type="text" data-sf-label="Block: Title" data-sf-uid="29"&gt;Your Goal Adjusted to Daily Weather&lt;/div&gt;&lt;div data-sf-type="text" data-sf-label="Block: Description" data-sf-uid="30"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
589																		</title>
590																		<title>
591																			&lt;div class="d-flex justify-content-start align-items-center pt-55 js-editable-element" data-sf-type="container" data-sf-label="Block" data-sf-uid="32"&gt;&lt;img src="i/application_30_img_5.png" srcset="i/[email protected] 2x" alt="" data-sf-type="img" data-sf-label="Image" data-sf-uid="33" class="js-editable-element w-50"&gt;&lt;div class="pl-30" data-sf-type="container" data-sf-label="Block" data-sf-uid="34"&gt;&lt;div class="color-main medium js-editable-element f-18" data-sf-type="text" data-sf-label="Block: Title" data-sf-uid="35"&gt;20 Cool Badges&lt;/div&gt;&lt;div data-sf-type="text" data-sf-label="Block: Description" data-sf-uid="36"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
592																		</title>
593																		<title>
594																			&lt;div class="d-flex justify-content-start align-items-center pt-55 js-editable-element" data-sf-type="container" data-sf-label="Block" data-sf-uid="38"&gt;&lt;img src="i/application_30_img_6.png" srcset="i/[email protected] 2x" alt="" data-sf-type="img" data-sf-label="Image" data-sf-uid="39" class="js-editable-element w-50"&gt;&lt;div class="pl-30" data-sf-type="container" data-sf-label="Block" data-sf-uid="40"&gt;&lt;div class="color-main medium js-editable-element f-18" data-sf-type="text" data-sf-label="Block: Title" data-sf-uid="41"&gt;Adaptive Layout&lt;/div&gt;&lt;div data-sf-type="text" data-sf-label="Block: Description" data-sf-uid="42"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
595																		</title>
596																	</div>
597																</div>
598															</section>
599															<!-- Application 30 -->
600																<section class="bg-light application_30 justify-content-center">
601																	<div class="container px-xl-0 justify-content-center">
602																		<div class="row flex-column align-items-start no-gutters">
603																			<div>
604																			</div>
605																			<h3>
606																			</h3>
607																		</div>
608																		<div class="row justify-content-center">
609																			<div class="col-xl-3 col-md-4">
610																				<div class="d-flex align-items-center justify-content-start ml-25 pt-20">
611																					<img src="uploads/customdrinks.svg" alt="" class="mw-110" srcset="uploads/customdrinks.svg 2x">
612																					<div>
613																						<div class="f-18 regular">
614																							Custom Drinks
615																						</div>
616																						<div>
617																						</div>
618																					</div>
619																				</div>
620																			</div>
621																			<div class="col-xl-3 col-md-4">
622																				<div class="align-items-center justify-content-start d-flex ml-25 pt-20">
623																					<img src="uploads/laugh2x.png" alt="" class="mw-110" srcset="uploads/laugh2x.png 2x">
624																					<div>
625																						<div class="f-18 regular">
626																							6 Exciting Challenges
627																						</div>
628																						<div>
629																						</div>
630																					</div>
631																				</div>
632																			</div>
633																			<div class="col-xl-3 col-md-4">
634																				<div class="d-flex align-items-center ml-25 pt-20">
635																					<img src="uploads/atoms2x.png" alt="" class="mw-110" srcset="uploads/atoms2x.png 2x">
636																					<div>
637																						<div class="f-18 regular">
638																							Full Personalization
639																						</div>
640																						<div>
641																						</div>
642																					</div>
643																				</div>
644																			</div>
645																			<div>
646																				<title>
647																					&lt;img src="i/application_30_img_4.png" srcset="i/[email protected] 2x" alt="" data-sf-type="img" data-sf-label="Image" data-sf-uid="27" class="js-editable-element w-50"&gt;&lt;div class="js-editable-element" data-sf-type="container" data-sf-label="Block" data-sf-uid="28"&gt;&lt;v class="js-editable-element" data-sf-type="text" data-sf-label="Block: Title" data-sf-uid="29"&gt;&lt;/v&gt;&lt;div data-sf-type="text" data-sf-label="Block: Description" data-sf-uid="30" class=""&gt;&lt;/div&gt;&lt;/div&gt;
648																				</title>
649																			</div>
650																			<title>
651																				&lt;title class="js-editable-element" data-sf-type="container" data-sf-label="Block" data-sf-uid="28"&gt;&lt;img src="i/application_30_img_5.png" srcset="i/[email protected] 2x" alt="" data-sf-type="img" data-sf-label="Image" data-sf-uid="33" class="js-editable-element w-50"&gt;&lt;div class="pl-30" data-sf-type="container" data-sf-label="Block" data-sf-uid="34"&gt;&lt;div class="color-main medium js-editable-element f-18" data-sf-type="text" data-sf-label="Block: Title" data-sf-uid="35"&gt;Streaks&lt;/div&gt;&lt;div data-sf-type="text" data-sf-label="Block: Description" data-sf-uid="36"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/title&gt;
652																			</title>
653																			<title>
654																				&lt;title data-sf-type="container" data-sf-label="Block" data-sf-uid="38"&gt;&lt;img src="i/application_30_img_6.png" srcset="i/[email protected] 2x" alt="" class="js-editable-element" data-sf-type="img" data-sf-label="Image" data-sf-uid="39"&gt;&lt;div class="pl-30" data-sf-type="container" data-sf-label="Block" data-sf-uid="40"&gt;&lt;div class="js-editable-element" data-sf-type="text" data-sf-label="Block: Title" data-sf-uid="41"&gt;&lt;/div&gt;&lt;div class="js-editable-element" data-sf-type="text" data-sf-label="Block: Description" data-sf-uid="42"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/title&gt;
655																			</title>
656																		</div>
657																	</div>
658																</section>
659																<!-- Application 30 -->
660																	<section class="bg-light application_30">
661																		<div class="container px-xl-0">
662																			<title>
663																				&lt;div class="aos-init aos-animate js-editable-element" data-sf-type="text" data-sf-label="Small Heading" data-sf-anim-delay="0" data-aos="fade-down" data-aos-delay="0" data-sf-uid="4"&gt;&lt;/div&gt;&lt;h3 class="aos-init aos-animate js-editable-element" data-sf-type="text" data-sf-label="Heading" data-sf-anim-delay="0.5" data-aos="fade-down" data-aos-delay="0" data-sf-uid="5"&gt;&lt;/h3&gt;
664																			</title>
665																			<div class="row justify-content-center">
666																				<div class="col-xl-3 col-md-4">
667																					<div class="d-flex justify-content-start align-items-center ml-25 pt-20">
668																						<img src="uploads/weatrher2x.png" srcset="uploads/weatrher2x.png 2x" alt="" class="mw-110">
669																						<div>
670																							<div class="f-18 regular">
671																								Your Goal Adjusted to Weather
672																							</div>
673																							<div>
674																							</div>
675																						</div>
676																					</div>
677																				</div>
678																				<div class="col-xl-3 col-md-4">
679																					<div class="d-flex justify-content-start align-items-center ml-25 pt-20">
680																						<img src="uploads/group102072x.png" srcset="uploads/group102072x.png 2x" alt="" class="mw-110">
681																						<div>
682																							<div class="f-18 regular">
683																								20 Cool Badges
684																							</div>
685																							<div>
686																							</div>
687																						</div>
688																					</div>
689																				</div>
690																				<div class="col-xl-3 col-md-4">
691																					<div class="d-flex justify-content-start align-items-center ml-25 pt-20">
692																						<img src="uploads/resize2x.png" srcset="uploads/resize2x.png 2x" alt="" class="mw-110">
693																						<div>
694																							<div class="f-18 regular">
695																								Adaptive Layout 
696																							</div>
697																							<div>
698																							</div>
699																						</div>
700																					</div>
701																				</div>
702																				<div class="col-md-6">
703																					<title>
704																						&lt;img src="i/application_30_img_4.png" srcset="i/[email protected] 2x" alt="" class="js-editable-element" data-sf-type="img" data-sf-label="Image" data-sf-uid="27"&gt;&lt;div class="pl-30" data-sf-type="container" data-sf-label="Block" data-sf-uid="28"&gt;&lt;div class="pb-1 color-main f-22 medium js-editable-element" data-sf-type="text" data-sf-label="Block: Title" data-sf-uid="29"&gt;&lt;/div&gt;&lt;div class="color-heading f-16" data-sf-type="text" data-sf-label="Block: Description" data-sf-uid="30"&gt;Build native experiences without troubles&lt;/div&gt;&lt;/div&gt;
705																					</title>
706																				</div>
707																				<div class="col-md-6">
708																					<title>
709																						&lt;img src="i/application_30_img_5.png" srcset="i/[email protected] 2x" alt="" class="js-editable-element" data-sf-type="img" data-sf-label="Image" data-sf-uid="33"&gt;&lt;div class="pl-30" data-sf-type="container" data-sf-label="Block" data-sf-uid="34"&gt;&lt;div class="pb-1 color-main f-22 medium" data-sf-type="text" data-sf-label="Block: Title" data-sf-uid="35"&gt;Customazible Colors&lt;/div&gt;&lt;div class="color-heading f-16" data-sf-type="text" data-sf-label="Block: Description" data-sf-uid="36"&gt;Create unique colored themes&lt;/div&gt;&lt;/div&gt;
710																					</title>
711																				</div>
712																				<div class="col-md-6">
713																					<title>
714																						&lt;img src="i/application_30_img_6.png" srcset="i/[email protected] 2x" alt="" class="js-editable-element" data-sf-type="img" data-sf-label="Image" data-sf-uid="39"&gt;&lt;div class="pl-30" data-sf-type="container" data-sf-label="Block" data-sf-uid="40"&gt;&lt;div class="pb-1 color-main f-22 medium" data-sf-type="text" data-sf-label="Block: Title" data-sf-uid="41"&gt;Resizable Vectors&lt;/div&gt;&lt;div class="color-heading f-16" data-sf-type="text" data-sf-label="Block: Description" data-sf-uid="42"&gt;Watch the short video tutorials with tips&lt;/div&gt;&lt;/div&gt;
715																					</title>
716																				</div>
717																			</div>
718																		</div>
719																	</section>
720																	<!-- Application 30 -->
721																		<section class="bg-light application_30">
722																			<div class="container px-xl-0">
723																				<div>
724																					<div>
725																					</div>
726																					<h3>
727																					</h3>
728																				</div>
729																				<div class="row justify-content-center">
730																					<div class="col-xl-3 col-md-4">
731																						<div class="d-flex justify-content-start align-items-center ml-25 pt-20">
732																							<img src="uploads/quickactions2x.png" srcset="uploads/quickactions2x.png 2x" alt="" class="mw-110">
733																							<div>
734																								<div class="f-18 regular">
735																									Home Screen Quick Actions 
736																								</div>
737																								<div>
738																								</div>
739																							</div>
740																						</div>
741																					</div>
742																					<div class="col-xl-3 col-md-4">
743																						<div class="d-flex justify-content-start align-items-center ml-25 pt-20">
744																							<img src="uploads/fire2x.png" srcset="uploads/fire2x.png 2x" alt="" class="mw-110">
745																							<div>
746																								<div class="f-18 regular">
747																									Streaks
748																								</div>
749																								<div>
750																								</div>
751																							</div>
752																						</div>
753																					</div>
754																					<div class="col-xl-3 col-md-4">
755																						<div class="d-flex justify-content-start align-items-center ml-25 pt-20">
756																							<img src="uploads/hydration2x.png" srcset="uploads/hydration2x.png 2x" alt="" class="mw-110">
757																							<div>
758																								<div class="f-18 regular">
759																									Fl oz/ml units
760																								</div>
761																								<div>
762																								</div>
763																							</div>
764																						</div>
765																					</div>
766																					<div class="col-md-6">
767																						<title>
768																							&lt;img src="i/application_30_img_4.png" srcset="i/[email protected] 2x" alt="" class="js-editable-element" data-sf-type="img" data-sf-label="Image" data-sf-uid="27"&gt;&lt;div class="pl-30" data-sf-type="container" data-sf-label="Block" data-sf-uid="28"&gt;&lt;div class="pb-1 color-main f-22 medium" data-sf-type="text" data-sf-label="Block: Title" data-sf-uid="29"&gt;Native Components&lt;/div&gt;&lt;div class="color-heading f-16" data-sf-type="text" data-sf-label="Block: Description" data-sf-uid="30"&gt;Build native experiences without troubles&lt;/div&gt;&lt;/div&gt;
769																						</title>
770																					</div>
771																					<div class="col-md-6">
772																						<title>
773																							&lt;img src="i/application_30_img_5.png" srcset="i/[email protected] 2x" alt="" class="js-editable-element" data-sf-type="img" data-sf-label="Image" data-sf-uid="33"&gt;&lt;div class="pl-30" data-sf-type="container" data-sf-label="Block" data-sf-uid="34"&gt;&lt;div class="pb-1 color-main f-22 medium" data-sf-type="text" data-sf-label="Block: Title" data-sf-uid="35"&gt;Customazible Colors&lt;/div&gt;&lt;div class="color-heading f-16" data-sf-type="text" data-sf-label="Block: Description" data-sf-uid="36"&gt;Create unique colored themes&lt;/div&gt;&lt;/div&gt;
774																						</title>
775																					</div>
776																					<div class="col-md-6">
777																						<title>
778																							&lt;img src="i/application_30_img_6.png" srcset="i/[email protected] 2x" alt="" class="js-editable-element" data-sf-type="img" data-sf-label="Image" data-sf-uid="39"&gt;&lt;div class="pl-30" data-sf-type="container" data-sf-label="Block" data-sf-uid="40"&gt;&lt;div class="pb-1 color-main f-22 medium" data-sf-type="text" data-sf-label="Block: Title" data-sf-uid="41"&gt;Resizable Vectors&lt;/div&gt;&lt;div class="color-heading f-16" data-sf-type="text" data-sf-label="Block: Description" data-sf-uid="42"&gt;Watch the short video tutorials with tips&lt;/div&gt;&lt;/div&gt;
779																						</title>
780																					</div>
781																				</div>
782																			</div>
783																		</section>
784																	
785																	<!-- Content 8 -->
786																	<section class="bg-light content_8 w-2000 pt-100 pb-100" data-bg-src="uploads/nowafala1x.png" data-bg-src-2x="uploads/nowafala2x.png">
787																		<div class="container px-xl-0 mb-50 mt-75">
788																			<div class="row flex-column align-items-start no-gutters">
789																				<div>
790																				</div>
791																				<div class="text-center text-white col-12 f-50">
792																					COMING SOON 
793																				</div>
794																			</div>
795																			<div class="row justify-content-center">
796																				<div class="col-xl-5 ml-50 col-md-5 mt-25">
797																					<div class="d-flex align-items-center justify-content-center">
798																						<img src="uploads/apple.png" alt="" class="w-120" srcset="uploads/apple.png 2x">
799																						<div class="pl-15 col-xl-5 col-sm-3 col-md-5">
800																							<div class="text-white f-22">
801																								New Challenges
802																							</div>
803																							<div>
804																							</div>
805																						</div>
806																					</div>
807																				</div>
808																				<div class="col-xl-5 ml-50 col-md-5 mt-25">
809																					<div class="d-flex align-items-center justify-content-center">
810																						<img src="uploads/darkmode.png" alt="" srcset="uploads/darkmode.png 2x" class="w-120">
811																						<div class="pl-15 col-xl-5 col-sm-3 col-md-5">
812																							<div class="text-white f-22">
813																								Dark Mode
814																							</div>
815																							<div>
816																							</div>
817																						</div>
818																					</div>
819																				</div>
820																	</section></div>
821																	</section>
822																		
823																			<!-- Application 14 -->
824																				<section class="application_14" data-bg-src="false" data-bg-src-2x="false">
825																					<div class="container px-xl-0">
826																						<div class="row align-items-center justify-content-center">
827																							<div class="col-sm-7 col-lg-5 d-flex flex-column align-items-end col-md-12 justify-content-center col-xl-5">
828																								<div class="col-xl-10 no-gutters">
829																									<img src="uploads/group110344.png" alt="" class="mb-30 mw-150" srcset="uploads/group110344.png 2x">
830																									<div class="pb-20 color-main f-30 ">
831																										Our Community
832																									</div>
833																									<div class="col-sm-11 text-adaptive col-lg-12 col-md-12 mb-50 color-heading regular">
834																										Thanks to our vigorous community of volunteer translators, our app is available in 20 languages and the number is still growing.
835																									</div>
836																								</div>
837																								<div>
838																								</div>
839																							</div>
840																							<div class="col-lg-7 justify-content-center align-items-center col-md-8 col-xl-6 col-sm-6">
841																								<img src="uploads/crewnew.svg" alt="" class="img-fluid pr-25" srcset="uploads/crewnew.svg 2x">
842																							</div>
843																						</div>
844																					</div>
845																				</section>
846																				<!-- Feature 44 -->
847																					<section class="bg-light text-center text-md-left feature_44 mt-30">
848																						<div class="container px-xl-0 mb-30">
849																							<title>
850																								&lt;div class="js-editable-element" data-sf-type="container" data-sf-label="Element" data-sf-uid="4"&gt;&lt;/div&gt;&lt;div class="aos-init aos-animate js-editable-element" data-sf-type="container" data-sf-label="Block" data-sf-anim-delay="0" data-aos="fade-down" data-aos-delay="0" data-sf-uid="5"&gt;&lt;title class="js-editable-element" data-sf-type="text" data-sf-label="Heading" data-sf-uid="6"&gt;&lt;/title&gt;&lt;title class="js-editable-element" data-sf-type="rich-text" data-sf-label="Description" data-sf-uid="7"&gt;&lt;/title&gt;&lt;title href="#" class="js-editable-element" data-sf-type="btn" data-sf-label="Button" data-sf-uid="8"&gt;&lt;/title&gt;&lt;/div&gt;&lt;div class="js-editable-element" data-sf-type="container" data-sf-label="Element" data-sf-uid="9"&gt;&lt;/div&gt;&lt;title class="aos-init aos-animate js-editable-element" data-sf-type="container" data-sf-label="Block" data-sf-anim-delay="1" data-aos="fade-down" data-aos-delay="250" data-sf-uid="10"&gt;&lt;img src="i/feature_44_img_1.png" srcset="i/[email protected] 2x" alt="" class="js-editable-element" data-sf-type="img" data-sf-label="Image" data-sf-uid="11"&gt;&lt;/title&gt;
851																							</title>
852																							<div class="row flex-row-reverse row2 align-items-start justify-content-center">
853																								<div>
854																								</div>
855																								<div class="pb-60 pb-lg-0 inner2 col-md-12 col-sm-12 col-lg-5 col-xl-6">
856																									<div class="mb-20 text-left f-30 col-sm-11">
857																										Made in the most water-friendly city in Poland
858																									</div>
859																									<div class="color-heading text-adaptive text-left mb-25 regular col-xl-9 col-sm-10">
860																										We're a bunch of app geeks passionate about making people's lives easier &amp; healthier. 
861																										<p data-sf-label="Container">
862																										</p>
863																										<p data-sf-label="Container">
864																											For the past 11 years, we’ve been developing world-class apps in the most water-friendly city in Poland, Łódź, known for exceptionally clean water drawn from drilled wells. 
865																										</p>
866																										Read more about the story behind Waterful 
867																										<a href="https://drive.google.com/drive/folders/1yLKISQ0JERJfcrXgTUXNLjSoGHAOEs_7"  style="color:#0645AD;" data-sf-label="Container">
868																											here.
869																										</a>
870																									</div>
871																									<a href="#">
872																									</a>
873																								</div>
874																								<div>
875																								</div>
876																								<div class="col-8 col-md-8 col-sm-8 col-lg-6 col-xl-4">
877																									<img src="uploads/group10331.svg" alt="" class="img img-fluid w-300 mt-25" srcset="uploads/group10331.svg 2x">
878																								</div>
879																								<div class="col-xl-1">
880																								</div>
881																							</div>
882																						</div>
883																					</section>
884																					<!-- Application 1 -->
885																						<section class="color-white text-center application_1 pt-75" data-bg-src="false" data-bg-src-2x="false">
886																							<div class="container px-xl-0">
887																								<div class="row justify-content-center">
888																									<div class="col-lg-10">
889																										<img src="uploads/newproject46.png" alt="" srcset="uploads/newproject46.png 2x" class="w-100">
890																										<div class="mt-30 color-main f-40 mb-15">
891																											Refresh Your Lifestyle
892																										</div>
893																									</div>
894																								</div>
895																							</div>
896																						</section>
897																						<!-- Application 7 -->
898																							<section class="bg-light text-center application_7 pt-0 pb-0">
899																								<div class="container px-xl-0">
900																									<div class="row flex-column flex-sm-row justify-content-center">
901																										<div class="mb-10 mb-sm-0 mr-sm-2 d-flex justify-content-center align-items-center">
902																											<a href="https://apps.apple.com/app/id1515530685?mt=8" class="link img_link radius6" target="_blank">
903																												<img src="i/application_7_img_1.png" srcset="i/[email protected] 2x" alt="" class="img-fluid">
904																											</a>
905																										</div>
906																										<div class="ml-sm-2 d-flex justify-content-center align-items-center">
907																											<a href="https://play.google.com/store/apps/details?id=com.drink.water.reminder.alarm.tracker&amp;hl" class="link img_link radius6" target="_blank">
908																												<img src="i/application_7_img_2.png" srcset="i/[email protected] 2x" alt="" class="img-fluid">
909																											</a>
910																										</div>
911																									</div>
912																								</div>
913																							</section>
914																							<!-- Call to action 18 -->
915																								<section class="color-white call_to_action_18 text-center" data-bg-src="uploads/bottomwave.png" data-bg-src-2x="uploads/bottomwave2x.png">
916																									<div class="container px-xl-0 pt-150 pb-200">
917																										<div class="row">
918																											<div class="col-lg-10 justify-content-left col-xl-5 col-sm-12 col-lg-12 col-md-12">
919																												<div class="">
920																													<a href="https://www.facebook.com/waterfulapp" class="link color-white">
921																														<i class="fab fa-facebook fa-2x">
922																														</i>
923																													</a>
924																													<a href="https://twitter.com/waterfulapp" class="link color-white">
925																														<i class="fab fa-twitter mb-30 mt-10 mx-40 fa-2x">
926																														</i>
927																													</a>
928																													<a href="https://www.youtube.com/channel/UCPrvaOlR6PL9bYjN2W5MX1w/featured" class="link color-white">
929																														<i class="fab fa-youtube fa-2x">
930																														</i>
931																													</a>
932																												</div>
933																												<div>
934																												</div>
935																											</div>
936																											<div class="col-md-12 col-xl-7 col-sm-12">
937																												<a href="https://drive.google.com/drive/folders/1yLKISQ0JERJfcrXgTUXNLjSoGHAOEs_7" class="btn mb-20 action-white">
938																													Press Kit
939																												</a>
940																												<a href="https://drive.google.com/file/d/1_5hLUSLqts7FHUtfdCxo1UbyJTXWGNXH/view?usp=sharing" class="btn mb-20 mx-15 border-gray" target="_blank">
941																													About Us
942																												</a>
943																												<a href="https://help.waterfulapp.com" class="btn mb-20 border-gray" target="_blank">
944																													Help Center
945																												</a>
946																												<a href="mailto:[email protected]" class="btn mb-20 ml-15 border-gray" target="_blank">
947																													Contact
948																												</a>
949																												<a href="#" target="_blank">
950																												</a>
951																											</div>
952																										</div>
953																									</div>
954																								</section>
955		<!-- forms alerts -->
956		<div class="alert alert-success alert-dismissible fixed-top alert-form-success" role="alert">
957			<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
958			Thanks for your message!
959		</div>
960		<div class="alert alert-warning alert-dismissible fixed-top alert-form-check-fields" role="alert">
961			<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
962			Please, fill in required fields.
963		</div>
964		<div class="alert alert-danger alert-dismissible fixed-top alert-form-error" role="alert">
965			<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
966			<div class="message">
966An error occurred while sending data :( Please, check if your hosting supports PHP and check how to set form data sending <a href="https://designmodo.com/startup/documentation/#form-handler" target="_blank" class="link color-transparent-white">here</a>.</div>
967		</div>
968
969		<!-- gReCaptcha popup (uncomment if you need a recaptcha integration) -->
970		<!--
971		<div class="bg-dark op-8 grecaptcha-overlay"></div>
972		<div class="bg-light radius10 w-350 h-120 px-20 pt-20 pb-20 grecaptcha-popup">
973			<div class="w-full h-full d-flex justify-content-center align-items-center">
974				<div id="g-recaptcha" data-sitekey="PUT_YOUR_SITE_KEY_HERE"></div>
975			</div>
976		</div>
vendor: 97 bytes, lines 976-978
976
977		<script src="https://www.google.com/recaptcha/api.js?render=explicit" async defer></script>
978		
978-->
979		<!-- Bootstrap 4.5.2 JS -->
980		
980<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
980
981		<!-- Fancybox 3 jQuery plugin JS (Open images and video in popup) -->
982		
982<script src="https://cdn.jsdelivr.net/gh/fancyapps/[email protected]/dist/jquery.fancybox.min.js"></script>
982
983		<!-- 
984			Google maps JS API 
985			Don't forget to replace the key "AIzaSyDP6Ex5S03nvKZJZSvGXsEAi3X_tFkua4U" to your own! 
986			Learn how to get a key: https://help.designmodo.com/article/startup-google-maps-api/ 
987		-->
988		
988<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3&key=AIzaSyDP6Ex5S03nvKZJZSvGXsEAi3X_tFkua4U"></script>
988
989		<!-- Slick 1.8.1 jQuery plugin JS (Sliders) -->
990		
990<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
990
991		<!-- AOS 2.3.4 jQuery plugin JS (Animations) -->
992		
992<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
992
993		<!-- Maskedinput jQuery plugin JS (Masks for input fields) -->
994		
994<script src="js/jquery.maskedinput.min.js"></script>
994
995		<!-- Startup JS (Custom js for all blocks) -->
996		
996<script src="js/script.js"></script>
996
997	</body>
998</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.