?

á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-resume.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>Resume | MegaOne HTML5 Template</title>
    <!-- Favicon -->
    <link href="resume/img/favicon.ico" rel="icon">
    <!-- Bundle -->
    <link href="vendor/css/bundle.min.css" rel="stylesheet">
    <!-- Plugin Css -->
    <link href="vendor/css/LineIcons.min.css" rel="stylesheet">
    <link href="vendor/css/revolution-settings.min.css" rel="stylesheet">
    <link href="vendor/css/jquery.fancybox.min.css" rel="stylesheet">
    <link href="vendor/css/owl.carousel.min.css" rel="stylesheet">
    <link href="vendor/css/cubeportfolio.min.css" rel="stylesheet">
    <!-- Style Sheet -->
    <link href="resume/css/style.css" rel="stylesheet">
</head>

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

<!-- Preloader -->
<div class="preloader">
    <div class="centrize full-width">
        <div class="vertical-center">
            <div class="spinner">
                <div class="double-bounce1"></div>
                <div class="double-bounce2"></div>
            </div>
        </div>
    </div>
</div>
<!-- Preloader End -->

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

    <!--Navigation-->
    <nav class="navbar navbar-top-default navbar-expand-lg navbar-simple nav-line">
        <div class="container">
            <a href="#home" title="Logo" class="logo scroll">
                <!--Logo Default-->
                <img src="resume/img/logo.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 active scroll" href="#home">Home</a>
                    <a class="nav-link scroll" href="#about">About</a>
                    <a class="nav-link scroll" href="#services">Servics</a>
                    <a class="nav-link scroll" href="#portfolio">Work</a>
                    <a class="nav-link scroll" href="#client">Clients</a>
                    <a class="nav-link scroll" href="#blog">Blog</a>
                    <a class="nav-link scroll" href="#contact">Contact</a>
                </div>
            </div>

            <!--Side Menu Button-->
            <a href="javascript:void(0)" class="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="#about">About</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">Work</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#client">Services</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#blog">Blog</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#contact">Contact</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-->

<!--Home Start-->
<section id="home" class="home-banner">
    <div class="container">
        <div class="row align-items-lg-center">
            <div class="col-lg-7">
                <!-- Box Area -->
                <div class="heading-box">
                    <h2>Walker<span class="main-color">son</span> Hardin</h2>
                    <p>There are many variations of passages of Lorem Ipsum is at the available,
                        but the majority have <span class="main-color">suffered</span> alteration some form,
                        by injected humour randomised words at the available.</p>
                    <a href="javascript:void(0);" class="btn btn-large btn-rounded btn-transparent-black mt-2">Learn More</a>
                </div>
            </div>

            <div class="col-lg-5">
                <div class="slider-right">
                    <img  data-depth="0.05" src="resume/img/personal.jpg" alt="side-image" class="scene">
                    <span data-depth="0.08" class="scene"></span>
                </div>
            </div>
        </div>
    </div>
    <!-- Shapes -->
    <span class="shape-square"></span>
    <span class="shape-triangle"></span>
    <span class="shape-plus"></span>
    <span class="shape-circle"></span>
</section>
<!--Home End-->

<!--Section About-->
<section id="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-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>
<!--Section End-->

<!--Parallax Start-->
<section class="parallax bg-img1">
    <div class="container">
        <div class="row">
            <div class="col-lg-3 col-sm-6">
                <div class="parallax-box text-white">
                    <i class="fa fa-check" aria-hidden="true"></i>
                    <h2 class="count">1800</h2>
                    <h5>Project Completed</h5>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="parallax-box text-white">
                    <i class="fa fa-flag" aria-hidden="true"></i>
                    <h2 class="count">125</h2>
                    <h5>Total Countries</h5>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="parallax-box text-white">
                    <i class="fa fa-globe" aria-hidden="true"></i>
                    <h2 class="count">5500</h2>
                    <h5>Users Worldwide</h5>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="parallax-box text-white">
                    <i class="fa fa-gift" aria-hidden="true"></i>
                    <h2 class="count">17</h2>
                    <h5>Award Winners</h5>
                </div>
            </div>
        </div>
    </div>
