?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/backup/allback/docteur-site/cv/sym/a/events/crm/
Upload File :
Current File : /home/webyoo/www/backup/allback/docteur-site/cv/sym/a/events/crm/index-innovative1.html

<!DOCTYPE html>
<html lang="en">
<head>
     <!-- Meta Tags -->
     <meta charset="utf-8">
     <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
     <!-- Author -->
     <meta name="author" content="Themes Industry">
     <!-- description -->
     <meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with 8 ready home page demos.">
     <!-- keywords -->
     <meta name="keywords" content="Creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, studio, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, studio, masonry, grid, faq">
     <!-- Page Title -->
     <title>Innovative | MegaOne HTML5 Template</title>
    
    <!-- Favicon -->
    <link href="innovative1/img/favicon.ico" rel="icon">
    <!-- Bundle -->
    <link href="vendor/css/bundle.min.css" rel="stylesheet">
    <link href="vendor/css/revolution-settings.min.css" rel="stylesheet">
    <link href="vendor/css/owl.carousel.min.css" rel="stylesheet">
    <!-- Plugin Css -->
    <link href="vendor/css/jquery.fancybox.min.css" rel="stylesheet">
    <link rel="stylesheet" href="interior/css/line-awesome.min.css">
    <link rel="stylesheet" href="innovative1/css/slick-theme.css">
    <link rel="stylesheet" href="innovative1/css/slick.css">
    <!-- Style Sheet -->
    <link href="innovative1/css/style.css" rel="stylesheet">
</head>

<body data-offset="90" data-spy="scroll" data-target=".navbar">

<!--start loader-->
<div class="loader center-block">
    <div class="spinner">
        <div class="spinner-container container1">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
        <div class="spinner-container container2">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>

    </div>
</div>
<!--loader end-->

<!--Header Start-->
<header>

    <!--Navigation-->
    <nav class="navbar navbar-top-default navbar-expand-lg navbar-simple nav-box-round">
        <div class="container">
            <a href="javascript:void(0)" title="Logo" class="logo scroll">
                <!--Logo Default-->
                <img src="innovative1/img/logo-black.png" alt="logo" class="logo-light default">
                <!--Logo Sticky-->
                <img src="innovative1/img/logo-black.png" alt="logo" class="logo-dark">
            </a>

            <!--Nav Links-->
            <div class="collapse navbar-collapse" id="megaone">
                <div class="navbar-nav ml-auto">
                    <a class="nav-link scroll" href="#home">Home<span></span></a>
                    <a class="nav-link scroll" href="#services">Services<span></span></a>
                    <a class="nav-link scroll" href="#portfolio-area">Portfolio<span></span></a>
                    <a class="nav-link scroll" href="#pricing">Pricing<span></span></a>
                    <a class="nav-link scroll" href="#reviews">Reviews<span></span></a>
                    <a class="nav-link scroll" href="#contact">Contact Us<span></span></a>
                </div>
            </div>

            <!--Side Menu Button-->
                <a href="javascript:void(0)" class="d-inline-block sidemenu_btn" id="sidemenu_toggle">
                    <span></span>
                    <span></span>
                    <span></span>
                </a>
        </div>
    </nav>
    <!--Side Nav-->
    <div class="side-menu hidden">
        <div class="inner-wrapper">
            <span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
            <nav class="side-nav w-100">
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#home">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#services">Services</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#portfolio-area">Portfolio</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#pricing">Pricing</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#reviews">Reviews</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#contact">Contact Us</a>
                    </li>
                </ul>
            </nav>

            <div class="side-footer text-white w-100">
                <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="instagram-text-hvr" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
                    <li><a class="twitter-text-hvr" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
                </ul>
                <p class="text-white">&copy; 2020 MegaOne. Made With Love by Themesindustry</p>
            </div>
        </div>
    </div>
    <a id="close_side_menu" href="javascript:void(0);"></a>
    <!-- End side menu -->

</header>
<!--Header end-->

