inital commit
This commit is contained in:
867
templates/template_3/site/index-agency.html
Normal file
867
templates/template_3/site/index-agency.html
Normal file
@@ -0,0 +1,867 @@
|
||||
<!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.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/agency/logo-inverse-140x37.png" alt="" width="140" height="37" srcset="images/agency/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="#team">Team</a>
|
||||
</li>
|
||||
<li class="rd-nav-item"><a class="rd-nav-link" href="#process">Process</a>
|
||||
</li>
|
||||
<li class="rd-nav-item"><a class="rd-nav-link" href="#portfolio">Portfolio</a>
|
||||
</li>
|
||||
<li class="rd-nav-item"><a class="rd-nav-link" href="#pricing">Pricing</a>
|
||||
</li>
|
||||
<li class="rd-nav-item"><a class="rd-nav-link" href="#contacts">Contacts</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
<!-- Swiper-->
|
||||
<section class="section swiper-container swiper-slider swiper-slider-1" data-swiper='{"autoplay":{"delay":6000},"simulateTouch":false}'>
|
||||
<div class="swiper-wrapper text-left">
|
||||
<div class="swiper-slide" data-slide-bg="images/agency/slide-1.jpg">
|
||||
<div class="swiper-slide-caption section-xxl context-dark">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-xl-7 overflow-hidden">
|
||||
<p class="subtitle" data-caption-animate="fadeInLeft" data-caption-delay="100">creativity & experience</p>
|
||||
<h1 data-caption-animate="fadeInLeft" data-caption-delay="350">Services to Grow Your Business</h1>
|
||||
<div class="group-sm"><a class="button button-primary button-nina" href="#" data-caption-animate="fadeInLeft" data-caption-delay="550" data-custom-scroll-to="services">read more</a><a class="button button-default-outline button-icon button-icon-right" href="#" data-caption-animate="fadeInLeft" data-caption-delay="550" data-toggle="modal" data-target="#modalvideo"><span class="icon mdi mdi-play"></span>play</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide context-dark" data-slide-bg="images/agency/slide-2.jpg">
|
||||
<div class="swiper-slide-caption section-xxl">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-7 overflow-hidden">
|
||||
<p class="subtitle" data-caption-animate="fadeInLeft" data-caption-delay="100">creative solutions</p>
|
||||
<h1 data-caption-animate="fadeInLeft" data-caption-delay="350">Enhancing Your Brand’s Appeal</h1>
|
||||
<div class="group-sm"><a class="button button-primary button-nina" href="#" data-caption-animate="fadeInLeft" data-caption-delay="550" data-custom-scroll-to="services">read more</a><a class="button button-default-outline button-icon button-icon-right" href="#" data-caption-animate="fadeInLeft" data-caption-delay="550" data-toggle="modal" data-target="#modalvideo"><span class="icon mdi mdi-play"></span>play</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Services-->
|
||||
<section class="section section-md bg-gray-100" 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-diamond3"></span>
|
||||
<h5>Personal Branding</h5>
|
||||
</div>
|
||||
<div class="box-service-body">
|
||||
<p>We offer a vast set of solu- tions that can help you build a first-class personal brand.</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-bubble-text"></span>
|
||||
<h5>Business Consulting</h5>
|
||||
</div>
|
||||
<div class="box-service-body">
|
||||
<p>Our team provides consulting services focusing on the most critical business issues.</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-new-tab"></span>
|
||||
<h5>Online Marketing</h5>
|
||||
</div>
|
||||
<div class="box-service-body">
|
||||
<p>We are ready to provide quality e-marketing solutions to promote your business.</p>
|
||||
</div>
|
||||
</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>about 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>People below are keys to our success and stainless reputation. They have <br class="d-none d-md-inline-block"> 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-margin="30" data-autoplay="true"><a class="box-team" href="#">
|
||||
<div class="box-team-header"><img src="images/agency/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/agency/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">Clark</p>
|
||||
</div></a><a class="box-team" href="#">
|
||||
<div class="box-team-header"><img src="images/agency/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/agency/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/agency/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">Clark</p>
|
||||
</div></a><a class="box-team" href="#">
|
||||
<div class="box-team-header"><img src="images/agency/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/agency/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/agency/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">Clark</p>
|
||||
</div></a><a class="box-team" href="#">
|
||||
<div class="box-team-header"><img src="images/agency/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>
|
||||
<!--cta-->
|
||||
<section class="section parallax-container context-dark" data-parallax-img="images/agency/cta-bg.jpg">
|
||||
<div class="parallax-content section-md">
|
||||
<div class="container section-cta text-center">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-8 col-xl-6">
|
||||
<p class="subtitle">let’s discuss your project</p>
|
||||
<h2>Make an Appointment</h2>
|
||||
<p>Book an appointment at Waves to have the best creative experts work on your new project.</p><a class="button button-primary button-nina" href="#" data-toggle="modal" data-target="#appointment">get started</a>
|
||||
</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>our process</span></p>
|
||||
<h2>How We Work</h2>
|
||||
<p>Every project our agency works on includes hours of marketing research <br class="d-none d-md-inline-block"> and creative thinking. Learn more about our working process 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-archery"></span>
|
||||
<h4>Plan</h4>
|
||||
</div>
|
||||
<div class="box-process-body">
|
||||
<p>Every new project we work on starts with planning and market research.</p>
|
||||
<ul class="list-marked">
|
||||
<li>Client interview</li>
|
||||
<li>Gather consumer data</li>
|
||||
<li>Create content strategy</li>
|
||||
<li>Present the concept</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>
|
||||
<h4>Create</h4>
|
||||
</div>
|
||||
<div class="box-process-body">
|
||||
<p>This is where we put our energy from converting concepts into reality.</p>
|
||||
<ul class="list-marked">
|
||||
<li>Introduce brand elements</li>
|
||||
<li>Design corporate website</li>
|
||||
<li>Develop marketing campaign</li>
|
||||
<li>Implement creative ideas</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-mouse-right"></span>
|
||||
<h4>Launch</h4>
|
||||
</div>
|
||||
<div class="box-process-body">
|
||||
<p>After the final discussion, we are ready to launch your new brand onto the market.</p>
|
||||
<ul class="list-marked">
|
||||
<li>Introduce your brand</li>
|
||||
<li>Launch the campaign</li>
|
||||
<li>Attract customers’ attention</li>
|
||||
<li>Achieve the desired results</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section section-md context-dark bg-image text-center" style="background-image: url(images/agency/pattern-bg.jpg)">
|
||||
<div class="container">
|
||||
<p class="subtitle">latest projects</p>
|
||||
<h2>Work Done With Love</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">
|
||||
<div class="box-project">
|
||||
<div class="box-project-image"><img src="images/agency/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="#">Smart Step Ltd.</a></h5>
|
||||
<div class="box-project-subtitle">website design</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 delay-6 mdi mdi-facebook novi-icon icon" href="#"></a></li>
|
||||
<li><a class="icon-sm delay-5 mdi mdi-twitter novi-icon icon" href="#"></a></li>
|
||||
<li><a class="icon-sm delay-4 mdi mdi-google-plus novi-icon icon" href="#"></a></li>
|
||||
<li><a class="icon-sm delay-3 mdi mdi-vimeo novi-icon icon" href="#"></a></li>
|
||||
<li><a class="icon-sm delay-2 mdi mdi-youtube-play novi-icon icon" href="#"></a></li>
|
||||
<li><a class="icon-sm delay-1 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/agency/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="#">ModernBiz</a></h5>
|
||||
<div class="box-project-subtitle">personal branding</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 delay-6 mdi mdi-facebook novi-icon icon" href="#"></a></li>
|
||||
<li><a class="icon-sm delay-5 mdi mdi-twitter novi-icon icon" href="#"></a></li>
|
||||
<li><a class="icon-sm delay-4 mdi mdi-google-plus novi-icon icon" href="#"></a></li>
|
||||
<li><a class="icon-sm delay-3 mdi mdi-vimeo novi-icon icon" href="#"></a></li>
|
||||
<li><a class="icon-sm delay-2 mdi mdi-youtube-play novi-icon icon" href="#"></a></li>
|
||||
<li><a class="icon-sm delay-1 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/agency/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="#">SM Manufacturing</a></h5>
|
||||
<div class="box-project-subtitle">online marketing campaign</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 delay-6 mdi mdi-facebook novi-icon icon" href="#"></a></li>
|
||||
<li><a class="icon-sm delay-5 mdi mdi-twitter novi-icon icon" href="#"></a></li>
|
||||
<li><a class="icon-sm delay-4 mdi mdi-google-plus novi-icon icon" href="#"></a></li>
|
||||
<li><a class="icon-sm delay-3 mdi mdi-vimeo novi-icon icon" href="#"></a></li>
|
||||
<li><a class="icon-sm delay-2 mdi mdi-youtube-play novi-icon icon" href="#"></a></li>
|
||||
<li><a class="icon-sm delay-1 mdi mdi-pinterest novi-icon icon" href="#"></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section section-md bg-default text-center" id="portfolio" data-type="anchor">
|
||||
<div class="container">
|
||||
<p class="subtitle"><span>our portfolio</span></p>
|
||||
<h2>Browse All Our Projects</h2>
|
||||
<div class="isotope-wrap">
|
||||
<ul class="list-nav isotope-filters-responsive">
|
||||
<li>
|
||||
<p>Choose your category:</p>
|
||||
</li>
|
||||
<li class="block-top-level">
|
||||
<!-- Isotope Filters-->
|
||||
<button class="isotope-filters-toggle button button-sm button-primary" data-custom-toggle="#isotope-1" data-custom-toggle-hide-on-blur="true">Filter<span class="caret"></span></button>
|
||||
<div class="isotope-filters" id="isotope-1">
|
||||
<ul class="inline-list">
|
||||
<li><a class="active" data-isotope-filter="*" data-isotope-group="gallery" href="#">All</a></li>
|
||||
<li><a data-isotope-filter="Category 1" data-isotope-group="gallery" href="#">Branding</a></li>
|
||||
<li><a data-isotope-filter="Category 2" data-isotope-group="gallery" href="#">design</a></li>
|
||||
<li><a data-isotope-filter="Category 3" data-isotope-group="gallery" href="#">marketing</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="isotope row row-30" data-isotope-layout="fitRows" data-isotope-group="gallery">
|
||||
<div class="col-12 col-md-6 col-lg-4 isotope-item" data-filter="Category 1"><a class="box-portfolio" href="#">
|
||||
<figure><img src="images/agency/portfolio-1-370x280.jpg" alt="" width="370" height="280"/>
|
||||
</figure>
|
||||
<div class="caption">
|
||||
<h5 class="portfolio-title">Smart Step Ltd.</h5>
|
||||
<p class="portfolio-subtitle">Website design</p>
|
||||
</div></a>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 isotope-item" data-filter="Category 1"><a class="box-portfolio" href="#">
|
||||
<figure><img src="images/agency/portfolio-2-370x280.jpg" alt="" width="370" height="280"/>
|
||||
</figure>
|
||||
<div class="caption">
|
||||
<h5 class="portfolio-title">ModernBiz</h5>
|
||||
<p class="portfolio-subtitle">personal branding</p>
|
||||
</div></a>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 isotope-item" data-filter="Category 1"><a class="box-portfolio" href="#">
|
||||
<figure><img src="images/agency/portfolio-3-370x280.jpg" alt="" width="370" height="280"/>
|
||||
</figure>
|
||||
<div class="caption">
|
||||
<h5 class="portfolio-title">SM Manufacturing</h5>
|
||||
<p class="portfolio-subtitle">Website design</p>
|
||||
</div></a>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 isotope-item" data-filter="Category 2"><a class="box-portfolio" href="#">
|
||||
<figure><img src="images/agency/portfolio-4-370x280.jpg" alt="" width="370" height="280"/>
|
||||
</figure>
|
||||
<div class="caption">
|
||||
<h5 class="portfolio-title">Revolution Tech</h5>
|
||||
<p class="portfolio-subtitle">App Development</p>
|
||||
</div></a>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 isotope-item" data-filter="*">
|
||||
<div class="portfolio-centered"><span class="icon icon-lg linearicons-quote-open"></span>
|
||||
<h5><span class="font-weight-normal">Professional</span> <span class="font-family-cursive">Creative </span><span class="font-weight-normal">Services</span>
|
||||
</h5><a class="button button-default-outline button-nina" href="#" data-toggle="modal" data-target="#appointment">learn more</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 isotope-item" data-filter="Category 2"><a class="box-portfolio" href="#">
|
||||
<figure><img src="images/agency/portfolio-5-370x280.jpg" alt="" width="370" height="280"/>
|
||||
</figure>
|
||||
<div class="caption">
|
||||
<h5 class="portfolio-title">R4T Co.</h5>
|
||||
<p class="portfolio-subtitle">PR strategy</p>
|
||||
</div></a>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 isotope-item" data-filter="Category 3"><a class="box-portfolio" href="#">
|
||||
<figure><img src="images/agency/portfolio-6-370x280.jpg" alt="" width="370" height="280"/>
|
||||
</figure>
|
||||
<div class="caption">
|
||||
<h5 class="portfolio-title">BoomerangX</h5>
|
||||
<p class="portfolio-subtitle">e-mail marketing</p>
|
||||
</div></a>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 isotope-item" data-filter="Category 3"><a class="box-portfolio" href="#">
|
||||
<figure><img src="images/agency/portfolio-7-370x280.jpg" alt="" width="370" height="280"/>
|
||||
</figure>
|
||||
<div class="caption">
|
||||
<h5 class="portfolio-title">NovaEdu</h5>
|
||||
<p class="portfolio-subtitle">Logo design</p>
|
||||
</div></a>
|
||||
</div>
|
||||
<div class="col-12 col-md-6 col-lg-4 isotope-item" data-filter="Category 3"><a class="box-portfolio" href="#">
|
||||
<figure><img src="images/agency/portfolio-8-370x280.jpg" alt="" width="370" height="280"/>
|
||||
</figure>
|
||||
<div class="caption">
|
||||
<h5 class="portfolio-title">Smith & Wilson’s</h5>
|
||||
<p class="portfolio-subtitle">Social media Marketing</p>
|
||||
</div></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section section-md context-dark bg-image text-center container-decoration" style="background-image: url(images/agency/pattern-bg.jpg)">
|
||||
<div class="container-decoration-inner inner-left">
|
||||
<div class="wow fadeInUp"><img src="images/agency/client-1-183x47.png" alt="" width="183" height="47"/>
|
||||
</div>
|
||||
<div class="wow fadeInUp" data-wow-delay="0.3s"> <img src="images/agency/client-2-148x100.png" alt="" width="148" height="100"/>
|
||||
</div>
|
||||
<div class="wow fadeInUp" data-wow-delay="0.6s"><img src="images/agency/client-1-158x73.png" alt="" width="158" height="73"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container-decoration-inner inner-right">
|
||||
<div class="wow fadeInUp" data-wow-delay="0.15s"><img src="images/agency/client-4-128x94.png" alt="" width="128" height="94"/>
|
||||
</div>
|
||||
<div class="wow fadeInUp" data-wow-delay="0.45s"><img src="images/agency/client-5-153x45.png" alt="" width="153" height="45"/>
|
||||
</div>
|
||||
<div class="wow fadeInUp" data-wow-delay="0.75s"><img src="images/agency/client-6-128x56.png" alt="" width="128" height="56"/>
|
||||
</div>
|
||||
</div>
|
||||
<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-margin="60" data-autoplay="true">
|
||||
<div class="box-testimonials">
|
||||
<div class="box-testimonials-image"><img class="rounded-circle" src="images/agency/testimonials-1-131x131.jpg" alt="" width="131" height="131"/>
|
||||
</div>
|
||||
<div class="box-testimonials-body">
|
||||
<p>Your professionals are highly knowledgeable and well skilled. I highly recommend Waves to anyone looking for a great company to work with.</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/agency/testimonials-2-131x131.jpg" alt="" width="131" height="131"/>
|
||||
</div>
|
||||
<div class="box-testimonials-body">
|
||||
<p>The professionalism and personalized service that I got from your agency are unlike any other company I worked with and you made us feel so comfortable.</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/agency/testimonials-1-131x131.jpg" alt="" width="131" height="131"/>
|
||||
</div>
|
||||
<div class="box-testimonials-body">
|
||||
<p>Your professionals are highly knowledgeable and well skilled. I highly recommend Waves to anyone looking for a great company to work with.</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/agency/testimonials-2-131x131.jpg" alt="" width="131" height="131"/>
|
||||
</div>
|
||||
<div class="box-testimonials-body">
|
||||
<p>The professionalism and personalized service that I got from your agency are unlike any other company I worked with and you made us feel so comfortable.</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/agency/testimonials-1-131x131.jpg" alt="" width="131" height="131"/>
|
||||
</div>
|
||||
<div class="box-testimonials-body">
|
||||
<p>Your professionals are highly knowledgeable and well skilled. I highly recommend Waves to anyone looking for a great company to work with.</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/agency/testimonials-2-131x131.jpg" alt="" width="131" height="131"/>
|
||||
</div>
|
||||
<div class="box-testimonials-body">
|
||||
<p>The professionalism and personalized service that I got from your agency are unlike any other company I worked with and you made us feel so comfortable.</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>Various Options for Your Benefit</h2>
|
||||
<p>Here you can choose a pricing package that fits your corporate needs the <br class="d-none d-md-inline-block">best way without overpaying for a single service.</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>Web Design</li>
|
||||
<li>Advertising</li>
|
||||
<li>Branding Services</li>
|
||||
<li>Public Relations</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>Online Marketing</li>
|
||||
<li>Web Development</li>
|
||||
<li>Social Media Management</li>
|
||||
<li>Creative Marketing</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>Brand Strategy</li>
|
||||
<li>Graphic Design</li>
|
||||
<li>App Development</li>
|
||||
<li>Photography</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/agency/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</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-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>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section section-md bg-gray-100">
|
||||
<div class="container text-center">
|
||||
<p class="subtitle"><span>latest news</span></p>
|
||||
<h2>Company 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="#">Top 10 Marketing Tips</a></h6>
|
||||
<p class="box-post-text">In this post, we would like to share with you our recommendations and techniques on...</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="box-post-classic"><a class="box-post-classic-image" href="#"><img src="images/agency/blog-1-470x256.jpg" alt="" width="470" height="256"/></a>
|
||||
<div class="box-post-classic-body">
|
||||
<time class="box-post-meta" datetime="2018">December 3, 2020</time>
|
||||
<h5 class="box-post-title"><a href="#">#1 Guide To Google’s Top Ranking Factors</a></h5>
|
||||
<p class="box-post-text">Understanding how the most popular search engine works.</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/agency/blog-2-666x485.jpg" alt="" width="666" height="485"/></a>
|
||||
<div class="box-post-modern-body">
|
||||
<time class="box-post-meta" datetime="2018">December 17, 2020</time>
|
||||
<h5 class="box-post-title"><a href="#">How Brands Can Do Less and Mean More on Social Media</a></h5>
|
||||
<p class="box-post-text">How proper social media marketing changes the way brands are perceived.</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 branding campaigns of 2018</p><span class="box-post-cite">Steve Smith</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 Us</h2>
|
||||
<p>Let us help you decide which of our solutions is the best pick <br class="d-none d-md-inline-block">for your business. Contact us now to know more!</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="[{"featureType":"administrative","elementType":"labels.text.fill","stylers":[{"color":"#444444"}]},{"featureType":"landscape","elementType":"all","stylers":[{"color":"#f2f2f2"}]},{"featureType":"poi","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"poi.business","elementType":"geometry.fill","stylers":[{"visibility":"on"}]},{"featureType":"road","elementType":"all","stylers":[{"saturation":-100},{"lightness":45}]},{"featureType":"road.highway","elementType":"all","stylers":[{"visibility":"simplified"}]},{"featureType":"road.arterial","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"transit","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"water","elementType":"all","stylers":[{"color":"#b4d4e1"},{"visibility":"on"}]}]">
|
||||
<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/agency/gmap_marker.png" data-icon-active="images/agency/gmap_marker_active.png"></li>
|
||||
</ul>
|
||||
</section>
|
||||
<!-- Page Footer-->
|
||||
<footer class="section footer-classic context-dark bg-image" style="background-image: url(images/agency/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/agency/logo-inverse-140x37.png" alt="" width="140" height="37" srcset="images/agency/logo-retina-inverse-280x74.png 2x"/></a>
|
||||
<p>We are an award-winning creative agency, dedicated to the best result in web design, promotion, business consulting, and marketing.</p>
|
||||
<!-- Rights-->
|
||||
<p class="rights"><span>© </span><span class="copyright-year"></span><span> </span><span>Waves</span><span>. </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>
|
||||
Reference in New Issue
Block a user