?
| Current Path : /home/webyoo/www/backup/allback/docteur-site/cv/sym/a/events/crm/fashion-blog/ |
| Current File : /home/webyoo/www/backup/allback/docteur-site/cv/sym/a/events/crm/fashion-blog/standalone-1.html |
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Page Title -->
<title>Fashion Blog | MegaOne</title>
<!-- Favicon -->
<link rel="icon" href="img/favicon.ico">
<!-- Bundle -->
<link rel="stylesheet" href="../vendor/css/bundle.min.css">
<!-- Plugin Css -->
<link rel="stylesheet" href="../vendor/css/jquery.fancybox.min.css">
<link rel="stylesheet" href="../vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="../vendor/css/swiper.min.css">
<link rel="stylesheet" href="../vendor/css/cubeportfolio.min.css">
<link rel="stylesheet" href="../vendor/css/wow.css">
<!-- Slider Settings -->
<link rel="stylesheet" href="../vendor/css/LineIcons.min.css">
<link rel="stylesheet" href="css/settings.css">
<!-- Style Sheet -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/custom.css">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="100">
<!-- Start Loader -->
<div class="loader-area">
<div class="spinning-area">
<div class="spinner"></div>
</div>
</div>
<!-- End Loader -->
<!-- Start Header -->
<header>
<div class="navigation-bar">
<nav class="navbar navbar-top-default nav-radius navbar-expand-lg fixed-top ">
<a href="javascript:void(0)" class="sidemenu_btn link" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
<div class="container">
<a href="javascript:void(0)" title="Logo" class="logo scroll">
<!--Logo Default-->
<img src="img/logo.png" alt="logo" class="logo-dark logo-default">
</a>
<!--Nav Links-->
<div class="collapse navbar-collapse">
<div class="navbar-nav ml-auto">
<a class="nav-link" href="../index-fashion-blog.html#home">Home</a>
<a class="nav-link" href="../index-fashion-blog.html#about">About Fashion</a>
<a class="nav-link" href="../index-fashion-blog.html#latest-Posts">Latest Posts</a>
<a class="nav-link" href="../index-fashion-blog.html#women">Women</a>
<a class="nav-link " href="../index-fashion-blog.html#men-fashion">Men Fashion</a>
</div>
<div><span class="open_search"><i class="fas fa-search"></i></span></div>
<div class="search_block">
<div class="search_box animated wow fadeInUp">
<div class="inner">
<!-- Search Input -->
<input type="text" name="search" id="search" class="search_input" autocomplete="off" placeholder="Enter Your Keywords.."/>
<button class="search_icon glyphicon glyphicon-search"><i class="fas fa-search"></i> </button>
</div>
</div>
<div class="search-overlay"></div>
</div>
</div>
</div>
<div class="social-icons">
<ul>
<li><a class="hovr" href="javascript:void(0);"><i class="fab fa-facebook-f"></i></a></li>
<li><a class="hovr" href="javascript:void(0);"><i class="fab fa-twitter"></i></a></li>
<li><a class="hovr" href="javascript:void(0);"><i class="fab fab fa-instagram"></i></a></li>
</ul>
</div>
</nav>
</div>
<!-- Side Nav -->
<div class="side-menu side-menu-opacity">
<div class="bg-overlay"></div>
<div class="inner-wrapper">
<div class="image">
<img src="img/side-menu.png" alt="image">
</div>
<span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
<nav class="side-nav w-100">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../index-fashion-blog.html#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-fashion-blog.html#about">About Fashion</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-fashion-blog.html#latest-Posts">Latest Posts</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-fashion-blog.html#women">Women</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-fashion-blog.html#men-fashion">Men Fashion</a>
</li>
</ul>
</nav>
<div class="side-menu-footer">
<div class="banner-icons">
<ul>
<li><a href="javascript:void(0);" class="hover"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="javascript:void(0);" class="hover"><i class="fab fa-twitter"></i></a></li>
<li><a href="javascript:void(0);" class="hover"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="javascript:void(0);" class="hover"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>
<p class="copywrite text-left">© 2020 MegaOne. Made With Love by Themesindustry.</p>
</div>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
</header>
<!-- End Header -->
<!-- Start Banner -->
<section class="standalone1-banner">
<div class="col-12 banner-text text-center">
<h2>Women Fashion</h2>
<ul class="page-breadcrumb">
<li><a href="../index-fashion-blog.html"><i class="fas fa-home"></i>Home <i class="fas fa-angle-double-right white-icon"></i></a></li>
<li>StandAlone</li>
</ul>
</div>
</section>
<!-- End Banner -->
<!-- Start Page Content -->
<section class="main-page">
<div class="container">
<div class="standalone-heading">
<div class="row no-gutters">
<div class="col-12 col-lg-8 offset-lg-2 col-md-10 offset-md-1 wow fadeInDown" data-wow-delay="300ms">
<p class="sub-heading">Most flexible one page</p>
<h2 class="heading">Section Title</h2>
<p class="m-auto">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. Nam porttitor justo sed mi finibus, vel tristique risus faucibus.</p>
</div>
</div>
</div>
<div class="standalone-area">
<!-- Standalone-row-1 -->
<div class="row standalone-row align-items-center no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 row-image hover-effect order-2 order-lg-1 wow fadeInLeft" data-wow-delay="300ms">
<img src="img/standalone-1.jpg" alt="image">
<div class="overlay"></div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 row-text order-1 order-lg-2 wow fadeInRight " data-wow-delay="300ms">
<p class="sub-heading">Most flexible one page</p>
<h2>Standalone Heading</h2>
<p class=" m-auto ">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin.</p>
</div>
</div>
<!-- Standalone-row-2 -->
<div class="row standalone-row align-items-center no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 row-text wow fadeInLeft" data-wow-delay="300ms">
<p class="sub-heading">Most flexible one page</p>
<h2>Standalone Heading</h2>
<p class=" m-auto ">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin.</p>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 row-image hover-effect wow fadeInRight" data-wow-delay="300ms">
<img src="img/standalone-2.jpg" alt="image">
<div class="overlay"></div>
</div>
</div>
<!-- Standalone-row-3 -->
<div class="row standalone-row align-items-center no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 row-image hover-effect order-2 order-lg-1 wow fadeInLeft" data-wow-delay="300ms">
<img src="img/standalone-3.jpg" alt="image">
<div class="overlay"></div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 row-text order-1 order-lg-2 wow fadeInRight" data-wow-delay="300ms">
<p class="sub-heading">Most flexible one page</p>
<h2>Standalone Heading</h2>
<p class=" m-auto ">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin.</p>
</div>
</div>
</div>
</div>
</section>
<!-- End Page Content -->
<!-- Start Comments -->
<section class="comment-section">
<div class="container">
<h2 class="wow fadeInDown" data-wow-delay="300ms">Say Hello!<br><span> Leave Your Valued Feedback</span></h2>
<p class="wow fadeInDown" data-wow-delay="300ms">Lorem ipsum is simply dummy text of the printing and typesetting.<br> Lorem Ipsum has been the industry’s standard dummy.</p>
<div class="row padding-top">
<div class="col-12 col-lg-4"></div>
<div class="col-12 col-lg-4 wow fadeInDown" data-wow-delay="400ms">
<a href="javascript:void(0);" data-animation-duration="500" data-fancybox data-src="#animatedModal">
<div class="card box text-center">
<div class="feature-icon text-center">
<i class="far fa-edit"></i>
</div>
<div class="card-body">
<p>Click here to Launch the feedback form</p>
</div>
</div>
</a>
</div>
<div class="col-12 col-lg-4"></div>
</div>
</div>
</section>
<!-- End Comments -->
<!-- Start Get Started Model -->
<div class="quote-content hidden animated-modal" id="animatedModal">
<!--Heading-->
<div class="pb-md-5 p-0 text-center">
<span class="text-pink font-weight-200 font-20">We are MegaOne Company</span>
<h2 class="main-font font-weight-600 text-white mt-2">Contact Form <span class="text-pink js-rotating">Giver Your Feedback</span></h2>
</div>
<!--Contact Form-->
<form class="contact-form" id="modal-contact-form-data">
<div class="row">
<!--Result-->
<div class="col-12" id="quote_result"></div>
<!--Left Column-->
<div class="col-md-6">
<div class="form-group">
<input class="form-control" id="quote_name" name="quoteName" placeholder="Name" required=""
type="text">
</div>
<div class="form-group">
<input class="form-control" id="quote_contact" name="userPhone" placeholder="Contact " required=""
type="text">
</div>
</div>
<!--Right Column-->
<div class="col-md-6">
<div class="form-group">
<input class="form-control" id="quote_email" name="userEmail" placeholder="Email" required=""
type="email">
</div>
<div class="form-group">
<input class="form-control" id="subject" name="userSubject" placeholder="Subject"
required="" type="text">
</div>
</div>
<!--Full Column-->
<div class="col-md-12">
<div class="form-group">
<textarea class="form-control" id="userMessage"
name="userMessage" placeholder="Please give us your feedback here"></textarea>
</div>
</div>
<!--Button-->
<div class="col-md-12">
<a class="btn button btn-rounded white-btn modal_contact_btn" id="quote_submit_btn" href="javascript:void(0);">
Submit Now
</a>
</div>
</div>
</form>
</div>
<!-- End Get Started Model -->
<!-- Start Footer -->
<footer class="no-gutters">
<div class="container">
<div class="footer-social-icons wow fadeInDown" data-wow-delay="400ms">
<ul >
<li><a class="facebook-hovr" href=""><i class="fab fa-facebook-f"></i></a></li>
<li><a href="javascript:void(0);"><i class="fab fa-twitter"></i></a></li>
<li><a href="javascript:void(0);"><i class="fab fa-google-plus-g"></i></a></li>
<li><a href="javascript:void(0);"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="javascript:void(0);"><i class="fab fa-instagram"></i></a></li>
<li><a href="javascript:void(0);"><i class="far fa-envelope"></i></a></li>
</ul>
</div>
<p class="wow fadeInDown" data-wow-delay="300ms">© 2020 MegaOne. made with love by themesindustry</p>
</div>
</footer>
<!-- Footer end -->
<!-- JavaScript -->
<script src="../vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="../vendor/js/jquery.fancybox.min.js"></script>
<script src="../vendor/js/owl.carousel.min.js"></script>
<script src="../vendor/js/swiper.min.js"></script>
<script src="../vendor/js/wow.min.js"></script>
<script src="../vendor/js/jquery.cubeportfolio.min.js"></script>
<!-- Custom Js -->
<script src="../vendor/js/contact_us.js"></script>
<script src="js/script.js"></script>
</body>
</html>