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> <a href="https://www.producthunt.com/posts/waterful"><img src="uploads/laurw.png" alt="" class="img-fluid img" width="85"></a> <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" > </a><a href="https://www.producthunt.com/posts/waterful"><img src="uploads/laurw.png" alt="" class="img-fluid img" width="125"></a> <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&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 <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"><div class="" data-sf-type="text" data-sf-label="Text" data-sf-uid="26">50 Layers</div> 172 </title> 173 <title> 174 <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"><div class="js-editable-element" data-sf-type="text" data-sf-label="Text" data-sf-uid="29"></div> 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 <title class="js-editable-element" data-sf-type="container" data-sf-label="Block" data-sf-uid="14"><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"></title><div data-sf-type="rich-text" data-sf-label="Text" data-sf-uid="15" class=""></div> 262 </title> 263 <title> 264 <title class="js-editable-element" data-sf-type="container" data-sf-label="Block" data-sf-uid="17"><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"></title><div data-sf-type="rich-text" data-sf-label="Text" data-sf-uid="18" class="js-editable-element"></div> 265 </title> 266 <title> 267 <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"><div data-sf-type="rich-text" data-sf-label="Text" data-sf-uid="21" class="js-editable-element"></div> 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 <div class="js-editable-element" data-sf-type="container" data-sf-label="Element" data-sf-uid="4"></div><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"><title class="js-editable-element" data-sf-type="text" data-sf-label="Heading" data-sf-uid="6"></title><title class="js-editable-element" data-sf-type="rich-text" data-sf-label="Description" data-sf-uid="7"></title><title href="#" class="js-editable-element" data-sf-type="btn" data-sf-label="Button" data-sf-uid="8"></title></div><div class="js-editable-element" data-sf-type="container" data-sf-label="Element" data-sf-uid="9"></div><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"><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"></title> 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 & 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 <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"> 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&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 <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"><div class="pl-30" data-sf-type="container" data-sf-label="Block" data-sf-uid="28"><div class="color-main medium js-editable-element f-18" data-sf-type="text" data-sf-label="Block: Title" data-sf-uid="29">Smart Reminders</div><div data-sf-type="text" data-sf-label="Block: Description" data-sf-uid="30"></div></div> 526 </title> 527 </div> 528 <div> 529 <title> 530 <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"><div class="pl-30" data-sf-type="container" data-sf-label="Block" data-sf-uid="34"><div class="color-main medium js-editable-element f-18" data-sf-type="text" data-sf-label="Block: Title" data-sf-uid="35">Custom Sounds</div><div data-sf-type="text" data-sf-label="Block: Description" data-sf-uid="36"></div></div> 531 </title> 532 </div> 533 <div class="col-md-4"> 534 <title> 535 <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"><div class="pl-30 js-editable-element" data-sf-type="container" data-sf-label="Block" data-sf-uid="40"><div class="js-editable-element" data-sf-type="text" data-sf-label="Block: Title" data-sf-uid="41"></div><div data-sf-type="text" data-sf-label="Block: Description" data-sf-uid="42" class=""></div></div> 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 <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"><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"><div class="pl-30 js-editable-element" data-sf-type="container" data-sf-label="Block" data-sf-uid="28"><div class="color-main medium js-editable-element f-18" data-sf-type="text" data-sf-label="Block: Title" data-sf-uid="29">Your Goal Adjusted to Daily Weather</div><div data-sf-type="text" data-sf-label="Block: Description" data-sf-uid="30"></div></div></div> 589 </title> 590 <title> 591 <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"><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"><div class="pl-30" data-sf-type="container" data-sf-label="Block" data-sf-uid="34"><div class="color-main medium js-editable-element f-18" data-sf-type="text" data-sf-label="Block: Title" data-sf-uid="35">20 Cool Badges</div><div data-sf-type="text" data-sf-label="Block: Description" data-sf-uid="36"></div></div></div> 592 </title> 593 <title> 594 <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"><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"><div class="pl-30" data-sf-type="container" data-sf-label="Block" data-sf-uid="40"><div class="color-main medium js-editable-element f-18" data-sf-type="text" data-sf-label="Block: Title" data-sf-uid="41">Adaptive Layout</div><div data-sf-type="text" data-sf-label="Block: Description" data-sf-uid="42"></div></div></div> 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 <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"><div class="js-editable-element" data-sf-type="container" data-sf-label="Block" data-sf-uid="28"><v class="js-editable-element" data-sf-type="text" data-sf-label="Block: Title" data-sf-uid="29"></v><div data-sf-type="text" data-sf-label="Block: Description" data-sf-uid="30" class=""></div></div> 648 </title> 649 </div> 650 <title> 651 <title class="js-editable-element" data-sf-type="container" data-sf-label="Block" data-sf-uid="28"><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"><div class="pl-30" data-sf-type="container" data-sf-label="Block" data-sf-uid="34"><div class="color-main medium js-editable-element f-18" data-sf-type="text" data-sf-label="Block: Title" data-sf-uid="35">Streaks</div><div data-sf-type="text" data-sf-label="Block: Description" data-sf-uid="36"></div></div></title> 652 </title> 653 <title> 654 <title data-sf-type="container" data-sf-label="Block" data-sf-uid="38"><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"><div class="pl-30" data-sf-type="container" data-sf-label="Block" data-sf-uid="40"><div class="js-editable-element" data-sf-type="text" data-sf-label="Block: Title" data-sf-uid="41"></div><div class="js-editable-element" data-sf-type="text" data-sf-label="Block: Description" data-sf-uid="42"></div></div></title> 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 <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"></div><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"></h3> 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 <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"><div class="pl-30" data-sf-type="container" data-sf-label="Block" data-sf-uid="28"><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"></div><div class="color-heading f-16" data-sf-type="text" data-sf-label="Block: Description" data-sf-uid="30">Build native experiences without troubles</div></div> 705 </title> 706 </div> 707 <div class="col-md-6"> 708 <title> 709 <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"><div class="pl-30" data-sf-type="container" data-sf-label="Block" data-sf-uid="34"><div class="pb-1 color-main f-22 medium" data-sf-type="text" data-sf-label="Block: Title" data-sf-uid="35">Customazible Colors</div><div class="color-heading f-16" data-sf-type="text" data-sf-label="Block: Description" data-sf-uid="36">Create unique colored themes</div></div> 710 </title> 711 </div> 712 <div class="col-md-6"> 713 <title> 714 <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"><div class="pl-30" data-sf-type="container" data-sf-label="Block" data-sf-uid="40"><div class="pb-1 color-main f-22 medium" data-sf-type="text" data-sf-label="Block: Title" data-sf-uid="41">Resizable Vectors</div><div class="color-heading f-16" data-sf-type="text" data-sf-label="Block: Description" data-sf-uid="42">Watch the short video tutorials with tips</div></div> 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 <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"><div class="pl-30" data-sf-type="container" data-sf-label="Block" data-sf-uid="28"><div class="pb-1 color-main f-22 medium" data-sf-type="text" data-sf-label="Block: Title" data-sf-uid="29">Native Components</div><div class="color-heading f-16" data-sf-type="text" data-sf-label="Block: Description" data-sf-uid="30">Build native experiences without troubles</div></div> 769 </title> 770 </div> 771 <div class="col-md-6"> 772 <title> 773 <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"><div class="pl-30" data-sf-type="container" data-sf-label="Block" data-sf-uid="34"><div class="pb-1 color-main f-22 medium" data-sf-type="text" data-sf-label="Block: Title" data-sf-uid="35">Customazible Colors</div><div class="color-heading f-16" data-sf-type="text" data-sf-label="Block: Description" data-sf-uid="36">Create unique colored themes</div></div> 774 </title> 775 </div> 776 <div class="col-md-6"> 777 <title> 778 <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"><div class="pl-30" data-sf-type="container" data-sf-label="Block" data-sf-uid="40"><div class="pb-1 color-main f-22 medium" data-sf-type="text" data-sf-label="Block: Title" data-sf-uid="41">Resizable Vectors</div><div class="color-heading f-16" data-sf-type="text" data-sf-label="Block: Description" data-sf-uid="42">Watch the short video tutorials with tips</div></div> 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 <div class="js-editable-element" data-sf-type="container" data-sf-label="Element" data-sf-uid="4"></div><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"><title class="js-editable-element" data-sf-type="text" data-sf-label="Heading" data-sf-uid="6"></title><title class="js-editable-element" data-sf-type="rich-text" data-sf-label="Description" data-sf-uid="7"></title><title href="#" class="js-editable-element" data-sf-type="btn" data-sf-label="Button" data-sf-uid="8"></title></div><div class="js-editable-element" data-sf-type="container" data-sf-label="Element" data-sf-uid="9"></div><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"><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"></title> 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 & 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&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">×</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">×</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">×</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.