?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<!-- Author -->
<meta name="author" content="Themes Industry">
<!-- description -->
<meta name="description" content="Architect Studio is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with 8 ready home page demos.">
<!-- keywords -->
<meta name="keywords" content="Architect Studio, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, studio, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, studio, masonry, grid, faq">
<!-- Page Title -->
<title>Architect Studio | Standalone</title>
<!-- Favicon -->
<link href="" rel="icon">
<!-- Bundle -->
<link href="../vendor/css/bundle.min.css" rel="stylesheet">
<!-- Plugin Css -->
<link href="css/line-awesome.min.css" rel="stylesheet">
<link href="../vendor/css/revolution-settings.min.css" rel="stylesheet">
<link href="../vendor/css/jquery.fancybox.min.css" rel="stylesheet">
<link href="../vendor/css/owl.carousel.min.css" rel="stylesheet">
<link href="../vendor/css/cubeportfolio.min.css" rel="stylesheet">
<link href="../vendor/css/LineIcons.min.css" rel="stylesheet">
<link href="css/slick.css" rel="stylesheet">
<link href="css/slick-theme.css" rel="stylesheet">
<link href="../vendor/css/wow.css" rel="stylesheet">
<!-- Style Sheet -->
<link href="css/blog.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="90">
<!-- Preloader -->
<div class="preloader">
<div class="center">
<div class="loader loader-32">
<div class='loader-container'>
<div class='ball-wrapper'>
<div class='ball-holder'>
<div class='ball'></div>
</div>
<div class='shadow'></div>
</div>
<div class='ball-wrapper'>
<div class='ball-holder'>
<div class='ball'></div>
</div>
<div class='shadow'></div>
</div>
<div class='ball-wrapper'>
<div class='ball-holder'>
<div class='ball'></div>
</div>
<div class='shadow'></div>
</div>
</div>
</div>
</div>
</div>
<!-- Preloader End -->
<!--Header Start-->
<header id="home" class="cursor-light">
<div class="inner-header">
<!--colored-lines-->
<div class="color-lines position-relative">
<div class="container">
<div class="row">
<div class="col-12 bg-color"></div>
</div>
</div>
<div class="color-line-overlay"></div>
</div>
<!--main nav-->
<div class="main-navigation">
<div class="container">
<div class="row">
<div class="col-4 col-lg-3">
<a class="navbar-brand simple-nav-logo link" href="../index-architect-studio.html">
<img src="img/logo-black.png" alt="logo">
</a>
<a class="navbar-brand fixed-nav-logo link" href="../index-architect-studio.html">
<img src="img/logo-black.png" alt="logo">
</a>
</div>
<div class="col-8 col-lg-9 simple-navbar d-flex align-items-center justify-content-end">
<nav class="navbar navbar-expand-lg">
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active"><a class="nav-link link" href="../index-architect-studio.html"><span>0</span><span data-count="1" class="num-nav">1</span><span>.</span>HOME</a></li>
<li class="nav-item"><a class="nav-link link" href="../index-architect-studio.html#about-sec"><span>0</span><span data-count="2" class="num-nav">2</span><span>.</span>ABOUT</a></li>
<li class="nav-item"><a class="nav-link link" href="../index-architect-studio.html#company-portfolio-section"><span>0</span><span data-count="3" class="num-nav">3</span><span>.</span>PORTFOLIO</a></li>
<li class="nav-item"><a class="nav-link link" href="../index-architect-studio.html#testimonial-sec"><span>0</span><span data-count="4" class="num-nav">4</span><span>.</span>CLIENTS</a></li>
<li class="nav-item"><a class="nav-link link" href="../index-architect-studio.html#blog-sec"><span>0</span><span data-count="5" class="num-nav">5</span><span>.</span>BLOG</a></li>
<li class="nav-item"><a class="nav-link link" href="../index-architect-studio.html#contact-sec"><span>0</span><span data-count="6" class="num-nav">6</span><span>.</span>CONTACT</a></li>
</ul>
</div>
</nav>
</div>
</div>
</div>
</div>
<!--toggle btn-->
<a href="javascript:void(0)" class="sidemenu_btn link" id="sidemenu_toggle">
<span></span>
<span></span>
<span></span>
</a>
</div>
<!--Side Nav-->
<div class="side-menu hidden side-menu-opacity">
<div class="bg-overlay"></div>
<div class="inner-wrapper">
<span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
<div class="container">
<div class="row w-100 side-menu-inner-content">
<div class="col-12 d-flex justify-content-center align-items-center">
<a href="../index-architect-studio.html" class="navbar-brand"><img src="img/logo.png" alt="logo"></a>
</div>
<div class="col-12 col-lg-8">
<nav class="side-nav w-100">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../index-architect-studio.html">HOME</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-architect-studio.html#about-sec">ABOUT</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-architect-studio.html#company-portfolio-section">PORTFOLIO</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-architect-studio.html#testimonial-sec">CLIENTS</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-architect-studio.html#blog-sec">BLOG</a>
</li>
<li class="nav-item">
<a class="nav-link" href="../index-architect-studio.html#contact-sec">CONTACT</a>
</li>
</ul>
</nav>
</div>
<div class="col-12 col-lg-4 d-flex align-items-center">
<div class="side-footer text-white w-100">
<div class="menu-company-details">
<span>+1 631 123 4567</span>
<span>email@website.com</span>
</div>
<ul class="social-icons-simple">
<li><a class="facebook-text-hvr" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a class="twitter-text-hvr" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
<li><a class="youtube-text-hvr" href="javascript:void(0)"><i class="fab fa-youtube"></i> </a> </li>
<li><a class="instagram-text-hvr" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
</ul>
<p class="text-white">© 2020 MegaOne. Made With Love by Themesindustry</p>
</div>
</div>
</div>
</div>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
</header>
<!--Header End-->
<!--slider sec start-->
<section id="slider-sec" class="slider-sec">
<div class="overlay"></div>
<div class="container">
<div class="row position-relative slider-row">
<div class="inner-overlay"></div>
<div class="col-12 col-lg-6 d-flex align-items-center text-center text-lg-left">
<div class="inner-slider-content">
<h4>STANDALONE</h4>
<div class="crumbs">
<nav aria-label="breadcrumb" class="breadcrumb-items">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="../index-architect-studio.html"><i class="las la-home"></i>Home</a></li>
<li class="breadcrumb-item"><a href="standalone.html">Standalone</a></li>
</ol>
</nav>
</div>
</div>
</div>
<div class="col-12 col-lg-6" data-depth="0.1">
<img src="img/gallery-thumb2.jpg">
</div>
</div>
</div>
</section>
<!--slider sec end-->
<!--main page content-->
<section class="main" id="main">
<!--content-->
<div class="blog-content padding-top padding-bottom">
<div class="container">
<div class="row no-gutters">
<div class="col-12">
<!-- START HEADING SECTION -->
<div class="standalone-detail">
<div class="row no-gutters">
<div class="col-12 col-md-10 offset-md-1 col-lg-8 offset-lg-2 text-center wow slideInUp" data-wow-duration="2s">
<p class="sub-heading text-center">Most flexible one page</p>
<h1 class="heading">Section Title</h1>
<p class="para_text 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>
<!--content-->
<div class="standalone-area">
<div class="row standalone-row align-items-center no-gutters">
<div class="col-lg-6">
<div class="blog-image wow hover-effect fadeInLeft">
<img src="img/gallery-thumb1.jpg" alt="image">
</div>
</div>
<div class="col-lg-6 stand-img-des">
<div class="d-inline-block">
<p class="sub-heading text-center">Most flexible one page</p>
<h2 class="gradient-text1">Standalone Heading</h2>
<p class="para_text">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. </p>
</div>
</div>
</div>
<!--content-->
<div class="row standalone-row align-items-center no-gutters">
<div class="col-lg-6 order-lg-2">
<div class="blog-image wow hover-effect fadeInLeft">
<img src="img/gallery-thumb5.jpg" alt="image">
</div>
</div>
<div class="col-lg-6 stand-img-des">
<div class="d-inline-block">
<p class="sub-heading text-center">Most flexible one page</p>
<h2 class="gradient-text1">Standalone Heading</h2>
<p class="para_text">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. </p>
</div>
</div>
</div>
<!--content-->
<div class="row standalone-row align-items-center no-gutters">
<div class="col-lg-6">
<div class="blog-image wow hover-effect fadeInLeft">
<img src="img/gallery-thumb4.jpg" alt="image">
</div>
</div>
<div class="col-lg-6 stand-img-des">
<div class="d-inline-block">
<p class="sub-heading text-center">Most flexible one page</p>
<h2 class="gradient-text1">Standalone Heading</h2>
<p class="para_text">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. </p>
</div>
</div>
</div>
<!--content-->
</div>
<!-- END HEADING SECTION -->
</div>
</div>
</div>
</div>
</section>
<!--main page content end-->
<!--Footer Start-->
<footer class="footer-style-1">
<div class="container">
<div class="row align-items-center">
<!--Social-->
<div class="col-lg-6">
<div class="footer-social text-center text-lg-left ">
<ul class="list-unstyled">
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-facebook-f"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-twitter"></i></a></li>
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-google-plus-g"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-linkedin-in"></i></a></li>
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-instagram"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-pinterest-p"></i></a></li>
</ul>
</div>
</div>
<!--Text-->
<div class="col-lg-6 text-center text-lg-right">
<p class="company-about fadeIn">© 2020 MegaOne. Made With Love By <a href="javascript:void(0);">Themesindustry</a>
</p>
</div>
</div>
</div>
</footer>
<!--Footer End-->
<!--Animated Cursor-->
<div class="aimated-cursor">
<div class="cursor">
<div class="cursor-loader"></div>
</div>
</div>
<!--Animated Cursor End-->
<!--Scroll Top Start-->
<span class="scroll-top-arrow"><i class="fas fa-angle-up"></i></span>
<!--Scroll Top End-->
<!-- JavaScript -->
<script src="../vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="../vendor/js/jquery.appear.js"></script>
<script src="../vendor/js/jquery.fancybox.min.js"></script>
<script src="../vendor/js/owl.carousel.min.js"></script>
<script src="../vendor/js/parallaxie.min.js"></script>
<script src="../vendor/js/wow.min.js"></script>
<!-- REVOLUTION JS FILES -->
<script src="../vendor/js/jquery.cubeportfolio.min.js"></script>
<!-- SLIDER REVOLUTION EXTENSIONS -->
<!--Tilt Js-->
<script src="js/slick.js"></script>
<script src="js/slick.min.js"></script>
<script src="js/TweenMax.min.js"></script>
<!-- custom script-->
<script src="js/circle-progress.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>