<!--Single portfolio item one-->
<section class="single-items slider-items p-0" id="home">
    <div class="item slider-inner center-block parallax m-0" style="background: url(innovative1/img/single-portfolio1.jpg);height: 100vh;">
    <div class="container">
        <div class="row">
            <div class="col-12 col-lg-6 center-col">
                <div class="area-heading text-center text-lg-left wow fadeInUp">
                    <h3 class="area-title text-capitalize alt-font text-white mb-2 font-weight-100">
                        <strong>Creative </strong>Studio</h3>
                    <p class="text-white font-weight-300">Lorem ipsum is simply dummy text of the printing and typesetting industry with dummmy text. Graphics, Designing, Branding, Development</p>
                    <a class="btn btn-transparent-white btn-rounded btn-rounded btn-large mt-3" href="#services">Learn More</a>
                </div>
            </div>
        </div>
    </div>
    </div>
</section>

<!--Single portfolio item two-->
<section class="single-items center-block parallax services-area" id="services" style="background: url(innovative1/img/single-portfolio2.jpg)">
    <div class="container">
        <div class="row">
            <div class="col-12 col-lg-6"></div>
            <div class="col-12 col-lg-6 center-col">
                <div class="row no-gutters">
                    <div class="col-12 col-md-6 d-inline-block d-lg-flex justify-content-center align-items-center">
                        <div class="feature-item text-center text-md-left">
                            <i class="las la-graduation-cap f-icon"></i>
                            <h5 class="title">Development</h5>
                            <p>Simply dummy text of the print has been standard.</p>
                            <a href="javascript:void(0);" class="las la-arrow-right r-icon"></a>
                        </div>
                    </div>
                    <div class="col-12 col-md-6">
                        <div class="feature-item text-center text-md-left">
                            <i class="lab la-bitbucket f-icon"></i>
                            <h5 class="title">Development</h5>
                            <p>Simply dummy text of the print has been standard.</p>
                            <a href="javascript:void(0);" class="las la-arrow-right r-icon"></a>
                        </div>
                        <div class="feature-item text-center text-md-left">
                            <i class="las la-cart-arrow-down f-icon"></i>
                            <h5 class="title">Development</h5>
                            <p>Simply dummy text of the print has been standard.</p>
                            <a href="javascript:void(0);" class="las la-arrow-right r-icon"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</section>

<!--Single portfolio item three-->
<section class="single-items center-block parallax skills-area" id="corporate" style="background: url(innovative1/img/single-portfolio3.jpg)">
    <div class="container">
        <div class="row align-items-lg-center">
            <!-- Features Box-->
            <div class="col-lg-5 pr-lg-5">
                <div class="heading-area text-center text-md-left">
                    <h6 class="sub-title">45+ Year Of Experience</h6>
                    <h2 class="title">Skills &amp; Abilities</h2>
                </div>
                <!-- Progress Bar -->
                <ul class="services-skill text-left">
                    <!--Progress Item-->
                    <li class="progress-item">
                        <h6 class="progress-heading">Development<span class="float-right"><b class="count">40</b>%</span></h6>
                        <div class="progress">
                            <span class="progress-bar" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%;"></span>
                        </div>
                    </li>
                    <!--Progress Item-->
                    <li class="progress-item">
                        <h6 class="progress-heading">Web Design<span class="float-right"><b class="count">75</b>%</span></h6>
                        <div class="progress">
                            <span class="progress-bar" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%;"></span>
                        </div>
                    </li>
                    <!--Progress Item-->
                    <li class="progress-item">
                        <h6 class="progress-heading">UI / UX Design<span class="float-right"><b class="count">75</b>%</span></h6>
                        <div class="progress">
                            <span class="progress-bar" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%;"></span>
                        </div>
                    </li>
                </ul>
                <div class="skill-btn text-center text-md-left">
                    <a class="btn btn-transparent-white btn-rounded btn-large mt-3" href="innovative1/standalone.html">View More</a>
                </div>

            </div>

            <!-- Heading Area-->
            <div class="col-lg-7">

            </div>

        </div>
    </div>
</section>

