?
á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>Minimal Startup | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link href="vendor/img/favicon.ico" rel="icon">
<!-- Bundle -->
<link rel="stylesheet" href="vendor/css/bundle.min.css">
<!-- Revolution Slider CSS Files -->
<link rel="stylesheet" href="vendor/css/revolution-settings.min.css">
<!-- Plugin Css -->
<link href="vendor/css/LineIcons.min.css" rel="stylesheet">
<link href="vendor/css/jquery.fancybox.min.css" rel="stylesheet">
<link href="vendor/css/owl.carousel.min.css" rel="stylesheet">
<link href="vendor/css/wow.css" rel="stylesheet">
<link rel="stylesheet" href="vendor/css/cubeportfolio.min.css">
<link href="minimal-startup/css/line-awesome.min.css" rel="stylesheet">
<!-- Style Sheet -->
<link href="minimal-startup/css/style.css" rel="stylesheet">
<link href="minimal-startup/css/custom.css" rel="stylesheet">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="90">
<!-- Start Preloader -->
<div class="loader">
<div class="loader-inner">
<div class="loader-blocks">
<span class="block-1"></span>
<span class="block-2"></span>
<span class="block-3"></span>
<span class="block-4"></span>
<span class="block-5"></span>
<span class="block-6"></span>
<span class="block-7"></span>
<span class="block-8"></span>
<span class="block-9"></span>
<span class="block-10"></span>
<span class="block-11"></span>
<span class="block-12"></span>
<span class="block-13"></span>
<span class="block-14"></span>
<span class="block-15"></span>
<span class="block-16"></span>
</div>
</div>
</div>
<!-- End Preloader -->
<!-- Header Start -->
<header id="home" class="cursor-light">
<div class="inner-header nav-icon">
<div class="main-navigation">
<div class="container">
<div class="row">
<div class="col-8 col-lg-10 simple-navbar d-flex align-items-center justify-content-start">
<!-- Logo -->
<a class="navbar-brand scroll" href="#banner">
<img src="minimal-startup/images/logo.png" class="logo-simple" alt="logo">
</a>
<nav class="navbar navbar-expand-lg">
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="navbar-nav ml-auto">
<a class="nav-link scroll active" href="#about">About</a>
<a class="nav-link scroll" href="#company-portfolio-section">Portfolio</a>
<a class="nav-link scroll" href="#testimonial-sec">Reviews</a>
<a class="nav-link scroll" href="#contact-sec">Contact</a>
<span class="menu-line link"><i aria-hidden="true" class="fa fa-angle-down"></i></span>
</div>
</div>
</nav>
</div>
<div class="col-lg-2 px-0 simple-navbar align-items-center justify-content-end d-none d-lg-flex">
<div class="navbar-social side-icons d-flex justify-content-center">
<a class="social-icon" href="javascript:void(0);"><i class="fab fa-facebook-f"></i></a>
<a class="social-icon" href="javascript:void(0);"><i class="fab fa-twitter"></i></a>
<a class="social-icon" href="javascript:void(0);"><i class="fab fa-linkedin-in"></i></a>
<a class="social-icon" href="javascript:void(0);"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
<!--toggle btn-->
<a href="javascript:void(0)" class="sidemenu_btn" id="sidemenu_toggle">
<span></span>
<span></span>
</a>
</div>
<!--Side Nav-->
<div class="side-menu hidden side-menu-opacity">
<div class="inner-wrapper">
<span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
<a href="#banner" class="navbar-brand side-logo scroll">
<img src="minimal-startup/images/logo.png" alt="logo">
</a>
<nav class="side-nav w-100">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link scroll" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#company-portfolio-section">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#testimonial-sec">Reviews</a>
</li>
<li class="nav-item">
<a class="nav-link scroll" href="#contact-sec">Contact</a>
</li>
</ul>
</nav>
<div class="side-footer text-white w-100 d-flex justify-content-center">
<ul class="social-icons-simple">
<li><a class="facebook-text-hvr" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
<li><a class="twitter-text-hvr" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
<li><a class="linkedin-text-hvr" href="javascript:void(0)"><i class="fab fa-linkedin-in"></i> </a> </li>
<li><a class="instagram-text-hvr" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
</ul>
</div>
</div>
<svg class="separator__svg" id="side-menu-svg" width="100%" viewBox="0 0 100 100" preserveAspectRatio="none" fill="#fff" 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="#fff" stroke-width="0"/>
</svg>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
</header>
<!-- Header End -->
<!-- Start Banner -->
<section class="banner-slider position-relative py-0 " id="banner">
<!-- Banner Svg -->
<svg id="banner-header-svg" class="separator__svg" width="100%" viewBox="0 0 100 100" preserveAspectRatio="none" fill="#6b30e9" 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="#6b30e9" stroke-width="0"/>
</svg>
<div class="container">
<div class="row banner-slider-row">
<!-- Content -->
<div class="col-12 col-lg-6 d-flex align-items-center text-center text-lg-left">
<div class="heading-area wow slideInLeft" data-wow-delay=".8s">
<span class="sub-heading text-blue">Lorem ipsum is simply.</span>
<h4 class="heading">Create Best Startup Websites.</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>
<a href="#about" class="scroll button"><i class="las la-angle-right"></i>Learn More</a>
</div>
</div>
<!-- Image -->
<div class="col-12 col-lg-6 banner-image d-flex align-items-center">
<div class="slider-img-area wow slideInRight" data-wow-delay=".8s" data-depth="0.1">
<img src="minimal-startup/images/banner-img.png" alt="plant" id="slider-inner-img">
</div>
</div>
</div>
</div>
</section>
<!-- End Banner -->
<!-- Start About -->
<section class="about pt-md-5" id="about">
<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="minimal-startup/images/about.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 About -->
<!-- Start Counters -->
<section class="company-stats-section py-0 py-md-5">
<div class="container">
<div class="row">
<div class="col-12 col-md-12">
<div class="row">
<!-- First Counter -->
<div class="col-12 col-md-3">
<div class="stats-block-inner text-center">
<i class="lni lni-bar-chart text-blue"></i>
<div class="stats-number-inner">
<span>700</span>+
</div>
<p class="paragraph">Projects Completed</p>
</div>
</div>
<!-- Second Counter -->
<div class="col-12 col-md-3">
<div class="stats-block-inner text-center">
<i class="lni lni-heart text-purple"></i>
<div class="stats-number-inner">
<span>4500</span>+
</div>
<p class="paragraph">Satisfied customers</p>
</div>
</div>
<!-- Third Counter -->
<div class="col-12 col-md-3">
<div class="stats-block-inner text-center">
<i class="lni lni-protection text-pink"></i>
<div class="stats-number-inner">
<span>9500</span>+
</div>
<p class="paragraph">Completed consultations</p>
</div>
</div>
<!-- Fourth Counter -->
<div class="col-12 col-md-3">
<div class="stats-block-inner text-center">
<i class="lni lni-blackboard text-blue"></i>
<div class="stats-number-inner">
<span>6000</span>+
</div>
<p class="paragraph">Carried out training</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Counters -->
<!-- Start Portfolio -->
<section class="portfolio-sec company-portfolio-section" id="company-portfolio-section">
<div class="container">
<div class="section-heading">
<div class="row">
<div class="col-lg-6 wow fadeInUp text-center text-lg-left" data-wow-delay="300ms">
<h1 class="heading">We have designed </h1>
<h1 class="heading">best websites.</h1>
</div>
<!-- Filters -->
<div class="col-md-12 pt-4 pt-md-5">
<div id="js-filters-mosaic" class="cbp-l-filters-button wow fadeInUp text-center text-lg-left" data-wow-delay="350ms">
<div data-filter="*" class="cbp-filter-item-active cbp-filter-item">All</div>
<div data-filter=".web" class="cbp-filter-item">Web Design</div>
<div data-filter=".logo" class="cbp-filter-item">Logo Design</div>
<div data-filter=".mobile" class="cbp-filter-item">Mobile App</div>
<div data-filter=".development" class="cbp-filter-item">Development</div>
</div>
<div id="js-grid-mosaic" class="cbp cbp-l-grid-mosaic">
<!-- Image-1 -->
<div class="cbp-item web logo">
<a href="minimal-startup/images/work1.jpg" class="cbp-caption cbp-lightbox" data-title="Workout Buddy<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="minimal-startup/images/work1.jpg" alt="img">
</div>
<div class="cbp-caption-activeWrap portfolio-hover-effect d-flex align-items-end">
<div class="portfolio-inner-content">
<span></span>
<span></span>
</div>
<div class="hover-text">
<h4 class="p-hover-title">Creative</h4>
<p class="p-hover-des">35 WP Anniversary</p>
</div>
</div>
</a>
</div>
<!-- Image-2 -->
<div class="cbp-item print mobile web">
<a href="minimal-startup/images/work2.jpg" class="cbp-caption cbp-lightbox" data-title="Workout Buddy<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="minimal-startup/images/work2.jpg" alt="img">
</div>
<div class="cbp-caption-activeWrap portfolio-hover-effect d-flex align-items-end">
<div class="portfolio-inner-content">
<span></span>
<span></span>
</div>
<div class="hover-text">
<h4 class="p-hover-title">Web Design</h4>
<p class="p-hover-des">35 WP Anniversary</p>
</div>
</div>
</a>
</div>
<!-- Image-3 -->
<div class="cbp-item print logo development web mobile">
<a href="minimal-startup/images/work3.jpg" class="cbp-caption cbp-lightbox" data-title="Workout Buddy<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="minimal-startup/images/work3.jpg" alt="img">
</div>
<div class="cbp-caption-activeWrap portfolio-hover-effect d-flex align-items-end">
<div class="portfolio-inner-content">
<span></span>
<span></span>
</div>
<div class="hover-text">
<h4 class="p-hover-title">Logo Design</h4>
<p class="p-hover-des">35 WP Anniversary</p>
</div>
</div>
</a>
</div>
<!-- Image-4 -->
<div class="cbp-item logo development">
<a href="minimal-startup/images/work4.jpg" class="cbp-caption cbp-lightbox" data-title="Workout Buddy<br>by Tiberiu Neamu">
<div class="cbp-caption-defaultWrap">
<img src="minimal-startup/images/work4.jpg" alt="img">
</div>
<div class="cbp-caption-activeWrap portfolio-hover-effect d-flex align-items-end">
<div class="portfolio-inner-content">
<span></span>
<span></span>
</div>
<div class="hover-text">
<h4 class="p-hover-title">Development</h4>
<p class="p-hover-des">35 WP Anniversary</p>
</div>
</div>
</a>
</div>
</div>
<!-- Button -->
<div id="js-loadMore-lightbox-gallery" class="cbp-l-loadMore-button text-data wow fadeInUp" data-wow-delay="650ms">
<div class="row portfolio-foot-detail text-data-inner">
<div class="col-7 col-lg-4 offset-lg-6 text-left pl-4">
<span class="p-text">We've Completed More Then</span>
<h4 class="p-num">530</h4>
<span class="p-text">Projects for Our amazing Clients</span>
</div>
<div class="col-5 col-lg-2 d-flex justify-content-end align-items-center"><a href="minimal-startup/standalone.html" class="btn pink-and-purple-btn rounded-pill">VIEW ALL</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Portfolio -->
<!-- Start Testimonials -->
<section class="testimonial-sec padding-top position-relative" id="testimonial-sec">
<!-- Upper Svg -->
<svg class="separator__svg" id="testimonial-header-svg" width="100%" viewBox="0 0 100 100" preserveAspectRatio="none" fill="#fff" 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="#fff" stroke-width="0"/>
</svg>
<div class="container">
<div class="testimonial-area">
<div class="row">
<div class="col-12">
<div class="testimonial-title text-center">
<span class="sub-heading">Proud moment for us</span>
<h1 class="heading">Customers love our work <span class="d-block">We are delighted!</span></h1>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="testimonial-carousel">
<div class="testimonial-box owl-carousel owl-theme">
<!-- Item-1 -->
<div class="item text-center wow fadeInUp">
<div class="icon-holder">
<i class="fas fa-quote-right"></i>
</div>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae egestas mi, vel dapibus diam. Mauris malesuada, nisl non rutrum commodo, sem magna laoreet tellus, eu euismod dolor enim et mi. In at tempor purus.</p>
<div class="img-holder"><img src="minimal-startup/images/test1.jpg" alt="Reviews"></div>
<h4 class="user-name">Sara Williams</h4>
</div>
<!-- Item-2 -->
<div class="item text-center wow fadeInUp" data-wow-delay=".3s">
<div class="icon-holder">
<i class="fas fa-quote-right"></i>
</div>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae egestas mi, vel dapibus diam. Mauris malesuada, nisl non rutrum commodo, sem magna laoreet tellus, eu euismod dolor enim et mi. In at tempor purus.</p>
<div class="img-holder"><img src="minimal-startup/images/test2.jpg" alt="Reviews"></div>
<h4 class="user-name">Jack Williams</h4>
</div>
<!-- Item-3 -->
<div class="item text-center wow fadeInUp" data-wow-delay=".3s">
<div class="icon-holder">
<i class="fas fa-quote-right"></i>
</div>
<p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae egestas mi, vel dapibus diam. Mauris malesuada, nisl non rutrum commodo, sem magna laoreet tellus, eu euismod dolor enim et mi. In at tempor purus.</p>
<div class="img-holder"><img src="minimal-startup/images/test3.jpg" alt="Reviews"></div>
<h4 class="user-name">Jessica Briany</h4>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Lower Svg -->
<svg class="separator__svg" id="testimonial-foot-svg" width="100%" viewBox="0 0 100 100" preserveAspectRatio="none" fill="#fff" 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="#fff" stroke-width="0"/>
</svg>
</section>
<!-- End Testimonials -->
<!-- Start Contact -->
<section class="contact-sec" id="contact-sec">
<div class="container">
<div class="row">
<!-- Contact Info -->
<div class="col-12 col-lg-6 text-center text-lg-left position-relative wow slideInLeft" data-wow-duration="1s" data-wow-delay=".1s">
<div class="contact-details">
<span class="contact-sub text-pink">Let’s Get In Touch</span>
<h4 class="contact-head">Agency Office</h4>
<p class="text">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. </p>
<div class="row">
<div class="col-12 col-md-6">
<h5 class="country text-blue">United States</h5>
<ul>
<li><i aria-hidden="true" class="las la-mobile addr"></i>+(34) 609 33 17 54</li>
<li><i aria-hidden="true" class="las la-envelope phone"></i><span>email@website.com</span></li>
<li><i aria-hidden="true" class="las la-map-marker email"></i>201 Oak Street Building 27 Manchester, USA</li></ul>
</div>
<div class="col-12 col-md-6">
<h5 class="country text-blue">Australia</h5>
<ul>
<li><i aria-hidden="true" class="las la-mobile addr"></i>+(34) 609 33 17 54</li>
<li><i aria-hidden="true" class="las la-envelope phone"></i><span>email@website.com</span></li>
<li><i aria-hidden="true" class="las la-map-marker email"></i>201 Oak Street Building 27 Manchester, USA</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Contact Form -->
<div class="col-12 col-lg-6 px-lg-0 pt-5 pt-lg-0 wow slideInRight" data-wow-duration="1s" data-wow-delay=".1s">
<h4 class="contact-heading text-center text-lg-left">Leave a Message</h4>
<p class="contact-para">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit.</p>
<form class="row contact-form" id="contact-form-data">
<div class="col-sm-12" id="result"></div>
<div class="col-12 col-md-6">
<input type="text" name="userName" placeholder="Name" class="form-control">
<input class="form-control" type="tel" placeholder="Contact No:" id="phone" name="userPhone">
</div>
<div class="col-12 col-md-6">
<input type="email" name="userEmail" placeholder="Email" class="form-control">
<input type="text" name="userSubject" placeholder="Subject" class="form-control">
</div>
<div class="col-12">
<textarea class="form-control" name="userMessage" rows="6" placeholder="Message"></textarea>
<a href="javascript:void(0);" class="btn btn-pink btn-medium btn-rounded contact_btn mt-3">SUBMIT</a>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- End Contact -->
<!-- Start Footer -->
<footer class="footer-style-1 bg-light">
<div class="container">
<div class="row align-items-center">
<!--Social-->
<div class="col-lg-6">
<div class="footer-social text-center text-lg-left ">
<ul class="list-unstyled">
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-facebook-f"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-twitter"></i></a></li>
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-google-plus-g"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-linkedin-in"></i></a></li>
<li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-instagram"></i></a></li>
<li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true" class="fab fa-pinterest-p"></i></a></li>
</ul>
</div>
</div>
<!--Text-->
<div class="col-lg-6 text-center text-lg-left">
<p class="company-about fadeIn">© 2020 MegaOne. Made With Love By <a href="javascript:void(0);">Themesindustry</a>
</p>
</div>
</div>
</div>
</footer>
<!-- End Footer -->
<!-- Start Scroll Top -->
<div class="go-top"><i class="fas fa-angle-up"></i><i class="fas fa-angle-up"></i></div>
<!-- End Scroll Top -->
<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="vendor/js/jquery.appear.js"></script>
<script src="vendor/js/jquery.fancybox.min.js"></script>
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/wow.min.js"></script>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<!-- CUSTOM JS -->
<script src="vendor/js/contact_us.js"></script>
<script src="minimal-startup/js/script.js"></script>