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

839 lines
52 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-1.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/fashion/logo-inverse-140x37.png" alt="" width="140" height="37" srcset="images/fashion/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>
<!-- hero header-->
<section class="section section-xxl context-dark bg-image section-context-styling box-hero-header-var-1" id="section-ripples-1" style="background-image: url(images/fashion/hero-header-bg.jpg); ">
<div class="container">
<div class="row justify-content-end">
<div class="col-lg-6 col-xl-5 overflow-hidden">
<p class="subtitle wow fadeInUp">creating your beauty image</p>
<h1 class="wow fadeInUp" data-wow-delay="200ms">welcome</h1>
<h2><span class="wow fadeInUp" data-wow-delay="400ms">to fashion room</span> <span class="wow zoomIn dot" data-wow-delay="1500ms"></span>
</h2>
<div class="group-sm"> <a class="button button-primary button-nina fadeInUp wow" data-wow-delay="700ms" href="#" data-custom-scroll-to="services">Our services</a><a class="button button-default-outline button-icon button-icon-right fadeInUp wow" href="#" data-toggle="modal" data-target="#modalvideo" data-wow-delay="700ms"><span class="icon mdi mdi-play"></span>play</a></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-bag2"></span>
<h5>Online Shopping</h5>
</div>
<div class="box-service-body">
<p>Shop among hundreds of amazing fashionable clothes by famous brands on our website.</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-hanger"></span>
<h5>Fashion Room</h5>
</div>
<div class="box-service-body">
<p>Visit our fashion room to try the best designer clothes from all over the world.</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-haircut"></span>
<h5>Consultation of Stylists</h5>
</div>
<div class="box-service-body">
<p>We also provide consultations of stylists as well as beauty and fashion experts.</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>our experts</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>Sophie</span><span>Jane</span></span><span>and <br class="d-md-none"> Other Team Members</span>
</h2>
<p>These people have been and still are the foundation of Waves, its experience, <br class="d-none d-md-inline-block"> success, and dedication to fashion over the years.</p>
<!-- Owl Carousel-->
<div class="owl-carousel carousel-team" data-owl='{"dots":true,"mouseDrag":false}' data-items="1" data-md-items="2" data-xl-items="3" data-loop="true" data-autoplay="true"><a class="box-team" href="#">
<div class="box-team-header"><img src="images/fashion/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">Sophie </p>
</div>
</div>
<div class="box-team-body">
<p class="heading-5">Clarke</p>
</div></a><a class="box-team" href="#">
<div class="box-team-header"><img src="images/fashion/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/fashion/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">Jane</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/fashion/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">Sophie </p>
</div>
</div>
<div class="box-team-body">
<p class="heading-5">Clarke</p>
</div></a><a class="box-team" href="#">
<div class="box-team-header"><img src="images/fashion/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/fashion/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">Jane</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/fashion/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">Sophie </p>
</div>
</div>
<div class="box-team-body">
<p class="heading-5">Clarke</p>
</div></a><a class="box-team" href="#">
<div class="box-team-header"><img src="images/fashion/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/fashion/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">Jane</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/fashion/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-6">
<p class="subtitle">pick the best clothes</p>
<h2>It's Time For Shopping</h2>
<p>Create your own style with our unique designer clothes available for any occasion.</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>popular categories</span></p>
<h2>Fashion World is Waiting for You</h2>
<p>We have lots of clothes and shoewear to complement your fashionable <br class="d-none d-md-inline-block"> image and make you look gorgeous every day.</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-shirt"></span>
<h5>Clothes</h5>
</div>
<div class="box-process-body">
<p>From exclusive designer dresses to casual t-shirts, we have what to offer you.</p>
<ul class="list-marked">
<li>Dresses</li>
<li>Jeans</li>
<li>Jackets</li>
<li>Skirts</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-flip-flops"></span>
<h5>Shoewear</h5>
</div>
<div class="box-process-body">
<p>A perfect addition to your image, our shoewear is stylish and affordable.</p>
<ul class="list-marked">
<li>Sandals</li>
<li>Boots</li>
<li>Sneakers</li>
<li>Slides</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-bow-tie"></span>
<h5>Accessories</h5>
</div>
<div class="box-process-body">
<p>Accessories put a perfect accent on your style and can make you stand out.</p>
<ul class="list-marked">
<li>Earnings</li>
<li>Bracelets</li>
<li>Bags</li>
<li>Eyeglasses</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section section-md context-dark bg-image text-center" style="background-image: url(images/fashion/pattern-bg.jpg)">
<div class="container">
<p class="subtitle">latest projects</p>
<h2>New Season Collections</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-center="true" data-margin="30" data-xl-margin="0" data-xxl-margin="0">
<div class="box-project">
<div class="box-project-image"><img src="images/fashion/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="#">Spring Accessories Collection</a></h5>
<div class="box-project-subtitle">Spring 2018</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/fashion/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="#">Beach Holiday Collection</a></h5>
<div class="box-project-subtitle">summer 2018</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/fashion/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="#">Warm and Cozy Collection</a></h5>
<div class="box-project-subtitle">Autumn 2018</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>
<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>Collections of Our Designers</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="#">Clothes</a></li>
<li><a data-isotope-filter="Category 2" data-isotope-group="gallery" href="#">shoes</a></li>
<li><a data-isotope-filter="Category 3" data-isotope-group="gallery" href="#">accessories</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/fashion/portfolio-1-370x280.jpg" alt="" width="370" height="280"/>
</figure>
<div class="caption">
<h5 class="portfolio-title">Autumn Casual</h5>
<p class="portfolio-subtitle">everyday clothes</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/fashion/portfolio-2-370x280.jpg" alt="" width="370" height="280"/>
</figure>
<div class="caption">
<h5 class="portfolio-title">Spring Beauty</h5>
<p class="portfolio-subtitle">blouses &amp; sweaters</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/fashion/portfolio-3-370x280.jpg" alt="" width="370" height="280"/>
</figure>
<div class="caption">
<h5 class="portfolio-title">Polka Dot Collection</h5>
<p class="portfolio-subtitle">Blouses &amp; Accessories</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/fashion/portfolio-4-370x280.jpg" alt="" width="370" height="280"/>
</figure>
<div class="caption">
<h5 class="portfolio-title">Holiday Looks</h5>
<p class="portfolio-subtitle">Special outfits</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">Transform</span> <span class="font-family-cursive">Your </span><span class="font-weight-normal">Image</span>
</h5><a class="button button-default-outline button-nina" href="#" data-toggle="modal" data-target="#appointment">get started</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/fashion/portfolio-5-370x280.jpg" alt="" width="370" height="280"/>
</figure>
<div class="caption">
<h5 class="portfolio-title">Daily Clothing</h5>
<p class="portfolio-subtitle">Casual clothes</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/fashion/portfolio-6-370x280.jpg" alt="" width="370" height="280"/>
</figure>
<div class="caption">
<h5 class="portfolio-title">Hot Accessories</h5>
<p class="portfolio-subtitle">Bracelets &amp; sunglasses</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/fashion/portfolio-7-370x280.jpg" alt="" width="370" height="280"/>
</figure>
<div class="caption">
<h5 class="portfolio-title">Stylish Autumn</h5>
<p class="portfolio-subtitle">Polo-neck sweaters</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/fashion/portfolio-8-370x280.jpg" alt="" width="370" height="280"/>
</figure>
<div class="caption">
<h5 class="portfolio-title">Youth Outfits</h5>
<p class="portfolio-subtitle">jeans &amp; T-shirts</p>
</div></a>
</div>
</div>
</div>
<div class="row justify-content-center row-30 align-items-center">
<div class="col"><a class="box-client wow fadeInUp" href="#"><img src="images/fashion/client-6-128x56.png" alt="" width="128" height="56"/></a></div>
<div class="col"><a class="box-client wow fadeInUp" href="#" data-wow-delay="0.15s"><img src="images/fashion/client-1-183x47.png" alt="" width="183" height="47"/></a></div>
<div class="col"><a class="box-client wow fadeInUp" href="#" data-wow-delay="0.3s"><img src="images/fashion/client-4-128x94.png" alt="" width="128" height="94"/></a></div>
<div class="col"><a class="box-client wow fadeInUp" href="#" data-wow-delay="0.45s"><img src="images/fashion/client-1-158x73.png" alt="" width="158" height="73"/></a></div>
<div class="col"><a class="box-client wow fadeInUp" href="#" data-wow-delay="0.6s"><img src="images/fashion/client-5-120x32.png" alt="" width="120" height="32"/></a></div>
</div>
</div>
</section>
<section class="section section-md context-dark bg-image text-center" style="background-image: url(images/fashion/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/fashion/testimonials-1-131x131.jpg" alt="" width="131" height="131"/>
</div>
<div class="box-testimonials-body">
<p>I am really delighted with your level of service! Your team is dedicatedt to fashion and customer satisfaction and thats what I like about you.</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/fashion/testimonials-2-131x131.jpg" alt="" width="131" height="131"/>
</div>
<div class="box-testimonials-body">
<p>You have a great selection of designer clothes and shoes that my wife likes a lot. Its so comfortable to have all things available at one website, thank you!</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/fashion/testimonials-1-131x131.jpg" alt="" width="131" height="131"/>
</div>
<div class="box-testimonials-body">
<p>I am really delighted with your level of service! Your team is dedicatedt to fashion and customer satisfaction and thats what I like about you.</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/fashion/testimonials-2-131x131.jpg" alt="" width="131" height="131"/>
</div>
<div class="box-testimonials-body">
<p>You have a great selection of designer clothes and shoes that my wife likes a lot. Its so comfortable to have all things available at one website, thank you!</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/fashion/testimonials-1-131x131.jpg" alt="" width="131" height="131"/>
</div>
<div class="box-testimonials-body">
<p>I am really delighted with your level of service! Your team is dedicatedt to fashion and customer satisfaction and thats what I like about you.</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/fashion/testimonials-2-131x131.jpg" alt="" width="131" height="131"/>
</div>
<div class="box-testimonials-body">
<p>You have a great selection of designer clothes and shoes that my wife likes a lot. Its so comfortable to have all things available at one website, thank you!</p>
</div>
<div class="box-testimonials-footer">
<p>
<cite>Steve Thomas</cite><span>Customer</span>
</p>
</div>
</div>
</div>
</div>
</section>
<!-- blog-->
<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="#">Clothes for the Holidays</a></h6>
<p class="box-post-text">Holidays are coming and its time to think about what you are going to wear very soon...</p>
</div>
</div>
<div class="box-post-classic"><a class="box-post-classic-image" href="#"><img src="images/fashion/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="#">How to Create a Captivating Style Using Casual Clothes</a></h5>
<p class="box-post-text">A #1 guide for everyone who wants to save on clothes this season.</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/fashion/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="#">Gaining an Alluring and Fresh Look: A Guide for Summer 2018</a></h5>
<p class="box-post-text">In this article, we will give you some useful tips about selecting attractive summer outfits.</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-instafeed-get="tagged" data-instafeed-tagname="tm_62006" data-instafeed-sort="most-recent">
<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>
<!--cta-->
<section class="section parallax-container context-dark" data-parallax-img="images/fashion/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">
<p class="subtitle">newsletter</p>
<h2>Get the Latest Fashion News</h2>
<p>Enter your e-mail below to receive weekly fashion news.</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>
<!-- location-->
<section class="section section-md bg-gray-100" id="pricing" data-type="anchor">
<div class="container text-center">
<p class="subtitle"> <span>locations</span></p>
<h2>We're Always Glad to See You</h2>
<p>Visit us at one of the following locations to try and buy the best clothes <br class="d-none d-md-inline-block"> and shoewear from our designers at an affordable price. </p>
<div class="row row-30">
<div class="col">
<div class="box-pricing">
<div class="box-pricing-header bg-image context-dark" style="background-image: url(images/fashion/location-1-370x195.jpg); ">
<h5 class="title">Midwest</h5><span class="icon icon-circle linearicons-map-marker-check"></span>
</div>
<div class="box-pricing-body">
<ul class="pricing-list">
<li>8627 Monument Drive </li>
<li>Chicago, IL 60619</li>
<li>415-545-5555</li>
<li>Mon - Fri: 8am to 5pm</li>
</ul><a class="button button-default-outline button-nina" href="#" data-custom-scroll-to="contacts">contact us</a>
</div>
</div>
</div>
<div class="col">
<div class="box-pricing">
<div class="box-pricing-header bg-image context-dark" style="background-image: url(images/fashion/location-2-370x195.jpg); ">
<h5 class="title">Northwest</h5><span class="icon icon-circle linearicons-map-marker-check"></span>
</div>
<div class="box-pricing-body">
<ul class="pricing-list">
<li>1443 Long St. </li>
<li>Seattle, WA 98131</li>
<li>415-565-5678</li>
<li>Mon - Fri: 8am to 5pm</li>
</ul><a class="button button-default-outline button-nina" href="#" data-custom-scroll-to="contacts">contact us</a>
</div>
</div>
</div>
<div class="col">
<div class="box-pricing">
<div class="box-pricing-header bg-image context-dark" style="background-image: url(images/fashion/location-3-370x195.jpg); ">
<h5 class="title">Southeast</h5><span class="icon icon-circle linearicons-map-marker-check"></span>
</div>
<div class="box-pricing-body">
<ul class="pricing-list">
<li>443 Beach St. </li>
<li>Miami, FL 45191</li>
<li>415-578-5999</li>
<li>Mon - Fri: 8am to 5pm</li>
</ul><a class="button button-default-outline button-nina" href="#" data-custom-scroll-to="contacts">contact us</a>
</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="[{&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/fashion/gmap_marker.png" data-icon-active="images/fashion/gmap_marker_active.png"></li>
</ul>
</section>
<!-- Page Footer-->
<footer class="section footer-classic context-dark bg-image" style="background-image: url(images/fashion/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/fashion/logo-inverse-140x37.png" alt="" width="140" height="37" srcset="images/fashion/logo-retina-inverse-280x74.png 2x"/></a>
<p>Waves is your No. 1 place for exclusive shirts, skirts, jeans, T-shirts, and other fashionable clothing specifically designed for all ages and tastes.</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>