<!--Single portfolio item four-->
<section class="single-items center-block parallax counter-sec" id="social" style="background: url(innovative1/img/single-portfolio4.jpg)">
    <div class="container">
        <div class="row">
            <div class="col-12 col-lg-6 offset-lg-6">
                <!--Counters Area-->
                <div class="row counter-area">
                    <!-- Counter Item-->
                    <div class="col-6 col-lg-4 text-center count-box">
                        <div class="counters">
                            <i class="las la-building c-icon"></i>
                            <!-- Content -->
                            <div class="content">
                                <h4 class="m-0"><span class="count">35M</span></h4>
                                <p>Customers</p>
                            </div>
                        </div>
                    </div>
                    <!-- Counter Item-->
                    <div class="col-6 col-lg-4 text-center count-box">
                        <div class="counters">
                        <i class="las la-calculator c-icon"></i>
                        <!-- Content -->
                        <div class="content">
                            <h4 class="m-0"><span class="count">70K</span></h4>
                            <p>Projects</p>
                        </div>
                        </div>
                    </div>
                    <!-- Counter Item-->
                    <div class="col-6 col-lg-4 text-center count-box">
                        <div class="counters">
                        <i class="lab la-pagelines c-icon"></i>
                        <!-- Content -->
                        <div class="content">
                            <h4 class="m-0"><span class="count">70K</span></h4>
                            <p>Projects</p>
                        </div>
                        </div>

                    </div>
                    <!-- Counter Item-->
                    <div class="col-6 col-lg-4 offset-lg-2 text-center count-box">
                        <div class="counters">
                            <i class="las la-calculator c-icon"></i>
                            <!-- Content -->
                            <div class="content">
                                <h4 class="m-0"><span class="count">70K</span></h4>
                                <p>Projects</p>
                            </div>
                        </div>
                    </div>
                    <!-- Counter Item-->
                    <div class="col-12 col-lg-6 offset-lg-0 text-center text-lg-left count-box">
                        <div class="counters text-center">
                            <i class="lab la-pagelines c-icon"></i>
                            <!-- Content -->
                            <div class="content">
                                <h4 class="m-0"><span class="count">70K</span></h4>
                                <p>Projects</p>
                            </div>
                        </div>

                    </div>

                </div>
            </div>
        </div>
    </div>

</section>

<!--portfolio without parallax-->
<section class="portfolio" id="portfolio-area">
    <!--Projects content start-->
    <div id="project-sec" class="project-sec">
        <div class="projects owl-carousel owl-theme no-gutters">
            <div class="item project-area">
                <div class="project-img order-1">
                    <img src="innovative1/img/single-portfolio5.jpg" alt="images">
                </div>
                <div class="container">
                <div class="project-detail text-center text-lg-left order-2">
                    <div class="row no-gutters">
                        <div class="col-10 offset-1 offset-lg-0 col-lg-4 animate-fade">
<!--                            <p class="project-sub-heading"><span></span>Most flexible one Page</p>-->
                            <h6 class="project-heading">Make A Unique Portfolio.</h6>
                            <p class="project-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, tellus lacus faucibus lectus, sed cursus eros ligula non odio.</p>
                            <a class="btn btn-transparent-white rounded-pill fancybox" data-fancybox="group-six" href="innovative1/img/single-portfolio5.jpg">
                                LAUNCH PROJECT
                            </a>
                        </div>
                    </div>
                </div>
                </div>
            </div>
            <div class="item project-area">
                <div class="project-img order-1">
                    <img src="innovative1/img/p1.jpg" alt="images">
                </div>
                <div class="container">
                <div class="project-detail text-center text-lg-left order-2">
                    <div class="row no-gutters">
                        <div class="col-10 offset-1 offset-lg-0  col-lg-4 animate-fade">
<!--                            <p class="project-sub-heading"><span></span>Most flexible one Page</p>-->
                            <h6 class="project-heading">Amazing Art Work Studio.</h6>
                            <p class="project-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum,tellus lacus faucibus lectus, sed cursus eros ligula non odio.</p>
                            <a class="btn btn-transparent-white rounded-pill" data-fancybox="group-six" href="innovative1/img/p1.jpg">
                                LAUNCH PROJECT
                            </a>
                        </div>
                    </div>
                </div>
                </div>
            </div>
            <div class="item project-area">
                <div class="project-img order-1">
                    <img src="innovative1/img/p2.jpg" alt="images">
                </div>
                <div class="container">
                <div class="project-detail text-center text-lg-left order-2">
                    <div class="row no-gutters">
                        <div class="col-10 offset-1 offset-lg-0  col-lg-4 animate-fade">