</section>
<!--Parallax End-->

<!--Services Start-->
<section id="services">
    <div class="container">
        <div class="row align-items-lg-center">
            <!-- Features Box-->
            <div class="col-lg-5 pr-lg-5">
                <div class="heading-area">
                    <h6 class="sub-title main-color">45+ Year Of Experience</h6>
                    <h2 class="title m-0">Our Services & Skills</h2>
                </div>
                <!-- Progress Bar -->
                <ul class="services-skill text-left">
                    <!--Progress Item-->
                    <li class="progress-item">
                        <h6>Development<span class="float-right"><b class="count">80</b>%</span></h6>
                        <div class="progress">
                            <span class="progress-bar" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></span>
                        </div>
                    </li>
                    <!--Progress Item-->
                    <li class="progress-item">
                        <h6>Development<span class="float-right"><b class="count">80</b>%</span></h6>
                        <div class="progress">
                            <span class="progress-bar" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></span>
                        </div>
                    </li>
                    <!--Progress Item-->
                    <li class="progress-item">
                        <h6>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"></span>
                        </div>
                    </li>
                    <!--Progress Item-->
                    <li class="progress-item">
                        <h6>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"></span>
                        </div>
                    </li>
                </ul>

                <!--Counters Area-->
                <div class="counter-area">
                    <!-- Counter Item-->
                    <div class="counters">
                        <i class="lni-apartment c-icon"></i>
                        <!-- Content -->
                        <div class="content">
                            <h4 class="m-0"><span class="count">35</span>M</h4>
                            <p>Customer</p>
                        </div>
                    </div>
                    <!-- Counter Item-->
                    <div class="counters">
                        <i class="lni-calculator c-icon"></i>
                        <!-- Content -->
                        <div class="content">
                            <h4 class="m-0"><span class="count">70</span>K</h4>
                            <p>Projects</p>
                        </div>
                    </div>
                </div>

            </div>

            <!-- Heading Area-->
            <div class="col-lg-7">
                <div class="services-about">
                    <img class="service-image" src="personal/img/service-image.jpg" alt="image">
                    <div class="content">
                        <p>Any desktop publishing packages and web page is a editors now use Lorem Ipsum as their default model text, and a search for their infancy.
                            <br><br>
                            any desktop publishing packages and web page editors now use.</p>

                        <h5 class="mb-1">Harry Watson</h5>
                        <span>CEO, Abacus Studio</span>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>
<!--Services End-->

