?
á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="MegaOne 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="creative, 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 | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link href="" rel="icon">
<!-- Bundle -->
<link href="vendor/css/bundle.min.css" rel="stylesheet">
<!-- Plugin Css -->
<link href="architect-studio/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="architect-studio/css/slick.css" rel="stylesheet">
<link href="architect-studio/css/slick-theme.css" rel="stylesheet">
<link href="vendor/css/wow.css" rel="stylesheet">
<!-- Style Sheet -->
<link href="architect-studio/css/blog.css" rel="stylesheet">
<link href="architect-studio/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="architect-studio/img/logo-black.png" alt="logo">
</a>
<a class="navbar-brand fixed-nav-logo link" href="index-architect-studio.html">
<img src="architect-studio/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" id="simple-navbar">
<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 home link" href="#"><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 scroll link" href="#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 scroll link" href="#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 scroll link" href="#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 scroll link" href="#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 scroll link" href="#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="architect-studio/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 scroll" href="#home">HOME</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#about-sec">ABOUT</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#company-portfolio-section">PORTFOLIO</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#testimonial-sec">CLIENTS</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#blog-sec">BLOG</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#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 class="slider-area cursor-light">
<div class="bg-overlay"></div>
<div class="container position-relative">
<div class="inner-bg-overlay"></div>
<div class="row">
<div class="slider-detail col-12 col-lg-6 text-center text-lg-left wow fadeInLeft" data-wow-delay=".8s">
<div class="slider-slide">
<div class="slider-inner-content">
<h4 class="slide-heading">ARCHITECT <span>DIGITAL STUDIO</span></h4>
<p class="slide-text">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy. Lorem Ipsum has been the industry’s standard dummy.</p>
<a href="#about-sec" class="btn anim-btn rounded-pill scroll">LEARN MORE
<span></span><span></span><span></span><span></span>
</a>
</div>
</div>
<div class="slider-slide">
<div class="slider-inner-content">
<h4 class="slide-heading">MODREN <span>CREATIVE STUDIO</span></h4>
<p class="slide-text">Lorem Ipsum has been the industry’s standard dummy. Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.</p>
<a href="#about-sec" class="btn anim-btn rounded-pill scroll">LEARN MORE
<span></span><span></span><span></span><span></span>
</a>
</div>
</div>
<div class="slider-slide">
<div class="slider-inner-content">
<h4 class="slide-heading">MODERN <span>ARCHITECT WORKS</span></h4>
<p class="slide-text">Lorem Ipsum has been the industry’s standard dummy. Lorem Ipsum has been the industry’s standard dummy. Lorem ipsum is simply dummy text of the printing and typesetting.</p>
<a href="#about-sec" class="btn anim-btn rounded-pill scroll">LEARN MORE
<span></span><span></span><span></span><span></span>
</a>
</div>
</div>
</div>
<div class="slider-img col-12 col-lg-6 wow fadeInRight" data-wow-delay=".8s" data-depth="0.1">
<div class="img-slide">
<img src="architect-studio/img/slide1.jpg">
</div>
<div class="img-slide">
<img src="architect-studio/img/slide2.jpg">
</div>
<div class="img-slide">
<img src="architect-studio/img/slide3.jpg">
</div>
</div>
</div>
<div class="slider-arrows">
<a href="javascript:void(0);" class="slider-arr slider-arr-up link" id="slider-arr-up"><i class="fas fa-angle-up"></i></a>
<a href="javascript:void(0);" class="slider-arr slider-arr-down link" id="slider-arr-down"><i class="fas fa-angle-down"></i></a>
</div>
</div>
<div class="slider-icons">
<ul class="slider-social banner-social">
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-facebook-f"></i> </a></li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-twitter"></i> </a></li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-linkedin-in"></i> </a></li>
<li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="fab fa-instagram"></i> </a></li>
</ul>
</div>
</section>
<!--SLider sec End-->
<!--About sec start-->
<section class="about-sec" id="about-sec">
<div class="about-overlay"></div>
<div class="container">
<div class="row">
<div class="col-12 col-lg-6 services-area padding-top padding-bottom">
<div class="purple-overlay"></div>
<div class="row no-gutters wow fadeInLeft">
<div class="col-12 col-lg-6 services text-center">
<div class="service-card">
<div class="icon-holder">
<i class="lni lni-briefcase"></i>
</div>
<h4 class="card-heading">Make Business</h4>
</div>
</div>
<div class="col-12 col-lg-6 services text-center">
<div class="service-card">
<div class="icon-holder">
<i class="lni lni-bulb"></i>
</div>
<h4 class="card-heading">Agency Ideas</h4>
</div>
</div>
<div class="col-12 col-lg-6 services text-center">
<div class="service-card">
<div class="icon-holder">
<i class="lni lni-heart"></i>
</div>
<h4 class="card-heading">Our Hardwork</h4>
</div>
</div>
<div class="col-12 col-lg-6 services text-center">
<div class="service-card">
<div class="icon-holder">
<i class="las la-wallet"></i>
</div>
<h4 class="card-heading">Make Money</h4>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-6 about-area padding-top padding-bottom text-center text-lg-left">
<div class="about-content wow fadeInRight">
<div class="about-inner-content">
<h4 class="heading">WE ARE <span class="text-yellow">ARCHITECT STUDIO</span></h4>
<p class="text">
Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy. Lorem Ipsum has been the industry’s standard dummy. Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy. Lorem Ipsum has been the industry’s standard dummy.
</p>
<p class="text">
Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy. Lorem Ipsum has been the industry’s standard dummy.
</p>
<a href="#about-sec" class="btn white-trans-btn rounded-pill">LEARN MORE
<span></span><span></span><span></span><span></span>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--About sec End-->
<!--Stats sec start-->
<section class="stats-sec padding-top padding-bottom" id="stats-sec">
<div class="container">
<div class="row">
<div class="col-12 stats-heading-area text-center">
<span class="sub-heading">Lorem ipsum is simply dummy text </span>
<h4 class="heading">STUDIO STATS & FACTS</h4>
<p class="text">
Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy. Lorem Ipsum has been the industry’s standard dummy. Lorem ipsum is simply dummy text of the printing and typesetting.
</p>
</div>
</div>
<div class="row circular-wrap text-center">
<div class="col-12 col-lg-4 wow bounceIn">
<div id="circle" class="circle" data-value="0.77">
<h6 class="counter-num">257%</h6>
</div>
<h4 class="darkcolor">Increase in Sales year on year</h4>
</div>
<div class="col-12 col-lg-4 wow bounceIn">
<div id="circletwo" class="circle" data-value="0.96">
<h6 class="counter-num">96%</h6>
</div>
<h4 class="darkcolor">Recommendation rate over the year</h4>
</div>
<div class="col-12 col-lg-4 wow bounceIn">
<div id="circlethree" class="circle" data-value="0.75">
<h6 class="counter-num">317%</h6>
</div>
<h4 class="darkcolor">New ventures we became part of</h4>
</div>
</div>
</div>
</section>
<!--Stats sec End-->
<!--Team sec start-->
<section class="team-sec position-relative" id="team-sec">
<div class="left-overlay"></div>
<div class="container">
<div class="row inner-team-sec padding-top padding-bottom">
<div class="col-12 col-lg-4 text-center text-lg-left">
<div class="team-detail wow fadeInLeft">
<h4 class="heading">WE HAVE <span>AMAZING TEAM</span></h4>
<p class="text">
Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.
</p>
</div>
</div>
<div class="col-12 col-lg-8">
<div class="team-area wow fadeInRight">
<div class="row no-gutters team-carousel owl-carousel owl-theme">
<div class="item text-center">
<div class="team-box">
<div class="img-holder position-relative">
<img src="architect-studio/img/team1.jpg">
<div class="overlay d-flex justify-content-center align-items-center">
<!--Team Social-->
<ul class="team-social">
<li><a class="facebook-text-hvr" href="javascript:void(0);"><i class="lab la-facebook-f" aria-hidden="true"></i></a></li>
<li><a class="twitter-text-hvr" href="javascript:void(0);"><i class="lab la-twitter" aria-hidden="true"></i></a></li>
<li><a class="instagram-text-hvr" href="javascript:void(0);"><i class="lab la-instagram" aria-hidden="true"></i></a></li>
<li><a class="pinterest-text-hvr" href="javascript:void(0);"><i class="lab la-pinterest-p" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
<div class="team-info">
<h4 class="team-name">Eden Wooderburg</h4>
<p class="team-designation">Creative Head</p>
</div>
</div>
</div>
<div class="item text-center">
<div class="team-box">
<div class="img-holder position-relative">
<img src="architect-studio/img/team2.jpg">
<div class="overlay d-flex justify-content-center align-items-center">
<!--Team Social-->
<ul class="team-social">
<li><a class="facebook-text-hvr" href="javascript:void(0);"><i class="lab la-facebook-f" aria-hidden="true"></i></a></li>
<li><a class="twitter-text-hvr" href="javascript:void(0);"><i class="lab la-twitter" aria-hidden="true"></i></a></li>
<li><a class="instagram-text-hvr" href="javascript:void(0);"><i class="lab la-instagram" aria-hidden="true"></i></a></li>
<li><a class="pinterest-text-hvr" href="javascript:void(0);"><i class="lab la-pinterest-p" aria-hidden="true"></i></a></li>
</ul>
</div>
</div>
<div class="team-info">
<h4 class="team-name">Angelo Walking</h4>
<p class="team-designation">Design Lead</p>
</div>
</div>
</div>
</div>
<a href="javascript:void(0);" class="team-nav team-prev" id="team-prev">
<i class="fas fa-angle-left"></i>
</a>
<a href="javascript:void(0);" class="team-nav team-next" id="team-next">
<i class="fas fa-angle-right"></i>
</a>
</div>
</div>
</div>
</div>
</section>
<!--Team sec End-->
<!--portfolio section start-->
<section class="portfolio-sec company-portfolio-section padding-top" id="company-portfolio-section">
<div class="container">
<div class="section-heading">
<div class="row">
<div class="col-lg-6 wow fadeInUp text-center text-lg-left" data-wow-delay="300ms">
<h4 class="heading">OUR <span>AMAZING PORTFOLIO</span></h4>
</div>
<div class="col-md-12 pt-5">
<div id="js-filters-mosaic" class="cbp-l-filters-button wow fadeInUp text-center text-lg-left" data-wow-delay="350ms">
<div data-filter="*" class="cbp-filter-item-active cbp-filter-item"> ALL</div>
<div data-filter=".web" class="cbp-filter-item">STUDIO DESIGN</div>
<div data-filter=".logo" class="cbp-filter-item">ARCHITECTURE</div>
<div data-filter=".mobile" class="cbp-filter-item">MAPS</div>
<div data-filter=".development" class="cbp-filter-item">DEVELOPMENT</div>
</div>
<div id="js-grid-mosaic" class="cbp cbp-l-grid-mosaic">
<div class="cbp-item web logo">
<a href="architect-studio/img/p1.jpg" class="cbp-caption cbp-lightbox" data-title="Workout Buddy<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="architect-studio/img/p1.jpg" alt="img">
</div>
<div class="cbp-caption-activeWrap portfolio-hover-effect d-flex align-items-end">
<div class="portfolio-inner-content">
<span></span>
<span></span>
</div>
<div class="hover-text">
<h4 class="p-hover-title">Creative</h4>
<p class="p-hover-des">35 WP Anniversary</p>
</div>
</div>
</a>
</div>
<div class="cbp-item mobile web">
<a href="architect-studio/img/p2.jpg" class="cbp-caption cbp-lightbox" data-title="Workout Buddy<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="architect-studio/img/p2.jpg" alt="img">
</div>
<div class="cbp-caption-activeWrap portfolio-hover-effect d-flex align-items-end">
<div class="portfolio-inner-content">
<span></span>
<span></span>
</div>
<div class="hover-text">
<h4 class="p-hover-title">Design</h4>
<p class="p-hover-des">35 WP Anniversary</p>
</div>
</div>
</a>
</div>
<div class="cbp-item print logo development web mobile">
<a href="architect-studio/img/p3.jpg" class="cbp-caption cbp-lightbox" data-title="Workout Buddy<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="architect-studio/img/p3.jpg" alt="img">
</div>
<div class="cbp-caption-activeWrap portfolio-hover-effect d-flex align-items-end">
<div class="portfolio-inner-content">
<span></span>
<span></span>
</div>
<div class="hover-text">
<h4 class="p-hover-title">Architect</h4>
<p class="p-hover-des">35 WP Anniversary</p>
</div>
</div>
</a>
</div>
<div class="cbp-item logo development">
<a href="architect-studio/img/p4.jpg" class="cbp-caption cbp-lightbox" data-title="Workout Buddy<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="architect-studio/img/p4.jpg" alt="img">
</div>
<div class="cbp-caption-activeWrap portfolio-hover-effect d-flex align-items-end">
<div class="portfolio-inner-content">
<span></span>
<span></span>
</div>
<div class="hover-text">
<h4 class="p-hover-title">Development</h4>
<p class="p-hover-des">35 WP Anniversary</p>
</div>
</div>
</a>
</div>
</div>
<div id="js-loadMore-lightbox-gallery" class="cbp-l-loadMore-button text-data wow fadeInUp" data-wow-delay="650ms">
<div class="row portfolio-foot-detail text-data-inner">
<div class="col-12 col-lg-4 offset-lg-6 text-center text-lg-left pl-4">
<span class="p-text">We've Completed More Then</span>
<h4 class="p-num text-yellow">530</h4>
<span class="p-text">Projects for Our amazing Clients</span>
</div>
<div class="col-12 col-lg-2 d-flex justify-content-center justify-content-lg-end align-items-center"><button class="btn black-btn rounded-pill">VIEW ALL<span></span><span></span><span></span><span></span></button> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--portfolio section end-->
<!--testimonial section start-->
<div class="testimonial-sec padding-top position-relative" id="testimonial-sec">
<div class="right-overlay"></div>
<div class="container">
<div class="testimonial-area padding-top padding-bottom">
<div class="container">
<div class="row">
<div class="col-12 col-lg-5 d-flex justify-content-center align-items-center text-center text-lg-left">
<div class="testimonial-details wow fadeInLeft">
<h4 class="heading">SATISFIED <span>CUSTOMERS</span></h4>
<p class="text">
Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.
</p>
</div>
</div>
<div class="col-12 col-lg-6 offset-lg-1">
<div class="testimonial-carousel wow fadeInRight">
<div class="testimonial-box owl-carousel owl-theme">
<div class="item text-center">
<div class="icon-holder">
<i class="fas fa-quote-right"></i>
</div>
<p class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae egestas mi, vel dapibus diam. Mauris malesuada, nisl non rutrum commodo, sem magna laoreet tellus, eu euismod dolor enim et mi. In at tempor purus.
</p>
<div class="img-holder">
<img src="architect-studio/img/test1.jpg">
</div>
<h4 class="user-name">Sara Williams</h4>
</div>
<div class="item text-center">
<div class="icon-holder">
<i class="fas fa-quote-right"></i>
</div>
<p class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae egestas mi, vel dapibus diam. Mauris malesuada, nisl non rutrum commodo, sem magna laoreet tellus, eu euismod dolor enim et mi. In at tempor purus.
</p>
<div class="img-holder">
<img src="architect-studio/img/test2.jpg">
</div>
<h4 class="user-name">Julia Miltese</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--testimonial section end-->
<!--sponsers section start-->
<div class="sponser-sec padding-top" id="sponser-sec">
<div class="container">
<div class="row">
<div class="col-12">
<div class="sponser-tags owl-carousel owl-theme">
<div class="item">
<img src="architect-studio/img/brand4.png">
</div>
<div class="item">
<img src="architect-studio/img/brand4.png">
</div>
<div class="item">
<img src="architect-studio/img/brand4.png">
</div>
<div class="item">
<img src="architect-studio/img/brand4.png">
</div>
<div class="item">
<img src="architect-studio/img/brand4.png">
</div>
<div class="item">
<img src="architect-studio/img/brand4.png">
</div>
</div>
</div>
</div>
</div>
</div>
<!--sponsers section end-->
<!--Blogs section start-->
<section class="blog-sec" id="blog-sec">
<div class="left-overlay"></div>
<div class="container position-relative">
<div class="blog-inner-overlay"></div>
<div class="row blog-area">
<div class="col-12 col-lg-5 d-flex align-items-center text-center text-lg-left">
<div class="blog-detail wow fadeInLeft">
<h4 class="heading text-black">LATEST <span>DESIGN BLOGS</span></h4>
<p class="text text-black">
Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.
</p>
<a class="btn anim-btn rounded-pill" href="architect-studio/standard-blog.html">LEARN MORE
<span></span><span></span><span></span><span></span>
</a>
</div>
</div>
<div class="col-12 col-lg-6 offset-lg-1">
<div class="blog-img wow fadeInRight">
<img src="architect-studio/img/blog1.png" alt="blog-img">
</div>
</div>
</div>
</div>
</section>
<!--Blogs section end-->
<!--Contact section start-->
<section class="contact-sec padding-top padding-bottom" id="contact-sec">
<div class="container">
<div class="row">
<div class="col-12 col-lg-7">
<h4 class="heading text-center text-lg-left">GET IN TOUCH</h4>
<form class="row contact-form wow fadeInLeft" id="contact-form-data">
<div class="col-sm-12" id="result"></div>
<div class="col-12 col-md-5">
<input type="text" name="userName" placeholder="Your Name" class="form-control">
<input type="email" name="userEmail" placeholder="Email Address *" class="form-control">
<input type="text" name="userSubject" placeholder="Subject" class="form-control">
</div>
<div class="col-12 col-md-7">
<textarea class="form-control" name="userMessage" rows="6" placeholder="Your Message"></textarea>
</div>
<div class="col-12">
<a href="javascript:void(0);" class="btn yellow-btn rounded-pill w-100 contact_btn"><i class="fa fa-spinner fa-spin mr-2 d-none" aria-hidden="true"></i> Send Message
<span></span><span></span><span></span><span></span><span></span>
</a>
</div>
</form>
</div>
<div class="col-12 col-lg-5 text-center text-lg-left position-relative">
<div class="contact-details wow fadeInRight">
<h4 class="heading">OUR LOCATION</h4>
<p class="text">
There are many variations of passages of Lorem Ipsum available, but the majority have suffered .
</p>
<ul>
<li><i class="las la-map-marker addr"></i>123 Park Avenue, New York, United States </li>
<li><i class="las la-phone-volume phone"></i>
<span>+1 631 1234 5678</span>
<span>+1 631 1234 5678</span>
</li>
<li><i class="las la-paper-plane email"></i>email@website.com</li>
</ul>
</div>
<img src="architect-studio/img/contact-background.png" class="contact-background" alt="contact">
</div>
</div>
</div>
</section>
<!--Contact section 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-->
<!--Scroll Top Start-->
<span class="scroll-top-arrow"><i class="fas fa-angle-up"></i></span>
<!--Scroll Top End-->
<!--Animated Cursor-->
<div class="aimated-cursor">
<div class="cursor">
<div class="cursor-loader"></div>
</div>
</div>
<!--Animated Cursor 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>
<!--Tilt Js-->
<script src="architect-studio/js/slick.js"></script>
<script src="architect-studio/js/slick.min.js"></script>
<!-- custom script-->
<script src="architect-studio/js/circle-progress.min.js"></script>
<script src="architect-studio/js/TweenMax.min.js"></script>
<script src="vendor/js/contact_us.js"></script>
<script src="architect-studio/js/script.js"></script>
</body>
</html>