<!--                            <p class="project-sub-heading color-black"><span class="bg-black" style="background-color:black;"></span>Most flexible one Page</p>-->
                            <h6 class="project-heading">Animated Gallery Work.</h6>
                            <p class="project-text text-onblue-bg">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum,tellus lacus faucibus lectus, sed cursus eros ligula non odio.</p>
                            <a class="btn btn-transparent-white rounded-pill" data-fancybox="group-six" href="innovative1/img/p2.jpg">
                                LAUNCH PROJECT
                            </a>
                        </div>
                    </div>
                </div>
                </div>
            </div>
            <div class="item project-area">
                <div class="project-img order-1">
                    <img src="innovative1/img/p3.jpg" alt="images">
                </div>
                <div class="container">
                <div class="project-detail text-center text-lg-left order-2">
                    <div class="row no-gutters">
                        <div class="col-10 offset-1 offset-lg-0  col-lg-4 animate-fade">
<!--                            <p class="project-sub-heading"><span></span>Most flexible one Page</p>-->
                            <h6 class="project-heading color-black">Innovation through Designs.</h6>
                            <p class="project-text color-black">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut posuere nisi est, sed ullamcorper nibh volutpat at. In rutrum, tellus lacus faucibus lectus, sed cursus eros ligula non odio.</p>
                            <a class="btn btn-transparent-black rounded-pill" data-fancybox="group-six" href="innovative1/img/p3.jpg">
                                LAUNCH PROJECT
                            </a>
                        </div>
                    </div>
                </div>
                </div>
            </div>
        </div>
        <div class="container">
        <div class="project-links d-none d-md-block">
            <a class="customPrevBtn"><i class="las la-arrow-left"></i></a>
            <a class="customNextBtn"><i class="las la-arrow-right"></i></a>
        </div>
        </div>
    </div>
    <!--Projects content end-->
</section>
<!--portfolio without parallax-->

<!--Single portfolio item six-->
<section class="single-items center-block parallax pricing-sec" id="pricing" style="background: url(innovative1/img/single-portfolio6.jpg)">
    <div class="container">
        <div class="row">
            <div class="col-12 center-col col-lg-6 offset-lg-6">
                <div class="row no-gutters">
                    <div class="col-12 center-col">
                        <div class="area-heading text-center wow fadeInRight">
                            <h3 class="area-title text-capitalize alt-font text-white mb-5 font-weight-100">
                               Our <strong>Pricing</strong>
                            </h3>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 pricing-card text-center">
                        <div class="price-card">
                            <header>
                                <h4 class="pricing-heading">Standard</h4>
                            </header>
                            <div class="pricing-body">
                                <p class="pricing-detail">Lorem dolor sit amet, consectetur adipiscing elit.</p>
                                <h6 class="price-text">$56<span>/ Month</span></h6>
                                <ul class="pricing-features">
                                    <li>Full Access</li>
                                    <li>Unlimited Bandwidth</li>
                                    <li>Email Accounts</li>
                                    <li>8 Free Forks Every Month</li>
                                </ul>
                            </div>
                            <footer>
                                <a class="btn btn-transparent-white btn-rounded pricing-btn" href="#">Buy Now</a>
                            </footer>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 pricing-card text-center">
                        <div class="price-card">
                            <header>
                                <h4 class="pricing-heading">Premium</h4>
                            </header>
                            <div class="pricing-body">
                                <p class="pricing-detail">Lorem dolor sit amet, consectetur adipiscing elit.</p>
                                <h6 class="price-text">$56<span>/ Month</span></h6>
                                <ul class="pricing-features">
                                    <li>Full Access</li>
                                    <li>Unlimited Bandwidth</li>
                                    <li>Email Accounts</li>
                                    <li>8 Free Forks Every Month</li>
                                </ul>
                            </div>
                            <footer>
                                <a class="btn btn-transparent-white btn-rounded pricing-btn" href="#">Buy Now</a>
                            </footer>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>

</section>