<!--Portfolio Start-->
<section id="portfolio" class="bg-light cube-portfolio1 p-0">
    <div class="container">
        <!--Heading-->
        <div class="row wow fadeIn">
            <div class="heading-area my-5 text-center w-100">
                <h6 class="sub-title">Basic info about componay</h6>
                <h2 class="title m-0">Creative Work</h2>
           </div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">

            <!--Portfolio Items-->
            <div id="js-grid-mosaic-flat" class="cbp cbp-l-grid-mosaic-flat">

                <div class="cbp-item web-design graphic">
                    <a href="resume/img//work-1.jpg" class="cbp-caption cbp-lightbox">
                        <div class="cbp-caption-defaultWrap">
                            <img src="resume/img//work-1.jpg" alt="port-1">
                        </div>
                        <div class="cbp-caption-activeWrap"></div>
                        <div class="cbp-l-caption-alignCenter center-block">
                            <div class="cbp-l-caption-body">
                                <div class="plus"></div>
                                <h5 class="text-white mb-1">Latest Work</h5>
                                <p class="text-white">See Our Amazing Work</p>
                            </div>
                        </div>

                    </a>
                </div>
                <div class="cbp-item seo marketing">
                    <a href="resume/img//work-2.jpg" class="cbp-caption cbp-lightbox">
                        <div class="cbp-caption-defaultWrap">
                            <img src="resume/img//work-2.jpg" alt="port-2">
                        </div>
                        <div class="cbp-caption-activeWrap"></div>
                        <div class="cbp-l-caption-alignCenter center-block">
                            <div class="cbp-l-caption-body">
                                <div class="plus"></div>
                                <h5 class="text-white mb-1">Latest Work</h5>
                                <p class="text-white">See Our Amazing Work</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="cbp-item seo marketing">
                    <a href="resume/img//work-4.jpg" class="cbp-caption cbp-lightbox">
                        <div class="cbp-caption-defaultWrap">
                            <img src="resume/img//work-4.jpg" alt="port-4">
                        </div>
                        <div class="cbp-caption-activeWrap"></div>
                        <div class="cbp-l-caption-alignCenter center-block">
                            <div class="cbp-l-caption-body">
                                <div class="plus"></div>
                                <h5 class="text-white mb-1">Latest Work</h5>
                                <p class="text-white">See Our Amazing Work</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="cbp-item graphic seo marketing">
                    <a href="resume/img//work-3.jpg" class="cbp-caption cbp-lightbox">
                        <div class="cbp-caption-defaultWrap">
                            <img src="resume/img//work-3.jpg" alt="port-3">
                        </div>
                        <div class="cbp-caption-activeWrap"></div>
                        <div class="cbp-l-caption-alignCenter center-block">
                            <div class="cbp-l-caption-body">
                                <div class="plus"></div>
                                <h5 class="text-white mb-1">Latest Work</h5>
                                <p class="text-white">See Our Amazing Work</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="cbp-item web-design graphic">
                    <a href="resume/img//work-5.jpg" class="cbp-caption cbp-lightbox">
                        <div class="cbp-caption-defaultWrap">
                            <img src="resume/img//work-5.jpg" alt="port-5">
                        </div>
                        <div class="cbp-caption-activeWrap"></div>
                        <div class="cbp-l-caption-alignCenter center-block">
                            <div class="cbp-l-caption-body">
                                <div class="plus"></div>
                                <h5 class="text-white mb-1">Latest Work</h5>
                                <p class="text-white">See Our Amazing Work</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="cbp-item seo marketing graphic ">
                    <a href="resume/img//work-6.jpg" class="cbp-caption cbp-lightbox">
                        <div class="cbp-caption-defaultWrap">
                            <img src="resume/img//work-6.jpg" alt="port-6">
                        </div>
                        <div class="cbp-caption-activeWrap"></div>
                        <div class="cbp-l-caption-alignCenter center-block">
                            <div class="cbp-l-caption-body">
                                <div class="plus"></div>
                                <h5 class="text-white mb-1">Latest Work</h5>
                                <p class="text-white">See Our Amazing Work</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="cbp-item web-design seo">
                    <a href="resume/img//work-7.jpg" class="cbp-caption cbp-lightbox">
                        <div class="cbp-caption-defaultWrap">
                            <img src="resume/img//work-7.jpg" alt="port-7">
                        </div>
                        <div class="cbp-caption-activeWrap"></div>
                        <div class="cbp-l-caption-alignCenter center-block">
                            <div class="cbp-l-caption-body">
                                <div class="plus"></div>
                                <h5 class="text-white mb-1">Latest Work</h5>
                                <p class="text-white">See Our Amazing Work</p>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="cbp-item web-design graphic">
                    <a href="resume/img//work-8.jpg" class="cbp-caption cbp-lightbox">
                        <div class="cbp-caption-defaultWrap">
                            <img src="resume/img//work-8.jpg" alt="port-8">
                        </div>
                        <div class="cbp-caption-activeWrap"></div>
                        <div class="cbp-l-caption-alignCenter center-block">
                            <div class="cbp-l-caption-body">
                                <div class="plus"></div>
                                <h5 class="text-white mb-1">Latest Work</h5>
                                <p class="text-white">See Our Amazing Work</p>
                            </div>
                        </div>
                    </a>
                </div>

                <div class="cbp-item seo marketing">
                    <a href="resume/img//work-10.jpg" class="cbp-caption cbp-lightbox">
                        <div class="cbp-caption-defaultWrap">
                            <img src="resume/img//work-10.jpg" alt="port-2">
                        </div>
                        <div class="cbp-caption-activeWrap"></div>
                        <div class="cbp-l-caption-alignCenter center-block">
                            <div class="cbp-l-caption-body">
                                <div class="plus"></div>
                                <h5 class="text-white mb-1">Latest Work</h5>
                                <p class="text-white">See Our Amazing Work</p>
                            </div>
                        </div>
                    </a>
                </div>

                <div class="cbp-item seo marketing">
                    <a href="resume/img//work-11.jpg" class="cbp-caption cbp-lightbox">
                        <div class="cbp-caption-defaultWrap">
                            <img src="resume/img//work-11.jpg" alt="port-2">
                        </div>
                        <div class="cbp-caption-activeWrap"></div>
                        <div class="cbp-l-caption-alignCenter center-block">
                            <div class="cbp-l-caption-body">
                                <div class="plus"></div>
                                <h5 class="text-white mb-1">Latest Work</h5>
                                <p class="text-white">See Our Amazing Work</p>
                            </div>
                        </div>
                    </a>
                </div>

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

