Files
demo_sites/templates/template_3/site/index-startup.html
2026-05-17 18:29:30 -05:00

811 lines
50 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<head>
<title>Home</title>
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<!-- Stylesheets-->
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Abril+Fatface%7CLato:300i,400,900%7CMontserrat:100,300,400,500,600,700,900">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/style-4.css" id="main-styles-link">
<!--[if lt IE 10]>
<div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
<script src="js/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<div class="preloader loaded">
<div class="preloader-body">
<div class="cssload-container">
<div class="cssload-speeding-wheel"></div>
</div>
<p>Loading...</p>
</div>
</div>
<div class="page">
<!-- Page Header-->
<header class="section page-header">
<!-- RD Navbar-->
<div class="rd-navbar-wrap">
<nav class="rd-navbar rd-navbar-classic" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-fixed" data-lg-device-layout="rd-navbar-fixed" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-lg-stick-up-offset="50px" data-xl-stick-up-offset="50px" data-xxl-stick-up-offset="50px" data-lg-stick-up="true" data-xl-stick-up="true" data-xxl-stick-up="true">
<div class="rd-navbar-main-outer">
<div class="rd-navbar-main">
<!-- RD Navbar Panel-->
<div class="rd-navbar-panel">
<!-- RD Navbar Toggle-->
<button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>
<!-- RD Navbar Brand-->
<div class="rd-navbar-brand"><a class="brand" href="index.html"><img class="brand-logo-light" src="images/startup/logo-inverse-140x37.png" alt="" width="140" height="37" srcset="images/startup/logo-retina-inverse-280x74.png 2x"/></a></div>
</div>
<div class="rd-navbar-nav-wrap">
<!-- RD Navbar Nav-->
<ul class="rd-navbar-nav">
<li class="rd-nav-item"><a class="rd-nav-link" href="#about">About</a>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="#projects">projects</a>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="#services">services</a>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="#team">our team</a>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="#blog">blog</a>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="#contacts">Contacts</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
</div>
</header>
<!-- hero header-->
<section class="section section-xxl context-dark bg-image section-context-styling" id="section-ripples-1" style="background-image: url(images/startup/hero-header-bg.jpg); ">
<div class="container">
<div class="row justify-content-end">
<div class="col-lg-6 overflow-hidden">
<h1 class="wow fadeInUp" data-wow-delay="200ms">Make Your <br class="d-none d-md-inline-block"> Life Simpler</h1>
<h3><span class="d-inline-block wow fadeInUp font-weight-thin" data-wow-delay="400ms">with </span> <span class="d-inline-block wow fadeInUp" data-wow-delay="600ms">Waves app.</span>
</h3>
<div class="group-sm"> <a class="button button-primary button-icon button-icon-left fadeInUp wow" data-wow-delay="800ms" href="#"><span class="icon mdi mdi-apple"></span>App Store</a><a class="button button-default-outline button-icon button-icon-left fadeInUp wow" href="#" data-wow-delay="800ms"><span class="icon mdi mdi-google-play"></span>google play</a></div>
</div>
</div>
</div>
</section>
<section class="section section-md bg-gray-100">
<div class="container">
<div class="row justify-content-center row-30 align-items-center">
<div class="col"><a class="box-client wow fadeInUp" href="#"><img src="images/startup/client-1-161x32.png" alt="" width="161" height="32"/></a></div>
<div class="col"><a class="box-client wow fadeInUp" href="#" data-wow-delay="0.15s"><img src="images/startup/client-2-69x30.png" alt="" width="69" height="30"/></a></div>
<div class="col"><a class="box-client wow fadeInUp" href="#" data-wow-delay="0.3s"><img src="images/startup/client-3-133x24.png" alt="" width="133" height="24"/></a></div>
<div class="col"><a class="box-client wow fadeInUp" href="#" data-wow-delay="0.45s"><img src="images/startup/client-4-66x49.png" alt="" width="66" height="49"/></a></div>
<div class="col"><a class="box-client wow fadeInUp" href="#" data-wow-delay="0.6s"><img src="images/startup/client-5-108x48.png" alt="" width="108" height="48"/></a></div>
</div>
</div>
</section>
<section class="section bg-gradient-gray-100 text-left section-md" id="about" data-type="anchor">
<div class="container">
<div class="row row-50 justify-content-center flex-xl-row-reverse">
<div class="col-md-10 col-xl-7">
<figure><img src="images/startup/about-720x424.png" alt="" width="720" height="424"/>
</figure>
</div>
<div class="col-md-10 col-xl-5">
<h4 class="font-weight-bold">An Easy Way to Present Your Products or Services</h4><a class="button-link button-link-icon" href="#" data-toggle="modal" data-target="#modalvideo"> <span class="icon mdi mdi-play-circle icon-primary"></span>Video Introduction</a>
<p>With Waves app, you get an ultimate tool for managing the marketing campaign of your business and promote your products or services on the Web.</p>
<!-- RD Mailform-->
<form class="rd-form rd-mailform rd-form-inline form-shadow" data-form-output="form-output-global" data-form-type="subscribe" method="post" action="bat/rd-mailform.php">
<div class="form-wrap">
<input class="form-input" id="subscribe-form-0-email" type="email" name="email" data-constraints="@Email @Required"/>
<label class="form-label" for="subscribe-form-0-email">Your E-mail</label>
</div>
<div class="form-button">
<button class="button button-primary button-nina" type="submit">Subscribe</button>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- Services-->
<section class="section section-md bg-default" id="services" data-type="anchor">
<div class="container">
<div class="row row-50 justify-content-center services-container">
<div class="col-sm-6 col-lg-4">
<div class="box-service">
<div class="box-service-heading"><span class="icon icon-circle icon-primary icon-md icon-effect-7 linearicons-mouse-left"></span>
<h5>Sign Up in 3 Clicks</h5>
</div>
<div class="box-service-body">
<p>App registration process is easy and requires only a Facebook or Twitter account.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="box-service">
<div class="box-service-heading"><span class="icon icon-circle icon-primary icon-md icon-effect-7 linearicons-equalizer"></span>
<h5>Cutting-Edge Features</h5>
</div>
<div class="box-service-body">
<p>Waves offers an ultimate set of tools for managing your business on the run.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="box-service">
<div class="box-service-heading"><span class="icon icon-circle icon-primary icon-md icon-effect-7 linearicons-cloud-check"></span>
<h5>Solution to Everyday Tasks</h5>
</div>
<div class="box-service-body">
<p>From HR management to accounting, our app covers all your business needs.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section section-md context-dark bg-image text-center" style="background-image: url(images/startup/pattern-bg.jpg)">
<div class="container">
<p class="subtitle">our gallery</p>
<h2>More Features of Waves App</h2>
</div>
<!-- Owl Carousel-->
<div class="owl-carousel carousel-project" data-owl='{"dots":true,"nav":true,"center":true,"navText":["prev","next"]}' data-items="1" data-md-items="1" data-stage-padding="15" data-md-stage-padding="150" data-xl-stage-padding="200" data-xxl-stage-padding="250" data-loop="true" data-autoplay="true" data-margin="30" data-xl-margin="0" data-xxl-margin="0" data-mouse-drag="false">
<div class="box-project">
<div class="box-project-image"><img src="images/startup/project-1-632x375.jpg" alt="" width="632" height="375"/>
</div>
<div class="box-project-body">
<div class="box-project-inner">
<h5 class="box-project-title"><a href="#">Employee Control</a></h5>
<div class="box-project-subtitle">human resources management</div>
</div>
<div class="box-project-social"><span class="icon icon-lg linearicons-share2" data-project-toggle></span>
<ul class="list-inline-sm box-project-icon-list">
<li><a class="icon-sm mdi mdi-facebook novi-icon icon" href="#"></a></li>
<li><a class="icon-sm mdi mdi-twitter novi-icon icon" href="#"></a></li>
<li><a class="icon-sm mdi mdi-google-plus novi-icon icon" href="#"></a></li>
<li><a class="icon-sm mdi mdi-vimeo novi-icon icon" href="#"></a></li>
<li><a class="icon-sm mdi mdi-youtube-play novi-icon icon" href="#"></a></li>
<li><a class="icon-sm mdi mdi-pinterest novi-icon icon" href="#"></a></li>
</ul>
</div>
</div>
</div>
<div class="box-project">
<div class="box-project-image"><img src="images/startup/project-2-632x375.jpg" alt="" width="632" height="375"/>
</div>
<div class="box-project-body">
<div class="box-project-inner">
<h5 class="box-project-title"><a href="#">Customer Analytics</a></h5>
<div class="box-project-subtitle">Sales Management</div>
</div>
<div class="box-project-social"><span class="icon icon-lg linearicons-share2" data-project-toggle></span>
<ul class="list-inline-sm box-project-icon-list">
<li><a class="icon-sm mdi mdi-facebook novi-icon icon" href="#"></a></li>
<li><a class="icon-sm mdi mdi-twitter novi-icon icon" href="#"></a></li>
<li><a class="icon-sm mdi mdi-google-plus novi-icon icon" href="#"></a></li>
<li><a class="icon-sm mdi mdi-vimeo novi-icon icon" href="#"></a></li>
<li><a class="icon-sm mdi mdi-youtube-play novi-icon icon" href="#"></a></li>
<li><a class="icon-sm mdi mdi-pinterest novi-icon icon" href="#"></a></li>
</ul>
</div>
</div>
</div>
<div class="box-project">
<div class="box-project-image"><img src="images/startup/project-3-632x375.jpg" alt="" width="632" height="375"/>
</div>
<div class="box-project-body">
<div class="box-project-inner">
<h5 class="box-project-title"><a href="#">Tax Management</a></h5>
<div class="box-project-subtitle">Taxation and accounting</div>
</div>
<div class="box-project-social"><span class="icon icon-lg linearicons-share2" data-project-toggle></span>
<ul class="list-inline-sm box-project-icon-list">
<li><a class="icon-sm mdi mdi-facebook novi-icon icon" href="#"></a></li>
<li><a class="icon-sm mdi mdi-twitter novi-icon icon" href="#"></a></li>
<li><a class="icon-sm mdi mdi-google-plus novi-icon icon" href="#"></a></li>
<li><a class="icon-sm mdi mdi-vimeo novi-icon icon" href="#"></a></li>
<li><a class="icon-sm mdi mdi-youtube-play novi-icon icon" href="#"></a></li>
<li><a class="icon-sm mdi mdi-pinterest novi-icon icon" href="#"></a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- process-->
<section class="section section-md bg-default text-center" id="process" data-type="anchor">
<div class="container">
<p class="subtitle"><span>about our application</span></p>
<h2>Why Choose Waves</h2>
<p>Our app offers hundreds of benefits to private entrepreneurs as well as <br class="d-none d-md-inline-block"> CEOs and their employees. Learn more about all advantages below.</p>
<div class="row row-30 justify-content-center">
<div class="col-md-6 col-xl-4">
<div class="box-process">
<div class="box-process-header"><span class="icon icon-circle icon-primary icon-md icon-effect-4 icon-effect-4--mod-4 linearicons-history2"></span>
<h5>Time Saving</h5>
</div>
<div class="box-process-body">
<p>Waves allows managers and entrepreneurs save a lot of time on routine tasks.</p>
<ul class="list-marked">
<li>Task Automation</li>
<li>Instant Employee Feedback</li>
<li>Efficient Management</li>
<li>Business Strategy Analysis</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-xl-4">
<div class="box-process">
<div class="box-process-header"><span class="icon icon-circle icon-primary icon-md icon-effect-4 icon-effect-4--mod-4 linearicons-power"></span>
<h5>Power Management</h5>
</div>
<div class="box-process-body">
<p>Our app offers great power saving options even for old smartphones and tablets.</p>
<ul class="list-marked">
<li>Power Saving Mode</li>
<li>Smart Network Usage</li>
<li>Hardware Management</li>
<li>Adaptive CPU Load</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-xl-4">
<div class="box-process">
<div class="box-process-header"><span class="icon icon-circle icon-primary icon-md icon-effect-4 icon-effect-4--mod-4 linearicons-star"></span>
<h5>Exclusive Features</h5>
</div>
<div class="box-process-body">
<p>When you purchase our app you gain access to dozens of exclusive features.</p>
<ul class="list-marked">
<li>HR Management</li>
<li>Online Calendar</li>
<li>Cloud Data Backup</li>
<li>Increased Security</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!--cta-->
<section class="section parallax-container context-dark" data-parallax-img="images/startup/cta-bg.jpg">
<div class="parallax-content section-md section-context-styling">
<div class="container section-cta text-center">
<div class="row justify-content-center">
<div class="col-lg-8 col-xl-7">
<p class="subtitle">sign up for more benefits</p>
<h2>See What's Inside The App</h2>
<p>Discover the full potential of our app by registering for Waves VIP Program with exclusive updates and offers.</p><a class="button button-primary button-nina" href="#" data-toggle="modal" data-target="#appointment">get started</a>
</div>
</div>
</div>
</div>
</section>
<!-- about team-->
<section class="section section-md bg-default" id="team" data-type="anchor">
<div class="container text-center">
<p class="subtitle"> <span>meet our team</span></p>
<h2><span>Meet </span> <span class="typed-text-wrap"><span class="typed-text"></span><span class="typed-cursor"></span></span><span class="typed-strings"><span>Alice</span><span>David</span><span>James</span></span><span>and <br class="d-md-none"> Other Team Members</span>
</h2>
<p>These people are the reasons for our success and stainless reputation. <br class="d-none d-md-inline-block"> They have years of experience and absolute dedication to what they do.</p>
<!-- Owl Carousel-->
<div class="owl-carousel carousel-team" data-owl='{"dots":true}' data-items="1" data-md-items="2" data-xl-items="3" data-stage-padding="0" data-loop="true" data-autoplay="true" data-margin="30"><a class="box-team" href="#">
<div class="box-team-header"><img src="images/startup/team-1-370x372.jpg" alt="" width="370" height="372"/><span class="icon mdi mdi-call-received"></span>
<div class="box-team-name">
<p class="heading-5">David </p>
</div>
</div>
<div class="box-team-body">
<p class="heading-5">Spencer</p>
</div></a><a class="box-team" href="#">
<div class="box-team-header"><img src="images/startup/team-2-370x372.jpg" alt="" width="370" height="372"/><span class="icon mdi mdi-call-received"></span>
<div class="box-team-name">
<p class="heading-5">Alice</p>
</div>
</div>
<div class="box-team-body">
<p class="heading-5">Spencer</p>
</div></a><a class="box-team" href="#">
<div class="box-team-header"><img src="images/startup/team-3-370x372.jpg" alt="" width="370" height="372"/><span class="icon mdi mdi-call-received"></span>
<div class="box-team-name">
<p class="heading-5">James</p>
</div>
</div>
<div class="box-team-body">
<p class="heading-5">Wilson</p>
</div></a><a class="box-team" href="#">
<div class="box-team-header"><img src="images/startup/team-1-370x372.jpg" alt="" width="370" height="372"/><span class="icon mdi mdi-call-received"></span>
<div class="box-team-name">
<p class="heading-5">David </p>
</div>
</div>
<div class="box-team-body">
<p class="heading-5">Spencer</p>
</div></a><a class="box-team" href="#">
<div class="box-team-header"><img src="images/startup/team-2-370x372.jpg" alt="" width="370" height="372"/><span class="icon mdi mdi-call-received"></span>
<div class="box-team-name">
<p class="heading-5">Alice</p>
</div>
</div>
<div class="box-team-body">
<p class="heading-5">Spencer</p>
</div></a><a class="box-team" href="#">
<div class="box-team-header"><img src="images/startup/team-3-370x372.jpg" alt="" width="370" height="372"/><span class="icon mdi mdi-call-received"></span>
<div class="box-team-name">
<p class="heading-5">James</p>
</div>
</div>
<div class="box-team-body">
<p class="heading-5">Wilson</p>
</div></a><a class="box-team" href="#">
<div class="box-team-header"><img src="images/startup/team-1-370x372.jpg" alt="" width="370" height="372"/><span class="icon mdi mdi-call-received"></span>
<div class="box-team-name">
<p class="heading-5">David </p>
</div>
</div>
<div class="box-team-body">
<p class="heading-5">Spencer</p>
</div></a><a class="box-team" href="#">
<div class="box-team-header"><img src="images/startup/team-2-370x372.jpg" alt="" width="370" height="372"/><span class="icon mdi mdi-call-received"></span>
<div class="box-team-name">
<p class="heading-5">Alice</p>
</div>
</div>
<div class="box-team-body">
<p class="heading-5">Spencer</p>
</div></a><a class="box-team" href="#">
<div class="box-team-header"><img src="images/startup/team-3-370x372.jpg" alt="" width="370" height="372"/><span class="icon mdi mdi-call-received"></span>
<div class="box-team-name">
<p class="heading-5">James</p>
</div>
</div>
<div class="box-team-body">
<p class="heading-5">Wilson</p>
</div></a>
</div>
</div>
</section>
<section class="section bg-gradient-gray-100 text-left section-md">
<div class="container">
<div class="row align-items-center justify-content-center row-50">
<div class="col-md-10 col-lg-6">
<figure class="img-wrap"><img src="images/startup/about-2-755x511.png" alt="" width="755" height="511"/>
</figure>
</div>
<div class="col-md-10 col-lg-6">
<div class="pl-xl-5">
<h4 class="heading-decoration-quote font-weight-bold">Driving Force For The Successful Business</h4>
<p>Our business app has proven to increase sales, establish better team management, and improve the marketing and promotion of various products and services. Below are some facts about Waves app performance.</p>
<div class="group-xl group-middle">
<article class="box-counter_var-2">
<div class="box-counter__wrap">
<div class="counter">20</div><span>%</span>
</div>
<p class="box-counter__title">Better Marketing</p>
</article>
<article class="box-counter_var-2">
<div class="box-counter__wrap">
<div class="counter">66</div><span>%</span>
</div>
<p class="box-counter__title">More Power</p>
</article>
<article class="box-counter_var-2">
<div class="box-counter__wrap">
<div class="counter">40</div><span>%</span>
</div>
<p class="box-counter__title">Customer Growth</p>
</article>
</div>
<hr>
</div>
</div>
</div>
</div>
</section>
<section class="section section-md context-dark bg-image text-center" style="background-image: url(images/startup/pattern-bg.jpg)">
<div class="container">
<p class="subtitle">testimonials</p>
<h2>What People Say</h2>
<div class="owl-carousel carousel-testimonials" data-owl='{"dots":true}' data-items="1" data-md-items="2" data-stage-padding="15" data-loop="true" data-autoplay="true" data-margin="60">
<div class="box-testimonials">
<div class="box-testimonials-image"><img class="rounded-circle" src="images/startup/testimonials-1-131x131.jpg" alt="" width="131" height="131"/>
</div>
<div class="box-testimonials-body">
<p>This is an amazing app. Once I installed it, I was able to manage every aspect of successfully running my business. Thank you for such an amazing product!</p>
</div>
<div class="box-testimonials-footer">
<p>
<cite>Alice Parker</cite><span>Customer</span>
</p>
</div>
</div>
<div class="box-testimonials">
<div class="box-testimonials-image"><img class="rounded-circle" src="images/startup/testimonials-2-131x131.jpg" alt="" width="131" height="131"/>
</div>
<div class="box-testimonials-body">
<p>When you work with customers, it is very important to pay attention to their every wish. With your app, all aspects of sales became easier to manage.</p>
</div>
<div class="box-testimonials-footer">
<p>
<cite>Steve Thomas</cite><span>Customer</span>
</p>
</div>
</div>
<div class="box-testimonials">
<div class="box-testimonials-image"><img class="rounded-circle" src="images/startup/testimonials-1-131x131.jpg" alt="" width="131" height="131"/>
</div>
<div class="box-testimonials-body">
<p>This is an amazing app. Once I installed it, I was able to manage every aspect of successfully running my business. Thank you for such an amazing product!</p>
</div>
<div class="box-testimonials-footer">
<p>
<cite>Alice Parker</cite><span>Customer</span>
</p>
</div>
</div>
<div class="box-testimonials">
<div class="box-testimonials-image"><img class="rounded-circle" src="images/startup/testimonials-2-131x131.jpg" alt="" width="131" height="131"/>
</div>
<div class="box-testimonials-body">
<p>When you work with customers, it is very important to pay attention to their every wish. With your app, all aspects of sales became easier to manage.</p>
</div>
<div class="box-testimonials-footer">
<p>
<cite>Steve Thomas</cite><span>Customer</span>
</p>
</div>
</div>
<div class="box-testimonials">
<div class="box-testimonials-image"><img class="rounded-circle" src="images/startup/testimonials-1-131x131.jpg" alt="" width="131" height="131"/>
</div>
<div class="box-testimonials-body">
<p>This is an amazing app. Once I installed it, I was able to manage every aspect of successfully running my business. Thank you for such an amazing product!</p>
</div>
<div class="box-testimonials-footer">
<p>
<cite>Alice Parker</cite><span>Customer</span>
</p>
</div>
</div>
<div class="box-testimonials">
<div class="box-testimonials-image"><img class="rounded-circle" src="images/startup/testimonials-2-131x131.jpg" alt="" width="131" height="131"/>
</div>
<div class="box-testimonials-body">
<p>When you work with customers, it is very important to pay attention to their every wish. With your app, all aspects of sales became easier to manage.</p>
</div>
<div class="box-testimonials-footer">
<p>
<cite>Steve Thomas</cite><span>Customer</span>
</p>
</div>
</div>
</div>
</div>
</section>
<!-- pricing-->
<section class="section section-md bg-default" id="pricing" data-type="anchor">
<div class="container text-center">
<p class="subtitle"> <span>our pricing</span></p>
<h2>Pick the Right Price for You</h2>
<p>We offer our app at an affordable price with 3 different sets of supplementary <br class="d-none d-md-inline-block"> services. Check out our pricing packages below to know more.</p>
<div class="row row-30">
<div class="col">
<div class="box-pricing">
<div class="box-pricing-header">
<h5 class="title">Startup</h5><span class="icon icon-circle linearicons-mustache2"></span>
</div>
<div class="box-pricing-body">
<div class="price-box"><span>25</span><span>/ mon</span></div>
<ul class="pricing-list">
<li>Product Management</li>
<li>Online Payments Support</li>
<li>Routine Task Automation</li>
<li>Phone Support</li>
</ul><a class="button button-default-outline button-nina" href="#" data-toggle="modal" data-target="#appointment">get started</a>
</div>
</div>
</div>
<div class="col">
<div class="box-pricing"><span class="label label-popular">popular</span>
<div class="box-pricing-header">
<h5 class="title">Standard</h5><span class="icon icon-circle linearicons-mustache-glasses"></span>
</div>
<div class="box-pricing-body">
<div class="price-box"><span>59</span><span>/ mon</span></div>
<ul class="pricing-list">
<li>Human Resources Management</li>
<li>Tax & Accounting Assistance</li>
<li>Online Calendar</li>
<li>Online Support</li>
</ul><a class="button button-default-outline button-nina" href="#" data-toggle="modal" data-target="#appointment">get started</a>
</div>
</div>
</div>
<div class="col">
<div class="box-pricing">
<div class="box-pricing-header">
<h5 class="title">Premium</h5><span class="icon icon-circle linearicons-pipe"></span>
</div>
<div class="box-pricing-body">
<div class="price-box"><span>90</span><span>/ mon</span></div>
<ul class="pricing-list">
<li>Improved Security</li>
<li>Access to Beta Versions</li>
<li>Cloud Data Backup</li>
<li>24/7 Premium Support</li>
</ul><a class="button button-default-outline button-nina" href="#" data-toggle="modal" data-target="#appointment">get started</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--cta-->
<section class="section parallax-container context-dark" data-parallax-img="images/startup/subscribe-bg.jpg">
<div class="parallax-content section-md">
<div class="container text-center">
<div class="row justify-content-center">
<div class="col-lg-8 col-xl-6">
<p class="subtitle">newsletter signup</p>
<h2>Get the Latest News</h2>
<p>Subscribe to our newsletter to receive updates from us.</p>
<!-- RD Mailform-->
<form class="rd-form rd-mailform rd-form-inline" data-form-output="form-output-global" data-form-type="subscribe" method="post" action="bat/rd-mailform.php">
<div class="form-wrap">
<input class="form-input" id="subscribe-form-1-email" type="email" name="email" data-constraints="@Email @Required"/>
<label class="form-label" for="subscribe-form-1-email">Your E-mail</label>
</div>
<div class="form-button">
<button class="button button-primary button-nina" type="submit">Subscribe</button>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- blog-->
<section class="section section-md bg-gray-100" id="blog" data-type="anchor">
<div class="container text-center">
<p class="subtitle"><span>latest news</span></p>
<h2>Our Blog</h2>
<div class="row row-30">
<div class="col-md-6 col-lg-5">
<div class="box-post-classic">
<div class="box-post-classic-body">
<time class="box-post-meta" datetime="2018">December 3, 2020</time>
<h6 class="box-post-title"><a href="#">Renovating Your Kitchen</a></h6>
<p class="box-post-text">There always comes the time for renovation. However, if were talking about the kitchen, you...</p>
</div>
</div>
<div class="box-post-classic"><a class="box-post-classic-image" href="#"><img src="images/startup/blog-1-470x256.jpg" alt="" width="470" height="256"/></a>
<div class="box-post-classic-body">
<time class="box-post-meta" datetime="2018">March 3, 2018</time>
<h5 class="box-post-title"><a href="#">Gadgets & Apps for All Kinds of Businesses</a></h5>
<p class="box-post-text">With an extensive number of popular apps and gadgets, it is easy to get lost...</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-7">
<div class="row row-30">
<div class="col-12">
<div class="box-post-modern"><a class="box-post-modern-image" href="#"><img src="images/startup/blog-2-666x485.jpg" alt="" width="666" height="485"/></a>
<div class="box-post-modern-body">
<time class="box-post-meta" datetime="2018">May 17, 2018</time>
<h5 class="box-post-title"><a href="#">How Any Modern Company Can Benefit From Having a Mobile App</a></h5>
<p class="box-post-text">Mobile apps are great tools to reach out to clients and attract more...</p><a class="button button-primary button-nina" href="#">read more</a>
</div>
</div>
</div>
<div class="col-lg-7"><a class="box-post-quote" href="#">
<p class="box-post-quote-inner">Get inspired checking the best and coolest outfit ideas.</p><span class="box-post-cite">Steve Thomas</span></a></div>
<div class="col-lg-5">
<div class="box-post-instagram instafeed" data-lightgallery="group">
<div class="thumbnail-instafeed"><a class="instagram-link" data-lightgallery="item" href="images/lawyer/blog-3-640x640.jpg"><img class="instagram-image" src="images/lawyer/blog-3-640x640.jpg" alt=""/></a>
<div class="caption">
<ul class="list-inline inline-list-xxs">
<li><span class="novi-icon icon mdi mdi-magnify-plus"></span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section section-md bg-default" id="contacts" data-type="anchor">
<div class="container text-center">
<p class="subtitle"><span>contact us</span></p>
<h2>Get in Touch with Waves Team</h2>
<p>If you have any questions for our developers, feel free to write <br class="d-none d-md-inline-block"> us a message using the contact form below. </p>
<!-- RD Mailform-->
<form class="rd-form rd-mailform" data-form-output="form-output-global" data-form-type="contact" method="post" action="bat/rd-mailform.php">
<div class="row row-20">
<div class="col-md-4">
<div class="form-wrap form-wrap-icon input--nao">
<input class="form-input input__field--nao" id="contact-name" type="text" name="name" data-constraints="@Required">
<label class="form-label mdi mdi-account-outline input__label--nao" for="contact-name">Your Name</label>
<svg class="graphic graphic--nao" width="300%" height="100%" viewbox="0 0 1200 60" preserveaspectratio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
</svg>
</div>
</div>
<div class="col-md-4">
<div class="form-wrap form-wrap-icon input--nao">
<input class="form-input input__field--nao" id="contact-email" type="email" name="email" data-constraints="@Email @Required">
<label class="form-label input__label--nao mdi mdi-email-outline" for="contact-email">E-mail</label>
<svg class="graphic graphic--nao" width="300%" height="100%" viewbox="0 0 1200 60" preserveaspectratio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
</svg>
</div>
</div>
<div class="col-md-4">
<div class="form-wrap form-wrap-icon input--nao">
<input class="form-input input__field--nao" id="contact-phone" type="text" name="phone" data-constraints="@Numeric">
<label class="form-label input__label--nao mdi mdi-tablet-android" for="contact-phone">Phone</label>
<svg class="graphic graphic--nao" width="300%" height="100%" viewbox="0 0 1200 60" preserveaspectratio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
</svg>
</div>
</div>
<div class="col-12">
<div class="form-wrap form-wrap-icon input--nao">
<textarea class="form-input input__field--nao" id="contact-message" name="message" data-constraints="@Required"></textarea>
<label class="form-label input__label--nao mdi mdi-message-text-outline" for="contact-message">Your Message</label>
<svg class="graphic graphic--nao" width="300%" height="50%" viewbox="0 0 1200 60" preserveaspectratio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
</svg>
</div>
</div>
<div class="col-12 text-center form-button">
<button class="button button-primary button-nina" type="submit">Send Message</button>
</div>
</div>
</form>
</div>
</section>
<section class="google-map-container" data-center="6036 Richmond hwy., Alexandria, VA, 2230" data-styles="[{&quot;featureType&quot;:&quot;administrative&quot;,&quot;elementType&quot;:&quot;labels.text.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#444444&quot;}]},{&quot;featureType&quot;:&quot;landscape&quot;,&quot;elementType&quot;:&quot;all&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#f2f2f2&quot;}]},{&quot;featureType&quot;:&quot;poi&quot;,&quot;elementType&quot;:&quot;all&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;poi.business&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;on&quot;}]},{&quot;featureType&quot;:&quot;road&quot;,&quot;elementType&quot;:&quot;all&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:-100},{&quot;lightness&quot;:45}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;elementType&quot;:&quot;all&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;simplified&quot;}]},{&quot;featureType&quot;:&quot;road.arterial&quot;,&quot;elementType&quot;:&quot;labels.icon&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;transit&quot;,&quot;elementType&quot;:&quot;all&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;water&quot;,&quot;elementType&quot;:&quot;all&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#b4d4e1&quot;},{&quot;visibility&quot;:&quot;on&quot;}]}]">
<div class="google-map"></div>
<ul class="google-map-markers">
<li data-location="6036 Richmond hwy., Alexandria, VA, 2230" data-description="6036 Richmond hwy., Alexandria, VA, 2230" data-icon="images/startup/gmap_marker.png" data-icon-active="images/startup/gmap_marker_active.png"></li>
</ul>
</section>
<!-- Page Footer-->
<footer class="section footer-classic context-dark bg-image" style="background-image: url(images/startup/pattern-bg.jpg)">
<div class="container">
<div class="row row-30">
<div class="col-md-4 col-xl-5">
<div class="pr-xl-4"><a class="brand" href="index.html"><img class="brand-logo-light" src="images/startup/logo-inverse-140x37.png" alt="" width="140" height="37" srcset="images/startup/logo-retina-inverse-280x74.png 2x"/></a>
<p>Waves app offers a unique set of tools for managing business processes of modern companies as well as get instant feedback from customers.</p>
<!-- Rights-->
<p class="rights"><span>&copy;&nbsp; </span><span class="copyright-year"></span><span>&nbsp;</span><span>Waves</span><span>.&nbsp;</span><span>All Rights Reserved.</span></p>
</div>
</div>
<div class="col-md-4">
<h5>Contacts</h5>
<dl class="contact-list">
<dt>Address:</dt>
<dd>795 South Park Avenue, Melbourne, Australia</dd>
</dl>
<dl class="contact-list">
<dt>email:</dt>
<dd><a href="mailto:#">mail@demolink.org</a></dd>
</dl>
<dl class="contact-list">
<dt>phones:</dt>
<dd><a href="tel:#">8 800 56789011</a> <span>or</span> <a href="tel:#">8 800 99789077</a>
</dd>
</dl>
</div>
<div class="col-md-4 col-xl-3">
<h5>Links</h5>
<ul class="nav-list">
<li><a href="#">About</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contacts</a></li>
<li><a href="#">Pricing</a></li>
</ul>
</div>
</div>
</div>
<div class="row no-gutters social-container">
<div class="col"><a class="social-inner" href="#"><span class="icon mdi mdi-facebook"></span><span>Facebook</span></a></div>
<div class="col"><a class="social-inner" href="#"><span class="icon mdi mdi-instagram"></span><span>instagram</span></a></div>
<div class="col"><a class="social-inner" href="#"><span class="icon mdi mdi-twitter"></span><span>twitter</span></a></div>
<div class="col"><a class="social-inner" href="#"><span class="icon mdi mdi-youtube-play"></span><span>google</span></a></div>
</div>
</footer>
<div class="modal fade" id="modalvideo" role="dialog">
<div class="modal-dialog modal-dialog_custom modal-dialog_custom-details">
<!-- Modal content-->
<div class="modal-dialog__inner">
<button class="close" type="button" data-dismiss="modal"></button>
<div class="modal-dialog__content">
<div class="modal-dialog__content-inner">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" id="video" width="560" height="315" src="https://www.youtube.com/embed/-AhmuMqZB0s" allowfullscreen></iframe>
</div>
</div>
<div class="modal-dialog__content-inner">
<h4>Reliable Solutions</h4>
<p>Waves offers a vast set of services and solutions that help you achieve the desired result.</p>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="appointment" role="dialog">
<div class="modal-dialog modal-dialog_custom">
<!-- Modal content-->
<div class="modal-dialog__inner">
<button class="close" type="button" data-dismiss="modal"></button>
<div class="modal-dialog__content">
<h4>Make an Appointment</h4>
<!-- RD Mailform-->
<form class="rd-form rd-mailform" data-form-output="form-output-global" data-form-type="contact" method="post" action="bat/rd-mailform.php">
<div class="row row-20">
<div class="col-12">
<div class="form-wrap form-wrap-icon input--nao">
<input class="form-input input__field--nao" id="contact-name-modal" type="text" name="name" data-constraints="@Required">
<label class="form-label mdi mdi-account-outline input__label--nao" for="contact-name-modal">Your Name</label>
<svg class="graphic graphic--nao" width="300%" height="100%" viewbox="0 0 1200 60" preserveaspectratio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
</svg>
</div>
</div>
<div class="col-12">
<div class="form-wrap form-wrap-icon input--nao">
<input class="form-input input__field--nao" id="contact-email-modal" type="email" name="email" data-constraints="@Email @Required">
<label class="form-label input__label--nao mdi mdi-email-outline" for="contact-email-modal">E-mail</label>
<svg class="graphic graphic--nao" width="300%" height="100%" viewbox="0 0 1200 60" preserveaspectratio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
</svg>
</div>
</div>
<div class="col-12">
<div class="form-wrap form-wrap-icon input--nao">
<input class="form-input input__field--nao" id="contact-phone-modal" type="text" name="phone" data-constraints="@Numeric">
<label class="form-label input__label--nao mdi mdi-tablet-android" for="contact-phone-modal">Phone</label>
<svg class="graphic graphic--nao" width="300%" height="100%" viewbox="0 0 1200 60" preserveaspectratio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
</svg>
</div>
</div>
<div class="col-12">
<div class="form-wrap form-wrap-icon input--nao">
<textarea class="form-input input__field--nao" id="contact-message-modal" name="message" data-constraints="@Required"></textarea>
<label class="form-label input__label--nao mdi mdi-message-text-outline" for="contact-message-modal">Your Message</label>
<svg class="graphic graphic--nao" width="300%" height="50%" viewbox="0 0 1200 60" preserveaspectratio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
</svg>
</div>
</div>
<div class="col-12 text-center form-button">
<button class="button button-primary button-nina" type="submit">Send Message</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- Global Mailform Output-->
<div class="snackbars" id="form-output-global"></div>
<!-- Javascript-->
<script src="js/core.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>