<!--Single portfolio item seven-->
<section class="single-items center-block item-seven parallax testimonial-sec" id="reviews" style="background: url(innovative1/img/single-portfolio7.jpg)">
    <div class="container">
        <div class="row">
            <div class="col-12 col-lg-5 text-center review-box">
                <div class="row no-gutters slick-test">
                     <div class="reviews item">
                        <div class="review-body">
                            <p class="user-comment">Click edit button to change this text. Lorem dolor sit amet, sit consectetur  elit. amet, for  adipiscing elit. amet, consect adipiscing elit.</p>
                            <p class="comment-date">19-dec-2020</p>
                            <ul class="review-stars">
                                <li><a href="#"><i class="las la-star"></i></a></li>
                                <li><a href="#"><i class="las la-star"></i></a></li>
                                <li><a href="#"><i class="las la-star"></i></a></li>
                                <li><a href="#"><i class="las la-star"></i></a></li>
                                <li><a href="#"><i class="las la-star"></i></a></li>
                            </ul>
                        </div>
                        <div class="user-img"><img src="innovative1/img/review.jpg" class="rounded-circle" alt="img"></div>
                        <h4 class="user-name">Mickal Devid</h4>
                        <p class="user-designation">- Web Designer -</p>
                     </div>
                     <div class="reviews item">
                        <div class="review-body">
                            <p class="user-comment">Edit button to change this text. Lorem dolor sit amet, sit consectetur  elit. amet, for  adipiscing elit. amet, consect adipiscing elit.</p>
                            <p class="comment-date">19-dec-2020</p>
                            <ul class="review-stars">
                                <li><a href="#"><i class="las la-star"></i></a></li>
                                <li><a href="#"><i class="las la-star"></i></a></li>
                                <li><a href="#"><i class="las la-star"></i></a></li>
                                <li><a href="#"><i class="las la-star"></i></a></li>
                                <li><a href="#"><i class="las la-star"></i></a></li>
                            </ul>
                        </div>
                        <div class="user-img"><img src="innovative1/img/rev.jpg" class="rounded-circle" alt="img"></div>
                        <h4 class="user-name">Mickal Devid</h4>
                        <p class="user-designation">- Web Designer -</p>
                     </div>
                     <div class="reviews item">
                        <div class="review-body">
                            <p class="user-comment">Edit with button to change this text. Lorem dolor sit amet, sit consectetur  elit. amet, for  adipiscing elit. amet, consect adipiscing elit.</p>
                            <p class="comment-date">19-dec-2020</p>
                            <ul class="review-stars">
                                <li><a href="#"><i class="las la-star"></i></a></li>
                                <li><a href="#"><i class="las la-star"></i></a></li>
                                <li><a href="#"><i class="las la-star"></i></a></li>
                                <li><a href="#"><i class="las la-star"></i></a></li>
                                <li><a href="#"><i class="las la-star"></i></a></li>
                            </ul>
                        </div>
                        <div class="user-img"><img src="innovative1/img/rev1.jpg" class="rounded-circle" alt="img"></div>
                        <h4 class="user-name">Mickal Devid</h4>
                        <p class="user-designation">- Web Designer -</p>
                    </div>
                </div>
                <a class="navigate-btn prev-review-btn"><span class="fly-line"></span>Prev <i class="las la-arrow-right"></i> </a>
                <a class="navigate-btn next-review-btn"><span class="fly-line"></span>Next <i class="las la-arrow-right"></i></a>
            </div>
        </div>
    </div>
</section>

<!--Single portfolio item eight-->
<section class="single-items center-block parallax contact-sec" id="contact" style="background: url(innovative1/img/single-portfolio8.jpg)">
    <div class="container">
        <div class="row">
            <div class="col-12 col-lg-6 offset-lg-6 contact-box text-center text-md-left">
                <div class="c-box wow fadeInRight">
                    <h4 class="small-heading">Let's Get In <strong>Touch</strong></h4>
                    <p class="small-text">Lorem ipsum is simply dummy text of the printing and typesetting industry with dummmy text.</p>
                    <form class="contact-form" id="contact-form-data">
                        <div class="row my-form">
                            <div class="col-sm-12" id="result"></div>
                            <div class="col-12 col-md-6">
                                <input type="text" class="form-control" id="candidate_fname" name="firstName" placeholder="First Name" required="required">
                            </div>
                            <div class="col-12 col-md-6">
                                <input type="text" class="form-control" id="candidate_lname" name="lastName" placeholder="Last Name" required="required">
                            </div>
                            <div class="col-12 col-md-6">
                                <input type="email" class="form-control" id="user_email" name="userEmail" placeholder="Email" required="required">
                            </div>
                            <div class="col-12 col-md-6">
                                <input type="text" class="form-control" id="user_subject" name="userSubject" placeholder="Subject" required="required">
                            </div>
                            <div class="col-12">
                                <textarea class="form-control" id="user_message" name="userMessage" placeholder="Message" rows="6" required="required"></textarea>
                            </div>
                            <div class="col-12">
                                <a href="javascript:void(0);" class="btn rounded-pill user-contact contact_btn" type="submit"><i class="fa fa-spinner fa-spin mr-2 d-none" aria-hidden="true"></i>SUBMIT
                                </a>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