</section>
<!--Portfolio end-->

<!--Client Start-->
<section id="client">
    <div class="container">
        <div class="row d-flex align-content-lg-center min-height-100vh">

            <!-- Features Box-->
            <div class="col-lg-4 pr-lg-5 p-0">
                <div class="heading-area">
                    <h6 class="sub-title main-color">What Client Says About us</h6>
                    <h2 class="title">Our Clients & Reviews</h2>
                    <p class="paragraph">There are many variations of passages of Lorem Ipsum available, but the majority.</p>
                </div>
                <div id="client-nav"></div>
            </div>

            <!-- Client Area-->
            <div class="col-lg-8">
                <div id="owl-client" class="owl-carousel owl-theme">
                    <!--Items-->
                    <div class="client-box">
                        <i class="lni-quotation q-icon"></i>
                        <p>There are many variations of passages of Lorem Ipsum availa  ble, but the majority There are many variations of passages of Lorem Ipsum availa  ble.</p>

                        <div class="client-img">
                            <img src="personal/img/avatar-1.png" alt="client">
                        </div>
                        <h5 class="client-name mb-0">Harley Klien</h5>
                        <span class="client-designation">CEO, Abacus Inc</span>

                    </div>
                    <!--Items-->
                    <div class="client-box">
                        <i class="lni-quotation q-icon"></i>
                        <p>There are many variations of passages of Lorem Ipsum availa  ble, but the majority There are many variations of passages of Lorem Ipsum availa  ble.</p>

                        <div class="client-img">
                            <img src="personal/img/avatar-2.png" alt="client">
                        </div>
                        <h5 class="client-name mb-0">David Jhon</h5>
                        <span class="client-designation">Marketing Lead</span>

                    </div>
                    <!--Items-->
                    <div class="client-box">
                        <i class="lni-quotation q-icon"></i>
                        <p>There are many variations of passages of Lorem Ipsum availa  ble, but the majority There are many variations of passages of Lorem Ipsum availa  ble.</p>

                        <div class="client-img">
                            <img src="personal/img/avatar-3.png" alt="client">
                        </div>
                        <h5 class="client-name mb-0">Jhon Walkin</h5>
                        <span class="client-designation">General Manager</span>

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

            <!--Partner Slider-->
            <div class="owl-carousel partners-slider">
                <div class="logo-item"> <img alt="client-logo" src="personal/img/client-1.png"></div>
                <div class="logo-item"> <img alt="client-logo" src="personal/img/client-2.png"></div>
                <div class="logo-item"> <img alt="client-logo" src="personal/img/client-3.png"></div>
                <div class="logo-item"> <img alt="client-logo" src="personal/img/client-4.png"></div>

            </div>

        </div>
    </div>
</section>
<!--Client End-->

<!--Blog Start-->
<section id="blog" class="bg-light p-0">
    <div class="container-fluid">

        <div class="row align-items-center">
            <div class="col-lg-6 order-lg-2">
                <!--Blog Content-->
                <div class="heading-area px-lg-3 text-center">
                    <h6 class="sub-title main-color">January 14, 2019</h6>
                    <h2 class="title">Living Your Dreams</h2>
                    <p class="paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodt temp to the incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis a nostr a exercitation ullamco laboris nisi ut aliquip.</p>
                    <a href="resume/blog-list.html" class="btn btn-large btn-rounded btn-blue mt-2">Read More</a>
                  </div>
            </div>
            <div class="col-lg-6 p-0">
                <!--Blog Image-->
                <div class="blog-half-image wow hover-effect fadeInRight">
                    <img src="resume/img/split-blog.jpg" alt="image">
                </div>
            </div>
        </div>

    </div>
