?
á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 ready home page demos.">
<!-- Page Title -->
<title>Info | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link href="vendor/img/favicon.ico" rel="icon">
<!-- Bundle -->
<link rel="stylesheet" href="vendor/css/bundle.min.css">
<link href="vendor/css/LineIcons.min.css" rel="stylesheet">
<link href="vendor/css/line-awesome.min.css" rel="stylesheet">
<link href="vendor/css/megamenu.css" rel="stylesheet">
<!-- Style Sheet -->
<link href="vendor/css/elements.css" rel="stylesheet">
</head>
<!-- Js Files -->
<script src="vendor/js/bundle.min.js"></script>
<script src="vendor/js/jquery.appear.js"></script>
<body>
<!-- Start Element Heading -->
<section id="elements" class="ui-element bg-light-gray">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="main-title wow fadeIn" data-wow-delay="300ms">
<div class="main-title-opacity-text"> <h1 class="d-flex justify-content-center">Elements </h1> </div>
<h1 class="color-purple heading-tooltip-number position-relative d-inline-block">Elements</h1>
<h2 class="color-black"> Info UI Blocks </h2>
<p class="color-black font-weight-500 text-uppercase">Power up your pages with these elements. Each element comes with a variety of options for your choice.</p>
</div>
</div>
</div>
</div>
</section>
<!-- End Element Heading -->
<!-- Start Header -->
<header class="megamenu mega-elements pt-5">
<nav class="navbar navbar-top-default navbar-expand-lg static-nav transparent-bg fixed-menu">
<div class="container container-width">
<div id="menu" class="collapse navbar-collapse d-none d-lg-block mod-menu">
<ul class="nav navbar-nav mx-auto">
<li class="nav-item"> <a href="elements-info.html" target="_blank" class="nav-link link active">Info Blocks</a></li>
<li class="nav-item"> <a href="elements-team.html" target="_blank" class="nav-link link">Team Blocks</a></li>
<li class="nav-item"> <a href="index-elements-portfolio.html" target="_blank" class="nav-link link">Portfolio Blocks</a></li>
<li class="nav-item"> <a href="elements-pricing.html" target="_blank" class="nav-link link">Pricing Blocks</a></li>
<li class="nav-item mega-menu active"> <a href="javascript:void(0)" class="nav-link dropdown-arrow">Others <i class="fas fa-angle-down"></i></a>
<ul class="hide-cursor bg-white text-left">
<li class="p-0">
<ul>
<li> <a class="dropdown-items" target="_blank" href="elements-counter.html">Counter Blocks</a> </li>
<li> <a class="dropdown-items" target="_blank" href="elements-quote.html">Quote Blocks</a> </li>
</ul>
</li>
<li class="p-0">
<ul>
<li> <a class="dropdown-items" target="_blank" href="elements-footer.html">Footer Blocks</a> </li>
<li> <a class="dropdown-items" target="_blank" href="elements-button.html">Button Blocks</a> </li>
</ul>
</li>
<li class="p-0">
<ul>
<li> <a class="dropdown-items" target="_blank" href="elements-testimonials.html">Testimonial Blocks</a> </li>
<li> <a class="dropdown-items" target="_blank" href="elements-typography.html">Typography Blocks</a> </li>
<li> <a class="dropdown-items" target="_blank" href="elements-blog.html">Blog Blocks</a> </li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<!-- side menu open button -->
<a class="menu_bars d-inline-block d-lg-none menu-bars-setting" id="sidemenu_toggle">
<div class="menu-lines">
<span></span>
<span></span>
<span></span>
</div>
</a>
</div>
</nav>
<!-- Side Menu -->
<div class="side-menu d-none">
<div class="inner-wrapper nav-icon">
<span class="btn-close link" id="btn_sideNavClose"></span>
<nav class="side-nav w-100">
<div class="position-relative">
<!-- Main Menu -->
<div class="navbar-nav side-main-menu">
<a class="nav-link" href="elements-info.html">Info Blocks</a>
<a class="nav-link" href="elements-team.html">Team Blocks</a>
<a class="nav-link" href="elements-quote.html">Portfolio Blocks</a>
<a class="nav-link" href="elements-quote.html">Pricing Blocks</a>
<a class="nav-link active sidenav-arrow multi-item1" href="javascript:void(0)">Others <i class="fas fa-angle-right"></i></a>
</div>
<!-- Home Section Sub Menu -->
<div class="navbar-nav sub-multi-item1">
<a class="nav-link sidenav-arrow item1" href="javascript:void(0)">Demos 1 <i class="fas fa-arrow-right"></i></a>
<a class="nav-link sidenav-arrow item2" href="javascript:void(0)">Demos 2 <i class="fas fa-arrow-right"></i></a>
<a class="nav-link sidenav-arrow item3" href="javascript:void(0)">Demos 3 <i class="fas fa-arrow-right"></i></a>
<a class="nav-link arrow-back back-main" href="javascript:void(0)"><i class="fas fa-angle-left"></i>Back</a>
</div>
<!-- Home Section Inner Menu -->
<div class="navbar-nav inner-multi-item1 item1">
<a class="nav-link" target="_blank" href="elements-blog.html">Testimonial Blocks</a>
<a class="nav-link" target="_blank" href="elements-counter.html">Typography Blocks</a>
<a class="nav-link" target="_blank" href="elements-button.html">Blog Blocks</a>
<a class="nav-link arrow-back back" href="javascript:void(0)"><i class="fas fa-angle-left"></i>Back</a>
<a class="nav-link arrow-back back-main" href="javascript:void(0)">Back To Main</a>
</div>
<div class="navbar-nav inner-multi-item1 item2">
<a class="nav-link" target="_blank" href="elements-testimonials.html">Footer Blocks</a>
<a class="nav-link" target="_blank" href="elements-footer.html">Button Blocks</a>
<a class="nav-link link arrow-back back" href="javascript:void(0)"><i class="fas fa-angle-left"></i>Back</a>
<a class="nav-link arrow-back back-main" href="javascript:void(0)">Back To Main</a>
</div>
<div class="navbar-nav inner-multi-item1 item3">
<a class="nav-link" target="_blank" href="index-elements-portfolio.html">Counter Blocks</a>
<a class="nav-link" target="_blank" href="elements-typography.html">Quote Blocks</a>
<a class="nav-link arrow-back back" href="javascript:void(0)"><i class="fas fa-angle-left"></i>Back</a>
<a class="nav-link arrow-back back-main" href="javascript:void(0)">Back To Main</a>
</div>
</div>
</nav>
<div class="side-footer text-white w-100">
<ul class="social-icons-simple">
<li class="side-menu-icons animated-wrap pb-0"><a class="animated-element" href="javascript:void(0)"><i class="ti ti-facebook color-white"></i> </a> </li>
<li class="side-menu-icons animated-wrap pb-0"><a class="animated-element" href="javascript:void(0)"><i class="ti ti-instagram color-white"></i> </a> </li>
<li class="side-menu-icons animated-wrap pb-0"><a class="animated-element" href="javascript:void(0)"><i class="ti ti-twitter color-white"></i> </a> </li>
</ul>
<p class="text-white">© 2021 MegaOne. Made With Love by Themesindustry</p>
</div>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
<!-- Side Menu -->
</header>
<!-- End Header -->
<!-- Start ui-block-01 -->
<section class="about ui-block-01">
<div class="container">
<!--Heading-->
<div class="row text-center">
<div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2 wow zoomIn heading-area" data-wow-duration="1s" data-wow-delay=".1s">
<h3 class="heading text-center">We are World’s Leading <span class="d-block"> Kitchen Designers</span></h3>
<p class="text text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida.</p>
</div>
</div>
<!-- App Detail -->
<div class="row align-items-center">
<div class="col-lg-5 wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".5s">
<!-- Service-1 -->
<div class="row app-feature equal-margin">
<div class="col-12 col-lg-3 p-lg-0">
<h5 class="number">01.</h5>
</div>
<div class="col-12 col-lg-9 p-lg-0">
<h4 class="my-3">Modern Designs</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices.</p>
</div>
</div>
<!-- Service-3-->
<div class="row app-feature equal-margin">
<div class="col-12 col-lg-3 p-lg-0">
<h5 class="number">03.</h5>
</div>
<div class="col-12 col-lg-9 p-lg-0">
<h4 class="my-3">Affordable Prices</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices.</p>
</div>
</div>
</div>
<div class="col-lg-2 wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s"></div>
<div class="col-lg-5 wow fadeInRight" data-wow-duration="1s" data-wow-delay=".5s">
<!-- Service-2 -->
<div class="row app-feature equal-margin">
<div class="col-12 col-lg-3 p-lg-0">
<h5 class="number">02.</h5>
</div>
<div class="col-12 col-lg-9 p-lg-0">
<h4 class="my-3">Quality Work</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices.</p>
</div>
</div>
<!-- Service-4 -->
<div class="row app-feature equal-margin">
<div class="col-12 col-lg-3 p-lg-0">
<h5 class="number">04.</h5>
</div>
<div class="col-12 col-lg-9 p-lg-0">
<h4 class="my-3">Future Suport</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices.</p>
</div>
</div>
</div>
</div>
<!-- Quote Btn -->
<div class="row text-center">
<div class="col-12 wow slideInUp" data-wow-duration="1s" data-wow-delay=".5s">
<div class="quote-btn">
<p>Lorem ipsum dolor sit amet</p>
<h4>Let us build your kitchen!</h4>
<a href="javascript:void(0);" class="btn btn-medium btn-rounded btn-green">Learn More</a>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-01 -->
<hr>
<!-- Start ui-block-02 -->
<section class="about ui-block-02">
<div class="container">
<div class="row align-items-center">
<!-- About Video -->
<div class=" col-sm-12 col-md-6 img-sec mt-5 mt-md-0 wow fadeIn order-2 order-md-1" data-wow-duration="1.5s" data-wow-delay=".5s">
<div class="red_rectangle"></div>
<div class="about_img position-relative">
<img src="vendor/img/elements-img/info-img/ui-block-02.jpg" alt="About Image">
<a data-fancybox="video" href="https://www.youtube.com/watch?v=7e90gBu4pas" class="video-play-button position-absolute">
<i class="las la-play"></i>
</a>
</div>
</div>
<!-- Content -->
<div class="col-sm-12 col-md-6 pl-md-5 wow fadeInRight order-1 order-md-1" data-wow-duration="1.5s" data-wow-delay=".5s">
<div class="about-heading">
<p class="text-small alt-font text-red">My Success Story</p>
<h1 class="heading margin_heading main-font">How I Started</h1>
<p class="info">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mauris arcu. Lorem ipsum dolor sit amet.</p>
<p class="info my-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mauris arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc mauris arcu.</p>
<a href="javascript:void(0);" class="scroll btn btn-medium btn-rounded btn-trans-white mt-2">Learn More</a>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-02 -->
<hr>
<!-- Start ui-block-03 -->
<section class="about-sec ui-block-03">
<div class="container">
<!-- Heading Area -->
<div class="row about-details text-center">
<div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2 wow zoomIn heading-area" data-wow-duration="1s" data-wow-delay=".1s">
<p class="sub-heading text-center">Most flexible one page</p>
<h3 class="heading text-center">What We Do</h3>
<p class="text text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</div>
</div>
<div class="row our-about-sec text-center">
<!-- First Box -->
<div class="col-12 col-lg-4 wow slideInLeft about-card" data-wow-duration="1s">
<a href="javascript:void(0);">
<div class="image-holder text-green"><i class="lni-pencil-alt"></i></div>
<h3 class="about-card-heading">Branding Design</h3>
<p class="about-card-detail">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</a>
</div>
<!-- Second Box -->
<div class="col-12 col-lg-4 wow slideInUp about-card active selected" data-wow-duration="1s">
<a href="javascript:void(0);">
<div class="image-holder text-blue"><i class="lni-cog"></i></div>
<h3 class="about-card-heading">SEO Marketing</h3>
<p class="about-card-detail">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</a>
</div>
<!-- Third Box -->
<div class="col-12 col-lg-4 wow slideInRight about-card" data-wow-duration="1s">
<a href="javascript:void(0);">
<div class="image-holder text-purple"><i class="lni-code"></i></div>
<h3 class="about-card-heading">Web Development</h3>
<p class="about-card-detail">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</a>
</div>
</div>
</div>
</section>
<script>
$('.about-card').on('mouseenter' , function(){
$('.about-card').removeClass('active');
$(this).addClass('active');
}).on('mouseleave' , function(){
$('.about-card').removeClass('active');
$('.about-card.selected').addClass('active');
});
</script>
<!-- Cut the script tag including the script and paste it before the body ending tag at the bottom of your html file -->
<!-- End ui-block-03 -->
<hr>
<!-- Start ui-block-04 -->
<section class="ui-block-04 about">
<div class="container">
<div class="row">
<div class="col-12 col-lg-5">
<div class="heading-area">
<h4 class="heading wow slideInLeft">Creativity <span> In Our Designs</span></h4>
</div>
</div>
<div class="col-12 col-lg-7">
<div class="image-holder wow slideInRight">
<img src="vendor/img/elements-img/info-img/ui-block-04.jpg" alt="service-img">
</div>
</div>
<div class="col-12 padding-top-half">
<ul class="services-boxes">
<!-- Service-1 -->
<li class="service-card left wow slideInLeft">
<div class="icon-holder"><i class="lni lni-bulb"></i></div>
<p class="text">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.</p>
</li>
<!-- Service-2 -->
<li class="service-card right d-block text-center wow slideInRight">
<div class="icon-holder"><i class="lni lni-briefcase"></i></div>
<p class="text">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.</p>
</li>
<!-- Service-3 -->
<li class="service-card left icon-right text-center text-lg-right wow slideInLeft">
<p class="text order-2 order-lg-1">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.</p>
<div class="icon-holder order-1 order-lg-2"><i class="lni lni-heart"></i></div>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- End ui-block-04 -->
<hr>
<!-- Start ui-block-05 -->
<section class="about ui-block-05">
<div class="container">
<div class="row">
<!-- Image -->
<div class="col-12 col-lg-6 img-sec">
<div class="green_rectangle"></div>
<div class="about_img margin_about-img">
<img src="vendor/img/elements-img/info-img/ui-block-05.jpg" alt="About Image">
</div>
</div>
<!-- Content -->
<div class="col-12 col-lg-6">
<div class="heading-area feature-margin">
<span class="sub-heading text-blue">Lorem ipsum is simply.</span>
<h4 class="heading">We love our work more than anything else.</h4>
<p class="text">Lorem ipsum is simply dummy text of the printing and typesetting.</p>
</div>
<!-- Item-1 -->
<div class="feature-item">
<div class="laptop-features-icon text-pink">
<span class="icon"><i class="lni lni-briefcase"></i></span>
</div>
<div class="features-content">
<h4>Lorem ipsum heading</h4>
<p>Lorem ipsum is simply dummy text of the printing and typesetting.</p>
</div>
</div>
<!-- Item-2 -->
<div class="feature-item">
<div class="laptop-features-icon text-blue">
<span class="icon"><i class="lni lni-heart"></i></span>
</div>
<div class="features-content">
<h4>Lorem ipsum.</h4>
<p>Lorem ipsum is simply dummy text of the printing and typesetting.</p>
</div>
</div>
<!-- Item-3 -->
<div class="feature-item">
<div class="laptop-features-icon text-purple">
<span class="icon"><i class="lni lni-bulb"></i></span>
</div>
<div class="features-content">
<h4>Lorem ipsum Idea.</h4>
<p>Lorem ipsum is simply dummy text of the printing and typesetting.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-05 -->
<hr>
<!-- Start ui-block-06 -->
<section class="about ui-block-06">
<div class="container">
<div class="row">
<div class="col-12 col-lg-6 wow fadeInLeft" data-wow-delay="300ms">
<p class="text-pink font-weight-200 font-20">Basic Info about company</p>
<h1 class="main-font font-weight-600 text-white">Corporate Design<span>and Media Agency</span> <span> in NewYork</span></h1>
</div>
<div class="col-12 col-lg-6 m-ipad wow fadeInRight" data-wow-delay="300ms">
<div class="ml-md-4 pl-md-2 font-weight-200 text-grey font-18">
<p>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>
<p>Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. Quisque vitae sodales lectus. </p>
</div>
</div>
</div>
<!-- About Boxes -->
<div class="row about-margin">
<!-- First Box -->
<div class="col-md-4 col-sm-12">
<div class="about-box center-block bg-green wow zoomIn" data-wow-delay="400ms">
<div class="about-main-icon pb-4">
<i class="fa fa-lightbulb" aria-hidden="true"></i>
</div>
<h5>We have some investment<span> ideas for you.</span></h5>
</div>
</div>
<!-- Second Box -->
<div class="col-md-4 col-sm-12">
<div class="about-box center-block bg-blue wow zoomIn" data-wow-delay="500ms">
<div class="about-main-icon pb-4">
<i class="fa fa-briefcase" aria-hidden="true"></i>
</div>
<h5>Your business is our <span>top priority.</span></h5>
</div>
</div>
<!-- Third Box -->
<div class="col-md-4 col-sm-12">
<div class="about-box center-block bg-green wow zoomIn" data-wow-delay="600ms">
<div class="about-main-icon pb-4">
<i class="fa fa-grin-hearts" aria-hidden="true"></i>
</div>
<h5>We love our valued <span> customers.</span></h5>
</div>
</div>
</div>
<!-- About Image -->
<div class="d-flex justify-content-center wow bounceInLeft" data-wow-delay="300ms">
<img src="vendor/img/elements-img/info-img/ui-block-06.png" alt="About-Us">
</div>
</div>
</section>
<!-- End ui-block-06 -->
<hr>
<!-- Start ui-block-07 -->
<section class="about-sec ui-block-07 bg-gray">
<div class="container">
<div class="row about-details text-center">
<div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2 wow zoomIn" data-wow-duration="1s" data-wow-delay=".1s">
<p class="sub-heading text-center"><span></span>Most flexible one page</p>
<h3 class="heading text-center">Trending <span class="d-block">Creative Agency</span></h3>
<p class="text text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, metus ut posuere gravida, tellus lacus faucibus lectus, sed cursused eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.</p>
<a href="javascript:void(0);" class="btn btn-medium btn-rounded btn-red scroll">Learn More</a>
</div>
</div>
<div class="row our-about-sec">
<div class="col-12 col-lg-4 wow slideInLeft" data-wow-duration="1s">
<div class="about-card text-center">
<a href="javascript:void(0);">
<div class="image-holder">
<i class="lni-pencil-alt"></i>
</div>
<h3 class="about-card-heading">Logo Designing</h3>
<p class="about-card-detail">
Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.
</p>
</a>
</div>
</div>
<div class="col-12 col-lg-4 wow slideInUp" data-wow-duration="1s">
<div class="about-card text-center">
<a href="javascript:void(0);">
<div class="image-holder">
<i class="lni-cog"></i>
</div>
<h3 class="about-card-heading">Customer Setup</h3>
<p class="about-card-detail">
Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.
</p>
</a>
</div>
</div>
<div class="col-12 col-lg-4 wow slideInRight" data-wow-duration="1s">
<div class="about-card text-center ">
<a href="javascript:void(0);">
<div class="image-holder">
<i class="lni-code"></i>
</div>
<h3 class="about-card-heading">Latest Technologies</h3>
<p class="about-card-detail">
Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.
</p>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-07 -->
<hr>
<!-- Start ui-block-08 -->
<section class="ui-block-08 about">
<div class="container">
<div class="row">
<div class=" col-sm-12 col-md-6 col-lg-6 img-sec">
<div class="green_rectangle"></div>
<div class="about_img margin_aboutimg">
<img src="vendor/img/elements-img/info-img/ui-block-08.jpg" alt="Yoga Image">
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-6">
<div class="about-heading">
<p class="colored_heading wow fadeInUp" data-wow-delay="400ms" data-wow-duration="0.5s" style="visibility: visible; animation-delay: 300ms; animation-name: fadeInUp;">Information about us</p>
<h1 class="heading margin_heading wow fadeInUp" data-wow-delay="600ms" data-wow-duration="0.8s" style="visibility: visible; animation-delay: 300ms; animation-name: fadeInUp;">How We Do Gardening</h1>
<p class="info wow fadeInUp" data-wow-delay="800ms" data-wow-duration="1.3s" style="visibility: visible; animation-delay: 400ms; animation-name: fadeInUp;">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.
<span class="mt-3">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend.</span></p>
<a href="javascript:void(0);" class="btn btn-medium btn-rounded btn-blue margin_button wow fadeInUp" data-wow-delay="900ms" data-wow-duration="1s" style="visibility: visible; animation-delay: 600ms; animation-name: fadeInUp;">Read More</a>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-08 -->
<hr>
<!-- End ui-block-09 -->
<section class="ui-block-09 about">
<div class="container">
<div class="row">
<div class="col-lg-6 wow fadeInLeft">
<div class="heading-area">
<span class="sub-title">We are megaone company</span>
<h2 class="title">We are making <span class="alt-color js-rotating">design, ideas</span> better for
everyone</h2>
<p class="para">There are many variations of passages of Lorem Ipsum available, but the majority
have suffered alteration in some form, by injected humour, or randomised words which don't look
even slightly believable. If you are going to use a passage of Lorem Ipsum.</p>
<a class="btn btn-large btn-rounded btn-pink btn-hvr-blue mt-3" href="javascript:void(0);">Learn
More
<div class="btn-hvr-setting">
<ul class="btn-hvr-setting-inner">
<li class="btn-hvr-effect"></li>
<li class="btn-hvr-effect"></li>
<li class="btn-hvr-effect"></li>
<li class="btn-hvr-effect"></li>
</ul>
</div>
</a>
</div>
</div>
<div class="col-lg-6 wow fadeInRight">
<div class="half-img mt-5 pt-4 mt-lg-0 pt-lg-0">
<img alt="vector" src="vendor/img/elements-img/info-img/ui-block-09.png">
</div>
</div>
</div>
</div>
</section>
<script src="vendor/js/morphext.min.js"></script>
<script>
if ($(".ui-block-09.about .js-rotating").length) {
$(".ui-block-09.about .js-rotating").Morphext({
// The [in] animation type. Refer to Animate.css for a list of available animations.
animation: "flipInX",
// An array of phrases to rotate are created based on this separator. Change it if you wish to separate the phrases differently (e.g. So Simple | Very Doge | Much Wow | Such Cool).
separator: ",",
// The delay between the changing of each phrase in milliseconds.
speed: 3000,
complete: function () {
// Called after the entrance animation is executed.
}
});
}
</script>
<!-- Cut the script tag including the script and paste it before the body ending tag at the bottom of your html file -->
<!-- End ui-block-09 -->
<hr>
<!-- Start ui-block-10 -->
<section class="about-sec ui-block-10">
<svg id="about-header-svg" class="separator__svg" width="100%" viewBox="0 0 100 100" preserveAspectRatio="none" fill="#e8d716" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M 100 100 V 10 L 0 100"/>
<path d="M 30 73 L 100 18 V 10 Z" fill="#e8d716" stroke-width="0"/>
</svg>
<div class="container">
<div class="row">
<!-- Heading Area-->
<div class="col-lg-5 wow fadeInUp">
<div class="service-details">
<h1>WE ARE</h1>
<h1><span>DIGITAL</span> AGENCY</h1>
<p>Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy. Lorem ipsum is simply dummy text of the printing and design.</p>
<a href="javascript:void(0);" class="btn btn-large btn-rounded btn-black-white-background mr-2 mt-2">Learn More</a>
</div>
</div>
<!-- Features Box-->
<div class="col-lg-7">
<div class="services-area-width-manage">
<div class="row no-gutters services-area">
<div class="col-12 col-md-6 services text-center">
<div class="service-card wow fadeInRight">
<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-md-6 services text-center">
<div class="service-card wow fadeInRight">
<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-md-6 services text-center">
<div class="service-card wow fadeInRight" data-wow-delay=".5s">
<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-md-6 services text-center">
<div class="service-card wow fadeInRight" data-wow-delay=".5s">
<div class="icon-holder">
<i class="lni lni-wallet"></i>
</div>
<h4 class="card-heading">Make Money</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<svg id="banner_svg" class="separator__svg" width="100%" viewBox="0 0 100 100" preserveAspectRatio="none" fill="#ffffff" version="1.1" xmlns="http://www.w3.org/2000/svg">
<path d="M 100 100 V 10 L 0 100"/>
<path d="M 30 73 L 100 18 V 10 Z" fill="#ffffff" stroke-width="0"/>
<img src="vendor/img/elements-img/info-img/ui-block-10.png" alt="plant" class="wow slideInLeft" data-wow-delay="1s">
</svg>
</section>
<!-- End ui-block-10 -->
<hr>
<!-- Start ui-block-11 -->
<section class="about overflow-hidden ui-block-11">
<div class="container">
<div class="row">
<div class="col-lg-6 pr-5 mb-5 mb-lg-0 wow fadeInLeft">
<div class="rare-box"></div>
<img src="vendor/img/elements-img/info-img/ui-block-11.jpg" class="about-img-small position-relative w-100" alt="">
</div>
<div class="col-lg-6 pl-6">
<div class="main-title text-lg-left offset-md-1 mb-0 wow fadeInUp" data-wow-delay="300ms">
<h5 class="wow fadeInUp" data-wow-delay="300ms"> Lorem ipsum dolor sit amet consectetur </h5>
<h2 class="wow fadeInUp font-weight-light" data-wow-delay="400ms"> We are making <span class="color-pink">design</span> better for everyone</h2>
<p class="pb-4 wow fadeInUp" data-wow-delay="500ms">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed augue diam, accumsan vitae justo non, euismod aliquam lectus. Etiam elementum tortor quis risus posuere, in cursus arcu lobortis.</p>
<ul class="pb-5 text-left wow fadeInUp" data-wow-delay="600ms">
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Morbi ornare nibh id cursus vestibulum.</li>
<li>Duis vitae lectus facilisis, tristique lorem sit amet, malesuada diam.</li>
</ul>
<a href="javascript:void(0);" class="btn-setting btn-hvr-up btn-yellow btn-hvr-pink text-white wow fadeInUp" data-wow-delay="700ms">learn more</a>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-11 -->
<hr>
<!-- Start ui-block-12 -->
<section class="feature ui-block-12">
<div class="container">
<div class="row">
<div class="col-lg-6 offset-lg-3 col-md-8 offset-md-2 col-sm-12 text-center">
<div class="text">
<div class="home-text text-black">
<h1 class="main-heading mb-4">We are Digital Agency</h1>
<p class="sub-heading mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
aliqua</p>
<a href="javascript:void(0);" class="btn btn-slider pink-btn rounded-pill">Learn More</a>
</div>
</div>
</div>
</div>
<div class="row mt-90">
<div class="col-12 col-md-4 mb-3 mb-md-0">
<div class="card box text-center">
<div class="feature-icon text-center">
<i class="far fa-lightbulb"></i>
</div>
<div class="card-body">
<p class="card-text sub-heading text-black">We have some creative ideas for you.</p>
</div>
</div>
</div>
<div class="col-12 col-md-4 mt-5 mt-md-0 mb-3 mb-md-0">
<div class="card box text-center">
<div class="feature-icon text-center center">
<i class="far fa-copy"></i>
</div>
<div class="card-body">
<p class="card-text sub-heading text-black">Your business is our top priority.</p>
</div>
</div>
</div>
<div class="col-12 col-md-4 mt-5 mt-md-0">
<div class="card box text-center">
<div class="feature-icon text-center">
<i class="far fa-heart"></i>
</div>
<div class="card-body">
<p class="card-text sub-heading text-black">We love our valued customers.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-12 -->
<hr>
<!-- Start ui-block-13 -->
<section class="bg-light-gray3 ui-block-13 about">
<div class="container">
<div class="row">
<div class="container">
<div class="main-title style-two d-flex justify-content-md-around align-items-center flex-column flex-md-row text-center text-md-left wow fadeIn" data-wow-delay="300ms">
<div class="mb-4 mb-md-0">
<h5> About company </h5>
<h2> Welcome to intro paragraph for some more info about the megaone company. </h2>
<a href="javascript:void(0);" class="btn-setting btn-scale btn-blue text-white">learn more</a>
</div>
<div class="ml-md-4 pl-md-2">
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sodales lobortis vehicula. Aliquam sodales turpis a neque sagittis, condimentum imperdiet risus luctus. Praesent cursus non risus in tempor. Phasellus eu purus sed arcu posuere consequat euismod ac augue. Morbi venenatis dictum consequat. Phasellus eu purus sed arcu posuere consequat euismod ac augue. Morbi venenatis dictum consequat.</p>
<p>Morbi venenatis dictum consequat. Phasellus eu purus sed arcu posuere consequat euismod ac augue. Morbi venenatis dictum consequat.</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-12 mb-xs-2rem">
<div class="about-box center-block wow zoomIn" data-wow-delay="400ms">
<div class="about-opacity-icon"> <i class="fa fa-briefcase" aria-hidden="true"></i> </div>
<div class="about-main-icon pb-4">
<i class="fa fa-briefcase" aria-hidden="true"></i>
</div>
<h5 class="mb-0">Our Consultants</h5>
</div>
</div>
<div class="col-md-3 col-sm-12 mb-xs-2rem">
<div class="about-box active center-block wow zoomIn" data-wow-delay="500ms">
<div class="about-opacity-icon"> <i class="fa fa-lightbulb" aria-hidden="true"></i> </div>
<div class="about-main-icon pb-4">
<i class="fa fa-lightbulb" aria-hidden="true"></i>
</div>
<h5 class="mb-0">Great Ideas</h5>
</div>
</div>
<div class="col-md-3 col-sm-12 mb-xs-2rem">
<div class="about-box center-block wow zoomIn" data-wow-delay="600ms">
<div class="about-opacity-icon"> <i class="fa fa-chart-line" aria-hidden="true"></i> </div>
<div class="about-main-icon pb-4">
<i class="fa fa-chart-line" aria-hidden="true"></i>
</div>
<h5 class="mb-0">Market Trends</h5>
</div>
</div>
<div class="col-md-3 col-sm-12">
<div class="about-box center-block wow zoomIn" data-wow-delay="700ms">
<div class="about-opacity-icon"> <i class="fa fa-money-bill-wave" aria-hidden="true"></i> </div>
<div class="about-main-icon pb-4">
<i class="fa fa-money-bill-wave" aria-hidden="true"></i>
</div>
<h5 class="mb-0">Earn Profits</h5>
</div>
</div>
</div>
</div>
</section>
<script>
$(".ui-block-13.about .about-box").on("mouseenter", function () {
$(".ui-block-13.about .about-box.active").addClass("about-box-green");
})
$(".ui-block-13.about .about-box").on("mouseleave", function () {
$(".ui-block-13.about .about-box.active").removeClass("about-box-green");
})
</script>
<!-- Cut the script tag including the script and paste it before the body tag ends at the bottom of your html file -->
<!-- End ui-block-13 -->
<hr>
<!-- Start ui-block-14 -->
<section class="services-sec padding-top padding-bottom-half ui-block-14">
<div class="container">
<div class="row">
<div class="col-12 col-lg-4">
<div class="heading-area">
<h4 class="heading wow slideInLeft">creativity in our blood</h4>
</div>
</div>
<div class="col-12 col-lg-8">
<div class="image-holder wow slideInRight">
<img src="vendor/img/elements-img/info-img/ui-block-14.jpg" alt="service-img">
</div>
</div>
<div class="col-12 padding-top-half">
<ul class="services-boxes">
<li class="service-card left wow slideInLeft">
<div class="icon-holder"><i class="lni lni-bulb"></i></div>
<p class="text">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.</p>
</li>
<li class="service-card right d-block text-center wow slideInRight">
<div class="icon-holder"><i class="lni lni-briefcase"></i></div>
<p class="text">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.</p>
</li>
<li class="service-card left icon-right text-center text-lg-right wow slideInLeft">
<p class="text order-2 order-lg-1">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.</p>
<div class="icon-holder order-1 order-lg-2"><i class="lni lni-heart"></i></div>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- End ui-block-14 -->
<hr>
<!-- Start ui-block-15 -->
<section class="about overflow-visible bg-dark1 ui-block-15">
<div class="container">
<div class="row">
<div class="col-lg-6 pr-5 mb-5 mb-lg-0 wow fadeInLeft">
<div class="rare-box"></div>
<img src="vendor/img/elements-img/info-img/ui-block-15.jpg" class="about-img-small position-relative w-100" alt="">
</div>
<div class="col-lg-6 pl-6">
<div class="main-title text-lg-left offset-md-1 mb-0 wow fadeInUp" data-wow-delay="300ms">
<h5 class="wow fadeInUp" data-wow-delay="300ms"> Lorem ipsum dolor sit amet consectetur </h5>
<h2 class="wow fadeInUp font-weight-light" data-wow-delay="400ms"> We are making <span class="color-pink">design</span> better for everyone</h2>
<p class="pb-4 wow fadeInUp" data-wow-delay="500ms">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed augue diam, accumsan vitae justo non, euismod aliquam lectus. Etiam elementum tortor quis risus posuere, in cursus arcu lobortis.</p>
<ul class="pb-5 text-left wow fadeInUp" data-wow-delay="600ms">
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Morbi ornare nibh id cursus vestibulum.</li>
<li>Duis vitae lectus facilisis, tristique lorem sit amet, malesuada diam.</li>
</ul>
<a href="javascript:void(0);" class="btn-setting color-black btn-hvr-up btn-yellow btn-hvr-pink text-white link wow fadeInUp" data-wow-delay="700ms">learn more</a>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-15 -->
<hr>
<!-- Start ui-block-16 -->
<section class="about-sec bg-1 ui-block-16">
<div class="container">
<div class="row">
<div class="col-12 col-lg-6 text-center text-lg-left wow fadeInLeft" data-wow-delay=".2s">
<div class="heading-area">
<span class="sub-heading">Established since 1930.</span>
<h4 class="heading">MegaOne - A Creative Furniture Company Located in NewYork, USA.</h4>
</div>
</div>
<div class="col-12 col-lg-6 d-flex align-items-center text-center text-lg-left wow fadeInRight" data-wow-delay=".2s">
<div class="detail-area">
<p class="text">
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.
</p>
<p class="text mt-2">
Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin lectus.
</p>
</div>
</div>
</div>
<div class="row features padding-top">
<div class="col-12 col-lg-4 text-center wow fadeInUp" data-wow-delay=".4s">
<div class="feature-card">
<span>01.</span>
<h4 class="feature-heading">Living Room</h4>
<p class="text">Lorem ipsum dolor amet, consectetur adipiscing elit augue diam, accumsan ipsum dolor sit amet, consectetur adipiscing.</p>
</div>
</div>
<div class="col-12 col-lg-4 text-center wow fadeInUp" data-wow-delay=".5s">
<div class="feature-card">
<span>02.</span>
<h4 class="feature-heading">Outdoor Furniture</h4>
<p class="text">Lorem ipsum dolor amet, consectetur adipiscing elit augue diam, accumsan ipsum dolor sit amet, consectetur adipiscing..</p>
</div>
</div>
<div class="col-12 col-lg-4 text-center wow fadeInUp" data-wow-delay=".6s">
<div class="feature-card">
<span>03.</span>
<h4 class="feature-heading">Dinning Areas</h4>
<p class="text">Lorem ipsum dolor amet, consectetur adipiscing elit augue diam, accumsan ipsum dolor sit amet, consectetur adipiscing..</p>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-16 -->
<hr>
<!-- Start ui-block-17 -->
<section class="about-section ui-block-17">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-12 col-md-12 col-sm-12 wow fadeInDown" data-wow-delay="300ms">
<p class="subheading font">About Amanda</p>
<h2 class="heading font">Lorem ipsum dolor sit amet consectetur.</h2>
</div>
</div>
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 text-section wow fadeInLeft" data-wow-delay="300ms">
<h2 class="heading"> Lorem ipsum dolor sit amet consectetur.</h2>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. </p>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
<a class="media" href="javascript:void(0);">
<i class="fas fa-angle-right"></i>
<div class=" media-body">Learn More</div>
</a>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 img-section">
<img src="vendor/img/elements-img/info-img/ui-block-17.jpg" alt="img">
</div>
</div>
</div>
<div class="rectangle"></div>
</section>
<!-- End ui-block-17 -->
<hr>
<!-- Start ui-block-18 -->
<section class="feature-sec ui-block-18">
<div class="container">
<div class="row">
<div class="col-lg-6 offset-lg-3 col-md-8 offset-md-2 col-sm-12 text-center">
<div class="text">
<div class="home-text text-black">
<h4 class="heading">We are Digital Agency</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>
</div>
<div class="row padding-top features-cards">
<div class="col-12 col-lg-4">
<div class="card box text-center">
<div class="feature-icon text-center">
<i class="lni lni-bulb"></i>
</div>
<div class="card-body">
<p class="card-text sub-heading text-black">We have some creative ideas for you.</p>
</div>
</div>
</div>
<div class="col-12 col-lg-4">
<div class="card box text-center">
<div class="feature-icon text-center">
<i class="lni lni-briefcase color-green"></i>
</div>
<div class="card-body">
<p class="card-text sub-heading text-black">Your business is our top priority.</p>
</div>
</div>
</div>
<div class="col-12 col-lg-4">
<div class="card box text-center">
<div class="feature-icon text-center">
<i class="lni lni-heart"></i>
</div>
<div class="card-body">
<p class="card-text sub-heading text-black">We love our valued customers.</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-12 padding-top-half text-center">
<a href="javascript:void(0);" class="btn blue-btn btn-hvr btn-hvr-yellow rounded-pill">Start Your Project
<span></span><span></span><span></span><span></span>
</a>
</div>
</div>
</div>
</section>
<!-- End ui-block-18 -->
<hr>
<!-- Start ui-block-19 -->
<section class="about-sec padding-top-half ui-block-19">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-6 order-2 order-lg-1">
<div class="about-us-image-holder">
<img src="vendor/img/elements-img/info-img/ui-block-19.jpg" alt="skin image">
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-6 d-flex justify-content-center align-items-center order-1 order-lg-2">
<div class="about-details">
<span class="text-white">Information about me</span>
<h1 class="color-red font-weight-300">Dr. John Warrior</h1>
<p class="text text-white">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>
<p class="text text-white mb-5">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend</p>
<a href="javascript:void(0);" class="btn red-and-white-btn rounded-pill">Book Appointment</a>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-19 -->
<hr>
<!-- Start ui-block-20 -->
<section id="services-sec" class="services-sec ui-block-20">
<div class="container">
<div class="row services-details text-center">
<div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2" >
<p class="sub-heading text-center"><span></span>Most flexible one page</p>
<h3 class="heading text-center">A Digital University helping the world to gain some success</h3>
<p class="text text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, metus ut posuere gravida, tellus lacus faucibus lectus, sed cursused eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.</p>
<a class="btn green-btn rounded-pill" href="javascript:void(0);">LEARN MORE
<span></span><span></span><span></span><span></span>
</a>
</div>
</div>
<div class="row our-services">
<div class="col-12 col-lg-4 wow slideInLeft" data-wow-duration="1s">
<div class="service-card text-center">
<a href="javascript:void(0);">
<div class="image-holder">
<i class="lni-pencil-alt"></i>
</div>
<h3 class="service-card-heading">CAREER BUILDING</h3>
<p class="service-card-detail">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</a>
</div>
</div>
<div class="col-12 col-lg-4 wow slideInUp" data-wow-duration="1s">
<div class="service-card text-center">
<a href="javascript:void(0);">
<div class="image-holder">
<i class="lni-cog"></i>
</div>
<h3 class="service-card-heading">STUDENT SETUP</h3>
<p class="service-card-detail">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</a>
</div>
</div>
<div class="col-12 col-lg-4 wow slideInRight" data-wow-duration="1s">
<div class="service-card text-center ">
<a href="javascript:void(0);">
<div class="image-holder">
<i class="lni-code"></i>
</div>
<h3 class="service-card-heading">LATEST TECHNOLOGIES</h3>
<p class="service-card-detail">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-20 -->
<hr>
<!-- Start ui-block-21 -->
<section class="ui-block-21 about">
<div class="container">
<div class="row dot-box">
<!-- Heading Area-->
<div class="col-lg-6 order-lg-2">
<div class="heading-area pl-lg-4 p-0">
<h6 class="sub-title main-color">Basic info about componay</h6>
<h2 class="title">App Design Agency In NewYork</h2>
<p class="paragraph">There are many variations of passages of Lorem Ipsum available be the majority have suffered alteration in some form, by injected humour or randomised words.
<!--List-->
<ul class="about-list">
<li><i class="lni-check-mark-circle a-icon"></i> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li><i class="lni-check-mark-circle a-icon"></i> Morbi ornare nibh id cursus vestibulum.</li>
<li><i class="lni-check-mark-circle a-icon"></i> Duis vitae lectus facilisis, tristique lorem sit amet males.</li>
<li><i class="lni-check-mark-circle a-icon"></i> It is a long established fact that a distracted</li>
</ul>
</div>
</div>
<!-- Features Box-->
<div class="col-lg-6">
<!--About Image-->
<div class="about-image">
<img src="vendor/img/elements-img/info-img/ui-block-21.png" alt="about-img">
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-21 -->
<hr>
<!-- Start ui-block-22 -->
<section class="ui-block-22 about">
<div class="container">
<div class="row">
<div class=" col-sm-12 col-md-6 col-lg-6 img-sc">
<div class="blue_rectangle"></div>
<div class="about_img margin_aboutimg">
<img src="vendor/img/elements-img/info-img/ui-block-22.png" alt="Yoga Image">
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-6">
<div class="about-heading">
<p class="colored_heading wow fadeInUp" data-wow-delay="400ms" data-wow-duration="0.5s" style="visibility: visible; animation-delay: 300ms; animation-name: fadeInUp;">Information about us</p>
<h1 class="heading margin_heading wow fadeInUp" data-wow-delay="600ms" data-wow-duration="0.8s" style="visibility: visible; animation-delay: 300ms; animation-name: fadeInUp;">Our yoga studio</h1>
<p class="info wow fadeInUp" data-wow-delay="800ms" data-wow-duration="1.3s" style="visibility: visible; animation-delay: 400ms; animation-name: fadeInUp;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim veniam, quis nostrud exercitation ullamco laboris nisi
in voluptate velit esse cillum.<span class="mt-3">
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.</span></p>
<a href="javascript:void(0);" class="btn btn-large btn-primary margin_button wow fadeInUp" data-wow-delay="900ms" data-wow-duration="1s" style="visibility: visible; animation-delay: 600ms; animation-name: fadeInUp;">Read More</a>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-22 -->
<hr>
<!-- Start ui-block-23 -->
<section class="about-us-2 ui-block-23">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="400ms">
<div class="about-img">
<img src="vendor/img/elements-img/info-img/ui-block-23.jpg" alt="about-img">
<div class="rectangle"></div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 wow fadeInRight" data-wow-delay="400ms">
<div class="about-text">
<h5 class="subheading">Information about us</h5>
<h2 class="heading">Skin Care & Treatments</h2>
<p>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>
<p>Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend.</p>
<div class="buttons">
<a class="btn button btn-rounded trans-btn btn-hvr-white" href="javascript:void(0);">
LEARN MORE
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-23 -->
<hr>
<!-- Start ui-block-24 -->
<section class="about-us ui-block-24">
<div class="container">
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-6 text-md-center text-sm-center text-lg-left">
<div class="about-heading">
<h6 class="sub-title main-color">Join Our Club</h6>
<h1 class="title">ABOUT US</h1>
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-6 text-md-center text-sm-center text-lg-right d-flex align-items-md-center">
<div class="about-heading">
<p>There are many variations of passages of Lorem Ipsum available be the majority have suffered alteration in some form.</p>
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-6">
<div class="new1">
<div class="media">
<div class="row">
<div class="col-sm-12 col-md-6">
<img src="vendor/img/elements-img/info-img/ui-block-24-1.jpg" class="mr-3" alt="...">
</div>
<div class="col-sm-12 col-md-6 align-self-center">
<div class="media-body">
<h6 class="sub-title">Jan 3rd, 2020</h6>
<h4 class="title">BEST SOCCER DRILLS</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit la Pellentesque .</p>
</div>
</div>
</div>
</div>
</div>
<div class="new1">
<div class="media">
<div class="row">
<div class="col-sm-12 col-md-6">
<img src="vendor/img/elements-img/info-img/ui-block-24-2.jpg" class="mr-3" alt="...">
</div>
<div class="col-sm-12 col-md-6 align-self-center">
<div class="media-body">
<h6 class="sub-title">March 20th, 2020</h6>
<h4 class="title">FOOTBALL MATCH HIGHLIGHTS</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit la Pellentesque .</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-6">
<div class="new2">
<div class="card">
<div class="image-holder">
<a data-fancybox="" href="https://vimeo.com/95488961" class="video-btn"><i class="fas fa-play-circle"></i></a>
<img src="vendor/img/elements-img/info-img/ui-block-24-3.jpg" alt="new 3">
</div>
<div class="card-body">
<h6 class="sub-title">April 20th, 2020</h6>
<h4 class="title">FOOTBALL MATCH HIGHLIGHTS</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit la Pellentesque .</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-24 -->
<hr>
<!-- Start ui-block-25 -->
<section class="about-sec ui-block-25">
<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="javascript:void(0);" class="btn white-trans-btn rounded-pill">LEARN MORE
<span></span><span></span><span></span><span></span>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-25 -->
<hr>
<!-- Start ui-block-26 -->
<section class="ui-block-26 about">
<div class="container">
<div class="row dot-box">
<!-- Heading Area-->
<div class="col-12 col-lg-6 about-img-area text-center text-lg-left">
<div class="heading-area pl-lg-4 p-0">
<h6 class="sub-title main-color">Basic Info About Shop</h6>
<h2 class="title">ABOUT US STORY</h2>
<p class="paragraph">There are many variations of passages of Lorem Ipsum available be the majority have suffered alteration in some form, by injected humour or randomised words.</p>
<!--List-->
<a class="btn yellow-and-white-slider-btn" href="javascript:void(0);">READ MORE</a>
</div>
</div>
<div class="col-12 col-lg-6 about-img-area">
<div class="about-img">
<img src="vendor/img/elements-img/info-img/ui-block-26.jpg" alt="Image">
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-26 -->
<hr>
<!-- Start ui-block-27 -->
<section class="pt-page pt-page-2 ui-block-27 about">
<div class="container">
<div class="row align-items-lg-center dot-box">
<!-- Heading Area-->
<div class="col-lg-6 order-lg-2">
<div class="heading-area pl-lg-4 p-0">
<h6 class="sub-title main-color">Basic info about componay</h6>
<h2 class="title">Digital Creator & Strategists</h2>
<p class="paragraph">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.
<br><br>
If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden the middle.</p>
</div>
</div>
<!-- Features Box-->
<div class="col-lg-6">
<div class="row d-flex align-items-lg-center">
<div class="col-md-6 order-lg-2 p-0">
<!-- Feature Item -->
<div class="feature-item">
<i class="lni-bitbucket f-icon"></i>
<h5 class="title">Development</h5>
<p>Simply dummy text of the print and typesetting industry lorem Ipsum has been standard.</p>
<a href="javascript:void(0);" class="lni-arrow-right r-icon"></a>
</div>
<!-- Feature Item -->
<div class="feature-item">
<i class="lni-cart-full f-icon"></i>
<h5 class="title">App Design</h5>
<p>Simply dummy text of the print and typesetting industry lorem Ipsum has been standard.</p>
<a href="javascript:void(0);" class="lni-arrow-right r-icon"></a>
</div>
</div>
<div class="col-md-6 p-0">
<!-- Feature Item -->
<div class="feature-item">
<i class="lni-graduation f-icon"></i>
<h5 class="title">UI / UX Design</h5>
<p>Simply dummy text of the print and typesetting industry lorem Ipsum has been standard.</p>
<a href="javascript:void(0);" class="lni-arrow-right r-icon"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-27 -->
<hr>
<!-- Start ui-block-28 -->
<section class="about ui-block-28">
<div class="container">
<div class="row">
<div class="col-12 col-md-6 mb-5 mb-md-0 d-flex align-items-center">
<div class="about-text text-center text-md-left">
<h1 class="main-heading text-yellow mb-2">Who Are We</h1>
<p class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim veniam, quis nostrud exercitation. Dolore eu fugiat nulla pariatur. Excepteur sint fugiat nulla occaecat cupidatat non proident.</p>
<a href="javascript:void(0);" class="btn btn-slider black-btn mr-2"> Read More</a>
</div>
</div>
<div class="col-12 col-md-6">
<div class="about-img">
<img src="vendor/img/elements-img/info-img/ui-block-28.jpg" alt="ABOUT MAGE">
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-28 -->
<hr>
<!-- Start ui-block-29 -->
<section class="about-us ui-block-29">
<div class="container">
<div class="row dot-box">
<!-- Features Box-->
<div class="col-lg-6 wow fadeInLeft">
<!--About Image-->
<div class="about-image">
<img src="vendor/img/elements-img/info-img/ui-block-29.png" alt="about-img">
</div>
</div>
<!-- Heading Area-->
<div class="col-lg-6 order-lg-2 wow fadeInRight">
<div class="heading-area pl-lg-4 p-0">
<h6 class="sub-title main-color">Basic info about us</h6>
<h2 class="title">ABOUT US</h2>
<p class="paragraph">There are many variations of passages of Lorem Ipsum available be the majority have suffered alteration in some form, by injected humour or randomised words.
<!--List-->
<ul class="about-list">
<li><i class='lni lni-chevron-right-circle a-icon'></i> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li><i class='lni lni-chevron-right-circle a-icon'></i> Morbi ornare nibh id cursus vestibulum.</li>
<li><i class='lni lni-chevron-right-circle a-icon'></i> Duis vitae lectus facilisis, tristique lorem sit amet males.</li>
<li><i class='lni lni-chevron-right-circle a-icon'></i> It is a long established fact that a distracted</li>
<li><i class='lni lni-chevron-right-circle a-icon'></i> Morbi ornare nibh id cursus vestibulum.</li>
<li><i class='lni lni-chevron-right-circle a-icon'></i> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-29 -->
<hr>
<!-- Start ui-block-30 -->
<section class="about-sec ui-block-30">
<div class="container">
<div class="row dot-box">
<!-- Heading Area-->
<div class="col-12 col-lg-6 text-center text-lg-left">
<div class="heading-area pl-lg-4 p-0">
<h6 class="sub-title main-color">Basic Info About Me</h6>
<h2 class="title">About <strong>Myself</strong></h2>
<p class="paragraph">There are many variations of passages of Lorem Ipsum available be the majority have suffered alteration in some form, by injected humour or randomised words.</p>
<p class="quote"><i class="las la-quote-left"></i> If your actions inspire others to dream more, learn more, do more and become more, you are a leader.<i class="las la-quote-right"></i></p>
<!--List-->
<a class="btn yellow-and-white-slider-btn" href="javascript:void(0);">READ MORE</a>
</div>
</div>
<div class="col-12 col-lg-5 offset-lg-1 about-img-area">
<div class="about-img" style="background-image: url('vendor/img/elements-img/info-img/ui-block-30.jpg')">
<div class="overlay-white"></div>
<img src="vendor/img/elements-img/info-img/ui-block-30.jpg" alt="Image">
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-30 -->
<hr>
<!-- Start ui-block-31 -->
<section class="bg-light-gray3 ui-block-31 about">
<div class="container">
<div class="row">
<div class="container">
<div class="main-title style-two d-flex justify-content-md-around align-items-center flex-column flex-md-row text-center text-md-left wow fadeIn" data-wow-delay="300ms">
<div class="mb-4 mb-md-0">
<h5> About us </h5>
<h2> Welcome to intro morden and latest technology treatment for you. </h2>
<a href="javascript:void(0);" class="btn-setting btn-scale btn-blue text-white">learn more</a>
</div>
<div class="ml-md-4 pl-md-2">
<p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sodales lobortis vehicula. Aliquam sodales turpis a neque sagittis, condimentum imperdiet risus luctus. Praesent cursus non risus in tempor. Phasellus eu purus sed arcu posuere consequat euismod ac augue. Morbi venenatis dictum consequat. Phasellus eu purus sed arcu posuere consequat euismod ac augue. Morbi venenatis dictum consequat.</p>
<p>Morbi venenatis dictum consequat. Phasellus eu purus sed arcu posuere consequat euismod ac augue. Morbi venenatis dictum consequat.</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-12 mb-xs-2rem">
<div class="about-box center-block wow zoomIn" data-wow-delay="400ms">
<div class="about-opacity-icon"> <i class="fa fal fa-tooth" aria-hidden="true"></i> </div>
<div class="about-main-icon pb-4">
<i class="fa fal fa-tooth" aria-hidden="true"></i>
</div>
<h5 class="mb-0">Healthy Teeth</h5>
</div>
</div>
<div class="col-md-3 col-sm-12 mb-xs-2rem">
<div class="about-box active center-block wow zoomIn" data-wow-delay="500ms">
<div class="about-opacity-icon"> <i class="far fa-grimace" aria-hidden="true"></i> </div>
<div class="about-main-icon pb-4">
<i class="far fa-grimace" aria-hidden="true"></i>
</div>
<h5 class="mb-0">Teeth Cleaning</h5>
</div>
</div>
<div class="col-md-3 col-sm-12 mb-xs-2rem">
<div class="about-box center-block wow zoomIn" data-wow-delay="600ms">
<div class="about-opacity-icon"> <i class="fas fa-syringe" aria-hidden="true"></i> </div>
<div class="about-main-icon pb-4">
<i class="fas fa-syringe" aria-hidden="true"></i>
</div>
<h5 class="mb-0">Quality Brackets</h5>
</div>
</div>
<div class="col-md-3 col-sm-12">
<div class="about-box center-block wow zoomIn" data-wow-delay="700ms">
<div class="about-opacity-icon"> <i class="fas fa-user-check" aria-hidden="true"></i> </div>
<div class="about-main-icon pb-4">
<i class="fas fa-user-check" aria-hidden="true"></i>
</div>
<h5 class="mb-0">Experienced dentists</h5>
</div>
</div>
</div>
</div>
</section>
<script>
$(".ui-block-31.about .about-box").on("mouseenter", function () {
$(".ui-block-31.about .about-box.active").addClass("about-box-green");
})
$(".ui-block-31.about .about-box").on("mouseleave", function () {
$(".ui-block-31.about .about-box.active").removeClass("about-box-green");
})
</script>
<!-- Cut the script tag including the script and paste it before the body ending tag at the bottom of your html file -->
<!-- End ui-block-31 -->
<hr>
<!-- Start ui-block-32 -->
<section class="ui-block-32 about">
<div class="container">
<div class="row dot-box">
<!-- Heading Area-->
<div class="col-lg-6 order-lg-2">
<div class="heading-area pl-lg-4 p-0">
<h6 class="sub-title main-color">Why Love Us</h6>
<h2 class="title">ABOUT US STORY</h2>
<p class="paragraph">There are many variations of passages of Lorem Ipsum available be the majority have suffered alteration in some form, by injected humour or randomised words.
<!--List-->
<ul class="about-list">
<li><i class="lni-check-mark-circle a-icon"></i> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li><i class="lni-check-mark-circle a-icon"></i> Morbi ornare nibh id cursus vestibulum.</li>
<li><i class="lni-check-mark-circle a-icon"></i> Duis vitae lectus facilisis, tristique lorem sit amet males.</li>
<li><i class="lni-check-mark-circle a-icon"></i> It is a long established fact that a distracted</li>
</ul>
</div>
</div>
<!-- Features Box-->
<div class="col-lg-6">
<!--About Image-->
<div class="about-image js-tilt">
<img src="vendor/img/elements-img/info-img/ui-block-32.jpg" alt="about-img">
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-32 -->
<hr>
<!-- Start ui-block-33 -->
<section class="bg-light ui-block-33 about">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<div class="zic-img">
<div class="img-zic">
<img src="vendor/img/elements-img/info-img/ui-block-33.png" alt="image">
</div>
<h5 class="response py-3 mb-0">top quality food</h5>
<h2 class="text-capitalize">Why <span class="text-gradient">MegaOne</span> is Delicious</h2>
</div>
</div>
<div class="col-lg-6 col-md-12 mt-50">
<div class="rare-box">
<img src="vendor/img/elements-img/info-img/ui-block-33.jpg" class="image-about position-relative w-100 wow fadeInLeft" alt="image">
</div>
</div>
<div class="col-lg-5 col-md-12 col-sm-12 features wow fadeInRight mt-20">
<div class="feature-item mt-50">
<div class="food-features-icon">
<span class="icon"><i class="lni-dinner"></i></span>
</div>
<div class="features-content">
<p class="feature-para">We are food lovers</p>
<p class="max">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices. </p>
</div>
</div>
<div class="feature-item">
<div class="food-features-icon">
<span class="icon"><i class="lni-pizza"></i></span>
</div>
<div class="features-content">
<p class="feature-para">Diversity in food</p>
<p class="max">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices.</p>
</div>
</div>
<div class="feature-item mb-0 mb-xs-0">
<div class="food-features-icon">
<span class="icon"><i class="lni-delivery"></i></span>
</div>
<div class="features-content">
<p class="feature-para">100% Free Delivery</p>
<p class="max">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-33 -->
<hr>
<!-- Start ui-block-34 -->
<section class="about ui-block-34">
<div class="container">
<!--Heading-->
<div class="row">
<div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2 text-center wow fadeIn" style="visibility: visible; animation-name: fadeIn;">
<div class="heading-area d-inline-block">
<div class="mb-4"><img src="vendor/img/elements-img/info-img/ui-block-34-1.png" alt="About-line"></div>
<h6 class="sub-title alt-font text-sec">Top quality coffee</h6>
<h2 class="title main-font text-main my-4">Best Coffee in Town</h2>
<p class="paragraph alt-font text-sec">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>
</div>
</div>
</div>
<!-- App Detail -->
<div class="row align-items-center">
<!-- Services 1,2,3 -->
<div class="col-lg-4 mb-5 mb-lg-0 wow fadeInLeft" data-wow-duration="1s" data-wow-delay=".5s">
<!-- Item -->
<div class="row app-feature">
<div class="col-12 col-lg-2 p-lg-0">
<i class="lni lni-coffee-cup"></i>
</div>
<div class="col-12 col-lg-10 p-lg-0">
<h4 class="mb-3">We are food lovers</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices.</p>
</div>
</div>
<!-- Item -->
<div class="row app-feature">
<div class="col-12 col-lg-2 p-lg-0">
<i class="lni lni-fresh-juice"></i>
</div>
<div class="col-12 col-lg-10 p-lg-0">
<h4 class="mb-3">Diversity in food</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices.</p>
</div>
</div>
<!-- Item -->
<div class="row app-feature">
<div class="col-12 col-lg-2 p-lg-0">
<i class="lni lni-emoji-smile"></i>
</div>
<div class="col-12 col-lg-10 p-lg-0">
<h4 class="mb-3">100% Free Delivery</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices.</p>
</div>
</div>
</div>
<!-- App Slier -->
<div class="col-lg-4 mb-5 mb-lg-0 wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s">
<!-- App Image -->
<div class="app-image">
<img src="vendor/img/elements-img/info-img/ui-block-34.png" alt="image">
</div>
</div>
<!-- Services 4,5,6 -->
<div class="col-lg-4 wow fadeInRight" data-wow-duration="1s" data-wow-delay=".5s">
<!-- Item -->
<div class="row app-feature">
<div class="col-12 col-lg-2 p-lg-0">
<i class="lni lni-coffee-cup"></i>
</div>
<div class="col-12 col-lg-10 p-lg-0">
<h4 class="mb-3">We are food lovers</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices.</p>
</div>
</div>
<!-- Item -->
<div class="row app-feature">
<div class="col-12 col-lg-2 p-lg-0">
<i class="lni lni-juice"></i>
</div>
<div class="col-12 col-lg-10 p-lg-0">
<h4 class="mb-3">Diversity in food</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices.</p>
</div>
</div>
<!-- Item -->
<div class="row app-feature">
<div class="col-12 col-lg-2 p-lg-0">
<i class="lni lni-emoji-smile"></i>
</div>
<div class="col-12 col-lg-10 p-lg-0">
<h4 class="mb-3">100% Free Delivery</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque dignissim viverra ultrices.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-34 -->
<hr>
<!-- Start ui-block-35 -->
<section class="about ui-block-35">
<div class="container">
<div class="row">
<div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2" >
<div class="about-text">
<p class="small-text text-red mb-2">Info About Corona</p>
<h1 class="heading mb-3">Symptoms of corona virus</h1>
<p class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim veniam, quis nostrud exercitation ullamco laboris nisi
in voluptate velit esse cillum. Dolore eu officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing dolore magna aliqua.</p>
<a href="javascript:void(0);" class="btn btn-large btn-red">Read More</a>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-35 -->
<hr>
<!-- Start ui-block-36 -->
<section class="about ui-block-36">
<div class="container">
<div class="row align-items-end">
<div class="col-lg-4 col-md-12">
<!--Heading-->
<div class="title mb-md-0">
<h2>The Ultimate Theme
For A <span class="main-color">Wonderful</span> And
<span class="main-color">Creative</span> Website</h2>
<!--Button-->
<a href="javascript:void(0);" class="btn btn-large btn-green mt-4 mb-5">GET STARTED NOW</a>
</div>
</div>
<div class="col-lg-8 col-md-12">
<ul class="feature-box">
<!--Feature Item-->
<li class="feature-item">
<i class="fas fa-globe-asia main-color" aria-hidden="true"></i>
<h4 class="mb-3">Website Design</h4>
<p>Leverage agile framework to prove a robust synopsis for level.</p>
</li>
<!--Feature Item-->
<li class="feature-item">
<i class="fas fa-cloud main-color" aria-hidden="true"></i>
<h4 class="mb-3">Cloud Infrastructure</h4>
<p>Leverage agile framework to prove a robust synopsis for level.</p>
</li>
<!--Feature Item-->
<li class="feature-item">
<i class="fas fa-user-cog main-color" aria-hidden="true"></i>
<h4 class="mb-3">Technical Support</h4>
<p>Leverage agile framework to prove a robust synopsis for level.</p>
</li>
<!--Feature Item-->
<li class="feature-item">
<i class="fas fa-battery-half main-color" aria-hidden="true"></i>
<h4 class="mb-3">Application Design</h4>
<p>Leverage agile framework to prove a robust synopsis for level.</p>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- End ui-block-36 -->
<hr>
<!-- Start ui-block-37 -->
<section class="ui-block-37 about">
<div class="container">
<div class="row about-wrap d-flex justify-content-center align-items-center">
<div class="col-lg-6 col-md-5 col-sm-12 md-mb-5">
<div class="image about-bordered">
<img src="vendor/img/elements-img/info-img/ui-block-37.jpg" alt="image">
</div>
<div class="about-bg-img-setting gradient-bg"></div>
</div>
<div class="col-lg-6 col-md-7 col-sm-12">
<div class="main-title text-md-left mb-xs-3 md-mb-0 wow fadeIn margin-top-40" data-wow-delay="300ms">
<h5> Information about Agency </h5>
<h2> Discover Our World</h2>
<p class="mb-4">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. </p>
<p class="mb-4">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend.</p>
<a href="javascript:void(0);" class="btn btn-gradient btn-rounded btn-large"> Learn More
<span class="btn-hvr-setting btn-hvr-transparent">
<span class="btn-hvr-setting-inner">
<span class="btn-hvr-effect"></span>
<span class="btn-hvr-effect"></span>
<span class="btn-hvr-effect"></span>
<span class="btn-hvr-effect"></span>
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-37 -->
<hr>
<!-- Start ui-block-38 -->
<section class="ui-block-38 about">
<div class="container">
<div class="row align-items-lg-center dot-box">
<!-- Heading Area-->
<div class="col-lg-6 order-lg-2">
<div class="heading-area pl-lg-4 p-0">
<h6 class="sub-title main-color">Basic info about company</h6>
<h2 class="title">Digital Creator & Strategists</h2>
<p class="paragraph">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.
<br><br>
If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden the middle.</p>
</div>
</div>
<!-- Features Box-->
<div class="col-lg-6">
<div class="row d-flex align-items-lg-center">
<div class="col-lg-6 order-lg-2 p-lg-0">
<!-- Feature Item -->
<div class="feature-item">
<i class="lni-bitbucket f-icon"></i>
<h5 class="title">Development</h5>
<p>Simply dummy text of the print and typesetting industry lorem Ipsum has been standard.</p>
<a href="javascript:void(0);" class="lni-arrow-right r-icon"></a>
</div>
<!-- Feature Item -->
<div class="feature-item">
<i class="lni-cart-full f-icon"></i>
<h5 class="title">App Design</h5>
<p>Simply dummy text of the print and typesetting industry lorem Ipsum has been standard.</p>
<a href="javascript:void(0);" class="lni-arrow-right r-icon"></a>
</div>
</div>
<div class="col-lg-6 p-0">
<!-- Feature Item -->
<div class="feature-item">
<i class="lni-graduation f-icon"></i>
<h5 class="title">UI / UX Design</h5>
<p>Simply dummy text of the print and typesetting industry lorem Ipsum has been standard.</p>
<a href="javascript:void(0);" class="lni-arrow-right r-icon"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-38 -->
<hr>
<!-- Start ui-block-39 -->
<section class="text-center text-lg-left mr-3 mr-lg-5 ml-lg-5 ml-3 ui-block-39 about">
<div class="container-fluid">
<div class="row pb-lg-5">
<!--About Text-->
<div class="col-lg-6 pb-5 pr-lg-5">
<div class="about-text">
<h2>ABOUT US</h2>
<span class="hr-line mt-4 mb-4 ml-lg-0"></span>
<p class="font-weight-600 mb-lg-0 mb-2">Leverage agile frameworks to provide a robust synopsis for high level
overviews. Iterative approaches to corporate strategy foster collaborative thinking to further
the overall value proposition. Organically grow the holistic world view of disruptive innovation
via workplace diversity and empowerment
<p>
<p>Bring to the table win-win survival strategies to ensure proactive domination. At the end of the
day, going forward, a new normal that has evolved from generation X is on the runway heading
towards a streamlined cloud solution. User generated content in real-time will have multiple
touchpoints for offshoring
<p>
<p>Capitalize on low hanging fruit to identify a ballpark value added activity to beta test.
Override the digital divide with additional clickthroughs from Devops.
</p>
</div>
</div>
<!--About Image-->
<div class="col-lg-6 pb-5 pl-lg-0">
<div class="about-img wow fadeIn">
<img class="w-100" src="vendor/img/elements-img/info-img/ui-block-39.jpg" alt="about-img">
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-39 -->
<hr>
<!-- Start ui-block-40 -->
<section class="ui-block-40 about">
<div class="container-fluid">
<div class="row">
<div class="container">
<div class="main-title wow fadeIn" data-wow-delay="300ms">
<h5> Amazing creativity </h5>
<h2> Adorable features </h2>
<p>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="row align-items-center">
<div class="col-lg-6 col-md-6 col-sm-12 d-xs-none wow fadeInLeft">
<div>
<img alt="features" src="vendor/img/elements-img/info-img/ui-block-40.png">
</div>
</div>
<div class="col-lg-5 col-md-6 col-sm-12 mx-auto wow fadeInRight">
<div class="feature-item mt-0">
<div class="laptop-features-icon">
<span class="icon"><i class="fa fa-image color-summer-sky"></i></span>
</div>
<div class="features-content">
<h4 class="color-black font-weight-500 mb-10px">Unique Layout</h4>
<p>A robust, multipurpose template built with modularity at the core.</p>
</div>
</div>
<div class="feature-item">
<div class="laptop-features-icon">
<span class="icon"><i class="fa fa-server color-summer-sky"></i></span>
</div>
<div class="features-content">
<h4 class="color-black font-weight-500 mb-10px">Online Live Support</h4>
<p>You can build your site in-browser with modular interface blocks.</p>
</div>
</div>
<div class="feature-item mb-xs-0">
<div class="laptop-features-icon">
<span class="icon"><i class="fa fa-tablet color-summer-sky"></i></span>
</div>
<div class="features-content">
<h4 class="color-black font-weight-500 mb-10px">Responsive Design</h4>
<p>There are many variations of passages of Lorem Ipsum available.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-40 -->
<hr>
<!-- Start ui-block-41 -->
<section class="services ui-block-41">
<div class="container">
<div class="row">
<div class="col-sm-12 col-lg-8 offset-lg-2 text-center pb-0 pb-lg-4">
<h1 class="main-heading grey-color">Exclusive Features</h1>
<p class="sub-heading">Lorem ipsum dolor sit amet, consectetur adipi elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut quis in cillum.</p>
</div>
</div>
<div class="row mt-4">
<div class="col-sm-12 col-md-12 col-lg-4 mb-3">
<div class="media-element">
<div class="media">
<i class="lab la-buromobelexperte feature-icon mr-3"></i>
<div class="media-body">
<h4 class="card-title mt-2 grey-color">Well Designed</h4>
<p class="black-color">Lorem ipsum dolor sit amet, adipi elit et dolore magna, sed do incididunt.</p>
</div>
</div>
<div class="line mt-3"></div>
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-4 mb-3">
<div class="media-element">
<div class="media">
<i class="las la-dollar-sign feature-icon mr-3"></i>
<div class="media-body">
<h4 class="card-title mt-2 grey-color">Affordable Price</h4>
<p class="black-color">Lorem ipsum dolor sit amet, adipi elit et dolore magna, sed do incididunt.</p>
</div>
</div>
<div class="line mt-3"></div>
</div>
</div>
<div class="col-sm-12 col-md-12 col-lg-4 mb-3">
<div class="media-element">
<div class="media">
<i class="las la-tools feature-icon mr-3"></i>
<div class="media-body">
<h4 class="card-title mt-2 grey-color">Great Support</h4>
<p class="black-color">Lorem ipsum dolor sit amet, adipi elit et dolore magna, sed do incididunt.</p>
</div>
</div>
<div class="line mt-3"></div>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-41 -->
<hr>
<!-- Start ui-block-42 -->
<section class="services-sec ui-block-42">
<div class="container">
<div class="row services-details text-center">
<div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2" >
<p class="sub-heading text-center">- Most flexible one page -</p>
<h3 class="heading text-center">Exclusive Features</h3>
<p class="detail-text text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, metus ut posuere gravida, tellus lacus faucibus lectus, sed cursused eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.</p>
</div>
</div>
<div class="row our-services">
<div class="col-12 col-md-6 s-cards">
<div class="service-card text-center wow fadeInLeft" data-wow-duration="1s">
<a href="javascript:void(0);">
<div class="image-holder">
<i class="las la-motorcycle"></i>
</div>
<h3 class="service-card-heading">Branding Design</h3>
<p class="service-card-detail">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</a>
</div>
</div>
<div class="col-12 col-md-6 s-cards">
<div class="service-card text-center wow fadeInRight" data-wow-duration="1s">
<a href="javascript:void(0);">
<div class="image-holder">
<i class="las la-lightbulb"></i>
</div>
<h3 class="service-card-heading">Easy To Use</h3>
<p class="service-card-detail">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</a>
</div>
</div>
<div class="col-12 col-md-6 s-cards">
<div class="service-card text-center wow fadeInLeft" data-wow-duration="1s">
<a href="javascript:void(0);">
<div class="image-holder">
<i class="las la-pencil-ruler"></i>
</div>
<h3 class="service-card-heading">Web Development</h3>
<p class="service-card-detail">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</a>
</div>
</div>
<div class="col-12 col-md-6 s-cards">
<div class="service-card text-center wow fadeInRight" data-wow-duration="1s">
<a href="javascript:void(0);">
<div class="image-holder">
<i class="las la-fighter-jet"></i>
</div>
<h3 class="service-card-heading">Fast Builder</h3>
<p class="service-card-detail">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-42 -->
<hr>
<!-- Start ui-block-43 -->
<section class="about bg-light ui-block-43">
<h2 class="d-none">heading</h2>
<div class="container">
<div class="row">
<div class="col-lg-6 pr-5 wow fadeInLeft">
<div class="rare-box"></div>
<img src="vendor/img/elements-img/info-img/ui-block-43.jpg" class="image-about position-relative w-100" alt="">
</div>
<div class="col-lg-6 pl-6 center-about">
<h5 class="pb-3 sm-pt-3 wow fadeInUp text-capitalize" data-wow-delay="300ms">Lorem ipsum dolor sit amet consectetur</h5>
<h2 class="wow fadeInUp text-capitalize font-42" data-wow-delay="400ms">We are <span class="orange">making business</span> better for everyone</h2>
<p class="pt-3 wow fadeInUp about-p" data-wow-delay="500ms">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed augue diam, accumsan vitae justo non, euismod aliquam lectus.
Etiam elementum tortor quis risus posuere, in cursus arcu lobortis.</p>
<ul class="pl-0 pt-2 left-about wow fadeInUp bg-grey" data-wow-delay="600ms">
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Morbi ornare nibh id cursus vestibulum.</li>
<li>Duis vitae lectus facilisis, tristique lorem sit amet, malesuada diam.</li>
</ul>
<a href="javascript:void(0);" class="btn btn-rounded btn-large btn btn-green-orange text-capitalize mt-30">Get Started</a>
</div>
</div>
</div>
</section>
<!-- End ui-block-43 -->
<hr>
<!-- Start ui-block-44 -->
<section class="services-sec ui-block-44">
<div class="container">
<div class="row services-details text-center">
<div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2" >
<p class="sub-heading text-center"><span></span>Most Popular One Page</p>
<h3 class="heading text-center">A famous agency helping the world to gain some success</h3>
<p class="detail-text text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, metus ut posuere gravida, tellus lacus faucibus lectus, sed cursused eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.</p>
<a class="btn our-btn rounded-pill" href="javascript:void(0);">LEARN MORE</a>
</div>
</div>
<div class="row our-services">
<div class="col-12 col-lg-4 wow slideInLeft" data-wow-duration="1s">
<div class="service-card text-center">
<a href="javascript:void(0);">
<div class="image-holder">
<i class="lni lni-investment"></i>
</div>
<h3 class="service-card-heading">Investment</h3>
<p class="service-card-detail">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</a>
</div>
</div>
<div class="col-12 col-lg-4 wow slideInUp" data-wow-duration="1s">
<div class="service-card text-center">
<a href="javascript:void(0);">
<div class="image-holder">
<i class="lni lni-shield"></i>
</div>
<h3 class="service-card-heading">24/7 Support</h3>
<p class="service-card-detail">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</a>
</div>
</div>
<div class="col-12 col-lg-4 wow slideInRight" data-wow-duration="1s">
<div class="service-card text-center ">
<a href="javascript:void(0);">
<div class="image-holder">
<i class="lni lni-emoji-smile"></i>
</div>
<h3 class="service-card-heading">Customer Satisfaction</h3>
<p class="service-card-detail">Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.</p>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-44 -->
<hr>
<!-- Start ui-block-45 -->
<section class="ui-block-45 about">
<div class="container">
<div class="row no-gutters">
<!-- Service-1 -->
<div class="col-12 col-md-4 col-lg-4 wow fadeInLeft" data-wow-delay="250ms" data-wow-duration="1s" style="visibility: visible; animation-delay: 400ms; animation-name: fadeInLeft;">
<div class="cover">
<div class="card">
<h1 class="numbering">01.</h1>
</div>
<div class="card-body">
<h5 class="card-title">Content Writing</h5>
<p class="card-text info">Lorem ipsum dolor amet, consectetur adipiscing elit augue diam, accumsan ipsum dolor sit amet, consectetur.</p>
</div>
</div>
</div>
<!-- Service-2 -->
<div class="col-12 col-md-4 col-lg-4 wow fadeInUp" data-wow-delay="250ms" data-wow-duration="1s" style="visibility: visible; animation-delay: 400ms; animation-name: fadeInUp;">
<div class="cover">
<div class="card">
<h1 class="numbering">02.</h1>
</div>
<div class="card-body">
<h5 class="card-title">Digital Marketing</h5>
<p class="card-text info">Lorem ipsum dolor amet, consectetur adipiscing elit augue diam, accumsan ipsum dolor sit amet, consectetur.</p>
</div>
</div>
</div>
<!-- Service-3 -->
<div class="col-12 col-md-4 col-lg-4 wow fadeInRight" data-wow-delay="250ms" data-wow-duration="1s" style="visibility: visible; animation-delay: 400ms; animation-name:fadeInRight;">
<div class="cover">
<div class="card">
<h1 class="numbering">03.</h1>
</div>
<div class="card-body">
<h5 class="card-title">Youtube Videos</h5>
<p class="card-text info">Lorem ipsum dolor amet, consectetur adipiscing elit augue diam, accumsan ipsum dolor sit amet, consectetur.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-45 -->
<hr>
<!-- Start ui-block-46 -->
<section class="about-us ui-block-46">
<div class="container">
<div class="row no-gutters">
<div class="col-lg-6 col-md-12 col-sm-12 wow fadeInLeft" data-wow-delay="300ms">
<div class="about-img">
<img src="vendor/img/elements-img/info-img/ui-block-46.jpg" alt="about-img">
<div class="rectangle"></div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-sm-12 wow fadeInRight" data-wow-delay="300ms">
<div class="about-text">
<h5 class="subheading text">Information about us</h5>
<h2 class="heading">Trending Eyewear</h2>
<p class="text">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>
<p class="text">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend.</p>
<div class="buttons">
<a class="btn button btn-rounded yellow-btn btn-hvr-blue" href="javascript:void(0);">
LEARN MORE
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-46 -->
<hr>
<!-- Start ui-block-47 -->
<section class="about-sec bg-light-gray3 ui-block-47">
<div class="container">
<div class="row">
<div class="container">
<div class="main-title style-two d-flex justify-content-md-around align-items-center flex-column flex-md-row text-center text-md-left wow fadeIn" data-wow-delay="300ms">
<div class="mb-4 mb-md-0">
<h5 class="tet wow fadeInLeft" data-wow-delay="1.2s"> Lorem ipsum dolor sit amet</h5>
<h2 class="tt wow fadeInLeft" data-wow-delay="1.2s"> We offer all the best quality services for your pets.</h2>
</div>
<div class="ml-md-4 pl-md-2">
<p class="mb-4 wow fadeInRight" data-wow-delay="1.2s">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sodales lobortis vehicula. Aliquam sodales turpis a neque sagittis, condimentum imperdiet risus luctus. Praesent cursus non risus in tempor. Phasellus eu purus sed arcu posuere consequat euismod ac augue. Morbi venenatis dictum consequat. Phasellus eu purus sed arcu posuere consequat euismod ac augue. Morbi venenatis dictum consequat.</p>
<p class="ttr wow fadeInRight" data-wow-delay="1.2s">Morbi venenatis dictum consequat. Phasellus eu purus sed arcu posuere consequat euismod ac augue. Morbi venenatis dictum consequat.</p>
</div>
</div>
</div>
</div>
<div class="row box-sec">
<div class="col-lg-3 col-md-6 col-sm-12 mb-xs-2rem">
<a href="javascript:void(0);">
<div class="about-box box-1 center-block wow zoomIn" data-wow-delay="400ms">
<div class="about-opacity-icon"> <i class="fa fa-briefcase" aria-hidden="true"></i> </div>
<div class="about-main-icon text-blue pb-4">
<i class="las la-briefcase" aria-hidden="true"></i>
</div>
<h5 class="mb-0">Per Services</h5>
</div>
</a>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 mb-xs-2rem">
<a href="javascript:void(0);">
<div class="about-box box-2 center-block wow zoomIn" data-wow-delay="500ms">
<div class="about-opacity-icon"> <i class="fa fa-lightbulb" aria-hidden="true"></i> </div>
<div class="about-main-icon text-orange pb-4">
<i class="las la-lightbulb" aria-hidden="true"></i>
</div>
<h5 class="mb-0">Living ideas</h5>
</div>
</a>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 mb-xs-2rem">
<a href="javascript:void(0);">
<div class="about-box box-3 center-block wow zoomIn" data-wow-delay="600ms">
<div class="about-opacity-icon"> <i class="fa fa-chart-line" aria-hidden="true"></i> </div>
<div class="about-main-icon text-purple pb-4">
<i class="las la-chart-line" aria-hidden="true"></i>
</div>
<h5 class="mb-0">Trending Pets</h5>
</div>
</a>
</div>
<div class="col-lg-3 col-md-6 col-sm-12">
<a href="javascript:void(0);">
<div class="about-box box-4 center-block wow zoomIn" data-wow-delay="700ms">
<div class="about-opacity-icon"> <i class="fa fa-money-bill-wave" aria-hidden="true"></i> </div>
<div class="about-main-icon text-orang pb-4">
<i class="las la-money-bill-wave" aria-hidden="true"></i>
</div>
<h5 class="mb-0">Save Money</h5>
</div>
</a>
</div>
</div>
</div>
</section>
<!-- End ui-block-47 -->
<hr>
<!-- Start ui-block-48 -->
<section class="about-sec ui-block-48">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<div class="heading-details">
<h4 class="heading">About Our Farm</h4>
</div>
</div>
<div class="col-12 col-md-8 offset-md-2 text-center">
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</div>
<div class="row services-area">
<div class="col-12 col-lg-4 services text-center wow fadeInUp" data-wow-delay=".2s">
<div class="service-card">
<div class="image-holder"><i class="las la-campground"></i></div>
<h4 class="service-heading">Who We Are?</h4>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a href="javascript:void(0);" class="btn web-trans-btn rounded-pill">Read More</a>
</div>
</div>
<div class="col-12 col-lg-4 services text-center wow fadeInUp" data-wow-delay=".3s">
<div class="service-card">
<div class="image-holder"><i class="las la-tractor"></i></div>
<h4 class="service-heading">How We Do?</h4>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a href="javascript:void(0);" class="btn web-trans-btn rounded-pill">Read More</a>
</div>
</div>
<div class="col-12 col-lg-4 services text-center wow fadeInUp" data-wow-delay=".4s">
<div class="service-card">
<div class="image-holder"><i class="las la-seedling"></i></div>
<h4 class="service-heading">What We Grow?</h4>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a href="javascript:void(0);" class="btn web-trans-btn rounded-pill">Read More</a>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-48 -->
<hr>
<!-- Start ui-block-49 -->
<section class="services-sec bg-black ui-block-49">
<div class="container">
<div class="row services-details text-center">
<div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2" >
<p class="sub-heading text-center"><span></span>Most flexible one page</p>
<h3 class="heading text-center">A Web Studio helping the world to gain some success.</h3>
<p class="detail-text text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, metus ut posuere gravida, tellus lacus faucibus lectus, sed cursused eros ligula non odio. Suspendisse volutpat sagittis sapien. Curabitur quis malesuada ipsum.</p>
<a class="btn our-blue btn-rounded btn-medium" href="javascript:void(0)">LEARN MORE</a>
</div>
</div>
<div class="row our-services">
<div class="col-12 col-lg-4 wow slideInLeft" data-wow-duration="1s">
<div class="service-card text-center">
<a href="javascript:void(0)">
<div class="image-holder">
<i class="lni lni-investment"></i>
</div>
<h3 class="service-card-heading">Branding Design</h3>
<p class="service-card-detail">
Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.
</p>
</a>
</div>
</div>
<div class="col-12 col-lg-4 wow slideInUp" data-wow-duration="1s">
<div class="service-card text-center">
<a href="javascript:void(0)">
<div class="image-holder">
<i class="lni lni-cog"></i>
</div>
<h3 class="service-card-heading">SEO Marketing</h3>
<p class="service-card-detail">
Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.
</p>
</a>
</div>
</div>
<div class="col-12 col-lg-4 wow slideInRight" data-wow-duration="1s">
<div class="service-card text-center ">
<a href="javascript:void(0)">
<div class="image-holder">
<i class="lni lni-code"></i>
</div>
<h3 class="service-card-heading">Web Development</h3>
<p class="service-card-detail">
Lorem ipsum dolor sit amet, consectetur adipiscing elit augue diam, accumsan.
</p>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- End ui-block-49 -->
<hr>
<!-- Start ui-block-50 -->
<section class="services-sec padding-top padding-bottom-half ui-block-50">
<div class="container">
<div class="row align-items-center">
<div class="col-12 col-lg-6">
<div class="heading-area">
<h4 class="heading wow slideInLeft">creative team in market.</h4>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="image-holder wow slideInRight">
<img src="vendor/img/elements-img/info-img/ui-block-50-about.jpg" alt="service-img">
</div>
</div>
<div class="col-12 padding-top-half">
<ul class="services-boxes">
<li class="service-card left wow slideInLeft">
<div class="icon-holder"><i class="lni lni-bulb"></i></div>
<p class="text">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.</p>
</li>
<li class="service-card right d-block text-center wow slideInRight">
<div class="icon-holder"><i class="lni lni-briefcase"></i></div>
<p class="text">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.</p>
</li>
<li class="service-card left icon-right text-center text-lg-right wow slideInLeft">
<p class="text order-2 order-lg-1">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.</p>
<div class="icon-holder order-1 order-lg-2"><i class="lni lni-heart"></i></div>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- End ui-block-50 -->
<script src="vendor/js/megamenu.js"></script>
<script>
$ = jQuery.noConflict();
jQuery(window).on("load", function () {
"use strict";
$('.side-menu').removeClass('d-none');
});
jQuery(function ($) {
"use strict";
var $window = $(window);
var windowsize = $(window).width();
$(".scroll").on("click", function(event){
event.preventDefault();
$('html,body').animate({
scrollTop: $(this.hash).offset().top - 40}, 1100);
});
if ($("#sidemenu_toggle").length) {
$("#sidemenu_toggle").on("click", function () {
$(".pushwrap").toggleClass("active");
$(".side-menu").addClass("side-menu-active"), $("#close_side_menu").fadeIn(700)
}), $("#close_side_menu").on("click", function () {
$(".side-menu").removeClass("side-menu-active"), $(this).fadeOut(200), $(".pushwrap").removeClass("active")
}), $(".side-nav .navbar-nav .nav-link").on("click", function () {
$(".side-menu").removeClass("side-menu-active"), $("#close_side_menu").fadeOut(200), $(".pushwrap").removeClass("active")
}), $("#btn_sideNavClose").on("click", function () {
$(".side-menu").removeClass("side-menu-active"), $("#close_side_menu").fadeOut(200), $(".pushwrap").removeClass("active")
})
}
});
</script>
</body>
</html>