<!--Single portfolio item nine-->
<section class="single-items center-block parallax contact-us-sec" style="background: url(innovative1/img/single-portfolio9.jpg)">
    <div class="container">
        <div class="row">
            <div class="col-12 col-lg-6 contact-details text-center text-lg-left">
                <div class="location-details">
                        <h4 class="contact-heading">MegaOne <strong>Office</strong></h4>
                        <p class="contact-address">123 Stree New York City , United States Of America.</p>
                        <ul class="contact-list">
                            <li><span>Office Telephone :</span> 001 01085379709</li>
                            <li><span>Mobile :</span> 001 63165370895</li>
                            <li><span>Email :</span> admin@website.com</li>
                            <li><span>Inquiries :</span> email@website.com</li>
                            <li><span>Mon-Fri:</span> 9am to 6pm</li>
                        </ul>
                        <ul class="slider-social contact-s-media">
                            <li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="lab la-facebook-f"></i> </a> </li>
                            <li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="lab la-twitter"></i> </a> </li>
                            <li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="lab la-google-plus-g"></i> </a> </li>
                            <li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="lab la-linkedin-in"></i> </a> </li>
                            <li class="animated-wrap"><a class="animated-element" href="javascript:void(0);"><i class="lab la-instagram"></i> </a> </li>
                        </ul>
                </div>
            </div>

        </div>
    </div>
</section>

<!--map Start-->
<div class="map-area">
    <div class="row no-gutters">
        <div class="col-12">
            <div class="google-map" id="google-map"></div>
        </div>
    </div>
</div>
<!--map end-->

<!--Footer Start-->
<section class="bg-light text-center">
    <h2 class="d-none">hidden</h2>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="footer-social">
                    <ul class="list-unstyled">
                        <li><a class="wow fadeInUp" href="javascript:void(0);"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
                        <li><a class="wow fadeInDown" href="javascript:void(0);"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
                        <li><a class="wow fadeInUp" href="javascript:void(0);"><i class="fab fa-google-plus-g" aria-hidden="true"></i></a></li>
                        <li><a class="wow fadeInDown" href="javascript:void(0);"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a></li>
                        <li><a class="wow fadeInUp" href="javascript:void(0);"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
                        <li><a class="wow fadeInDown" href="javascript:void(0);"><i class="fab fa-youtube" aria-hidden="true"></i></a></li>
                    </ul>
                </div>
                <p class="company-about fadeIn">© 2020 MegaOne. Made With Love By <a href="javascript:void(0);">Themesindustry</a></p>
            </div>
        </div>
    </div>
</section>
<!--Footer End-->

<!--Scroll Top-->
<a class="scroll-top-arrow" href="javascript:void(0);"><i class="fas fa-angle-up"></i></a>
<!--Scroll Top End-->

<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="vendor/js/jquery.appear.js"></script>
<script src="vendor/js/jquery.fancybox.min.js"></script>
<script src="vendor/js/parallaxie.min.js"></script>
<script src="vendor/js/wow.min.js"></script>
<!-- REVOLUTION JS FILES -->
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="innovative1/js/slick.js"></script>
<script src="innovative1/js/slick.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCJRG4KqGVNvAPY4UcVDLcLNXMXk2ktNfY"></script>
<script src="innovative1/js/map.js"></script>
<!-- custom script -->
<script src="vendor/js/contact_us.js"></script>
<script src="innovative1/js/script.js"></script>

</body>
</html>



web shell, Coded By 2019