</section>
<!--Blog End-->

<!--Contact Start-->
<section id="contact">
    <div class="container">
        <div class="row align-items-lg-center">
            <!--Form area-->
            <div class="col-lg-6 pr-lg-5">
                <div class="heading-area">
                    <h6 class="sub-title main-color">Have any Question ?</h6>
                    <h2 class="title">Let's Get In Touch</h2>
                </div>
                <!--Contact Form-->
                <form class="contact-form" id="contact-form-data">
                    <div id="result"></div>

                    <div class="row">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <input class="form-control" type="text" placeholder="Name" required="" id="your_name" name="userName">
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group">
                                <input class="form-control" type="email" placeholder="Email" required="" id="your_email" name="userEmail">
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <input class="form-control" type="text" placeholder="Subject" required="" id="your_subject" name="userSubject">
                    </div>

                    <div class="form-group">
                        <textarea class="form-control" placeholder="Message" id="message" name="userMessage"></textarea>
                    </div>

                    <!--Button-->
                    <a href="javascript:void(0);" id="submit_btn" class="contact_btn btn btn-large btn-rounded btn-blue d-block mt-4">Send Message</a>

                </form>

                <!-- Address -->
                <ul class="address-item">
                    <!--item-->
                    <li class="w-100 mb-4">
                        <i class="lni-apartment main-color"></i>
                        <div class="content">
                            <h6 class="main-color m-0">Address</h6>
                            <p>Come visit us: 123 New Street, Our City , Australia.</p>
                        </div>
                    </li>
                    <!--item-->
                    <li class="pr-2">
                        <i class="lni-comment-reply main-color"></i>
                        <div class="content">
                            <h6 class="main-color m-0">Email:</h6>
                            <p><a href="mailto:email@website.co">email@website.com</a></p>
                        </div>
                    </li>
                    <!--item-->
                    <li>
                        <i class="lni-phone-handset main-color"></i>
                        <div class="content">
                            <h6 class="main-color m-0">Address</h6>
                            <p><a href="tel:002343474383">002 343474383</a></p>
                        </div>
                    </li>

                </ul>

            </div>

            <!--map area-->
            <div class="col-lg-6">
                <div class="map-half bg-map" id="map"></div>
            </div>
        </div>
    </div>
</section>
<!--Contact End-->

<!--Footer Start-->
<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-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-lg-right">
                <p class="company-about fadeIn">© 2020 MegaOne. Made With Love By <a href="javascript:void(0);">Themesindustry</a>
                </p>
            </div>
        </div>
    </div>
</footer>
<!--Footer End-->

<!--Scroll Top Start-->
<span class="scroll-top-arrow"><i class="fas fa-angle-up"></i></span>
<!--Scroll Top End-->

<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="vendor/js/jquery.appear.js"></script>
<script src="vendor/js/jquery.fancybox.min.js"></script>
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/parallaxie.min.js"></script>
<script src="vendor/js/wow.min.js"></script>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<!-- REVOLUTION JS FILES -->
<script src="vendor/js/jquery.themepunch.tools.min.js"></script>
<script src="vendor/js/jquery.themepunch.revolution.min.js"></script>
<!-- SLIDER REVOLUTION EXTENSIONS -->
<script src="vendor/js/extensions/revolution.extension.actions.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.migration.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.video.min.js"></script>
<!-- google map-->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCJRG4KqGVNvAPY4UcVDLcLNXMXk2ktNfY"></script>
<script src="resume/js/map.js"></script>

<!--contact form-->
<script src="vendor/js/contact_us.js"></script>

<!-- custom script-->
<script src="resume/js/script.js"></script>

</body>
</html>



web shell, Coded By 2019