?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/events/crm/
Upload File :
Current File : /home/webyoo/www/events/crm/index-corporate-agency.html

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Meta Tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose agency and HTML5 template with 14 ready home page demos.">
    <!-- keywords -->
    <meta name="keywords" content="creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, agency, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, personal, masonry, grid, faq">
    <!-- Page Title -->
    <title>Corporate Agency | MegaOne HTML5 Template</title> 
    <!-- Favicon -->
    <link href="corporate-agency/images/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="corporate-agency/css/navigation.css" rel="stylesheet">
    <link href="corporate-agency/css/line-awesome.min.css" rel="stylesheet">
    <link href="corporate-agency/css/style.css" rel="stylesheet">
</head>

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

<!-- Loader -->
<div class="loader-bg">
    <div class="loader"></div>
</div>
<!-- Loader ends -->

<!-- START HEADER -->
<header>
    <!--Navigation-->
    <nav class="navbar navbar-top-default navbar-expand-lg navbar-simple nav-line">
        <div class="container">
            <a href="index-corporate-agency.html" title="Logo" class="logo scroll">
                <!--Logo Default-->
                <img src="corporate-agency/images/logo.png" alt="logo" class="ml-lg-3 m-0">
            </a>

            <!--Nav Links-->
            <div class="collapse navbar-collapse" id="megaone">
                <div class="navbar-nav ml-auto">
                    <a class="nav-link scroll line" href="#slider-section">Home</a>
                    <a class="nav-link scroll line" href="#about">About Us</a>
                    <a class="nav-link scroll line" href="#portfolio">Our Work</a>
                    <a class="nav-link scroll line" href="#pricing">Pricing Plans</a>
                    <a class="nav-link scroll line" href="#blog">Blog</a>
                    <a href="" class="btn btn-large btn-rounded btn-pink nav-button" data-animation-duration="500" data-fancybox data-src="#animatedModal">Get Started Now</a>
                </div>
            </div>
        </div>

        <!--Side Menu Button-->
        <div class="navigation-toggle">
            <ul class="slider-social toggle-btn my-0">
                <li>
                    <a href="javascript:void(0);" class="sidemenu_btn" id="sidemenu_toggle">
                        <span></span>
                        <span></span>
                        <span></span>
                    </a>
                </li>
            </ul>
        </div>
    </nav>

    <!--Side Nav-->
    <div class="side-menu hidden">

        <div class="mega-title" id="mega-title"><h2 class="inner-mega-title">Corporate Agency</h2></div>

        <span id="btn_sideNavClose">
          <i class="las la-times btn-close"></i>
        </span>
        <div class="inner-wrapper">
            <nav class="side-nav w-100">
                <a href="index-corporate-agency.html" title="Logo" class="logo scroll navbar-brand">
                    <img src="corporate-agency/images/logo.png" alt="logo">
                </a>
                <ul class="navbar-nav text-capitalize">
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#slider-section">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#about">About Us</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#portfolio">Our Work</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#pricing">Pricing Plans</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#blog">Blog</a>
                    </li>
                    <li class="get-started-btn">
                        <a href="" class="btn btn-medium btn-rounded btn-pink d-lg-none" data-animation-duration="500" data-fancybox data-src="#animatedModal">Get Started</a>
                    </li>
                </ul>
            </nav>

            <div class="side-footer w-100">
                <ul class="social-icons-simple">
                    <li><a class="social-icon wow fadeInLeft" href="javascript:void(0)" data-wow-delay="300ms"><i class="fab fa-facebook-f"></i> </a> </li>
                    <li><a class="social-icon wow fadeInUp" href="javascript:void(0)" data-wow-delay="500ms"><i class="fab fa-instagram"></i> </a> </li>
                    <li><a class="social-icon wow fadeInRight" href="javascript:void(0)" data-wow-delay="300ms"><i class="fab fa-twitter"></i> </a> </li>
                </ul>
                <p>&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 -->

    <!--Get Started Model Popup-->
    <div class="quote-content hidden animated-modal" id="animatedModal">
        <!--Heading-->
        <div class="pb-md-5 p-0 text-center">
            <span class="text-pink font-weight-200 font-20">We are MegaOne Company</span>
            <h2 class="main-font font-weight-600 text-white mt-2">Lets start your <span class="text-pink js-rotating">project, website</span></h2>
        </div>
        <!--Contact Form-->
        <form class="contact-form" id="modal-contact-form-data">
            <div class="row">
                <!--Result-->
                <div class="col-12" id="quote_result"></div>

                <!--Left Column-->
                <div class="col-md-6">
                    <div class="form-group">
                        <input class="form-control" id="quote_name" name="quoteName" placeholder="Name" required=""
                               type="text">
                    </div>
                    <div class="form-group">
                        <input class="form-control" id="quote_contact" name="userPhone" placeholder="Contact #" required=""
                               type="text">
                    </div>
                    <div class="form-group">
                        <input class="form-control" id="quote_type" name="projectType" placeholder="Project type" required=""
                               type="text">
                    </div>
                </div>

                <!--Right Column-->
                <div class="col-md-6">
                    <div class="form-group">
                        <input class="form-control" id="quote_email" name="userEmail" placeholder="Email" required=""
                               type="email">
                    </div>
                    <div class="form-group">
                        <input class="form-control" id="quote_address" name="userAddress" placeholder="City / Country"
                               required="" type="text">
                    </div>
                    <div class="form-group">
                        <input class="form-control" id="quote_budget" name="quoteBudget" placeholder="Budget" required=""
                               type="text">
                    </div>
                </div>

                <!--Full Column-->
                <div class="col-md-12">
                    <div class="form-group">
                        <textarea class="form-control" id="userMessage"
                                  name="userMessage"  placeholder="Please explain your project in detail."></textarea>
                    </div>
                </div>

                <!--Button-->
                <div class="col-md-12">
                    <div class="form-check">
                        <label class="checkbox-lable font-weight-200 font-16">Contact by phone is preferred
                            <input type="checkbox">
                            <span class="checkmark"></span>
                        </label>
                    </div>
                    <a href="javascript:void(0)" class="btn btn-medium btn-rounded btn-pink modal_contact_btn" id="quote_submit_btn">Submit Now</a>
                </div>
            </div>
        </form>
    </div>
</header>
<!-- END HEADER -->

<!-- START MAIN SLIDER -->
<div id="slider-section" class="slider-section">
    <div id="revo_main_wrapper" class="rev_slider_wrapper fullwidthbanner-container m-0 p-0 bg-dark" data-alias="classic4export" data-source="gallery">
        <!-- START REVOLUTION SLIDER 5.4.1 fullwidth mode -->
        <div id="vertical-bullets" class="rev_slider fullwidthabanner white vertical-tpb" data-version="5.4.1">
            <ul>
                <!-- SLIDE 1 -->
                <li data-index="rs-01" data-transition="fade" data-slotamount="default" data-easein="Power100.easeIn" data-easeout="Power100.easeOut" data-masterspeed="2000" data-fsmasterspeed="1500" data-param1="01">
                    <!-- MAIN IMAGE -->

                    <img src="corporate-agency/images/slider-1.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
                    <div class="bg-overlay bg-black opacity-4"></div>
                    <!-- LAYER NR. 1 -->
                    <div class="tp-caption tp-resizeme"
                         data-x="['right','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-80','-80','-65','-65']"
                         data-width="none" data-height="none" data-type="text"
                         data-textAlign="['center','center','center','center']"
                         data-responsive_offset="on"
                         data-beforeafter="before"
                         data-transform_idle="o:1;"
                         data-transform_in="x:-50px;opacity:0;s:2000;e:Power3.easeOut;"
                         data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                         data-start="1000" data-splitin="none" data-splitout="none">
                        <p class="text-white alt-font font-18">Lorem ipsum dolor sit amet purus.</p>
                    </div>
                    <!-- LAYER NR. 2 -->
                    <div class="tp-caption tp-resizeme"
                         data-x="['right','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-30','-30','-10','-10']"
                         data-width="none" data-height="none" data-type="text"
                         data-textAlign="['center','center','center','center']"
                         data-responsive_offset="on"
                         data-beforeafter="before"
                         data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
                         data-start="1200" data-splitin="none" data-splitout="none">
                        <h1 class="text-white main-font font-weight-600 text-capitalize font-40">Corporate Design</h1>
                    </div>
                    <!-- LAYER NR. 3 -->
                    <div class="tp-caption tp-resizeme"
                         data-x="['right','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['20','20','30','30']"
                         data-width="none" data-height="none" data-type="text"
                         data-textAlign="['center','center','center','center']"
                         data-responsive_offset="on"
                         data-beforeafter="before"
                         data-transform_idle="o:1;" data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;" data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;" data-mask_out="x:inherit;y:inherit;s:inherit;e:inherit;"
                         data-start="1200" data-splitin="none" data-splitout="none">
                        <h1 class="text-white main-font font-weight-600 text-capitalize font-40"><span class="font-weight-200">Agency in </span> <span>NewYork USA.</span>
                        </h1>
                    </div>
                    <!-- LAYER NR. 4 -->
                    <div class="tp-caption tp-resizeme"
                         data-x="['right','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['95','95','100','100']"
                         data-width="none" data-height="none" data-type="text"
                         data-textAlign="['right','center','center','center']"
                         data-responsive_offset="on"
                         data-beforeafter="before"
                         data-transform_idle="o:1;"
                         data-transform_in="x:-50px;opacity:0;s:2000;e:Power3.easeOut;"
                         data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                         data-start="1000" data-splitin="none" data-splitout="none">
                        <p class="text-white alt-font font-18">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae mi,<br> dapi bus diam. Mauris malesuada, nisl non rutrum commodo, magna.</p>
                    </div>
                    <!-- LAYER NR. 5 -->
                    <div class="tp-caption tp-resizeme"
                         data-x="['right','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['180','180','175','190']"
                         data-width="['500','500','500','500']" data-textalign="['right','center','center','center']" data-type="text"
                         data-frames='[{"delay":600,"speed":2000,"frame":"0","from":"sX:1;sY:1;opacity:0;fb:40px;","to":"o:1;fb:0;","ease":"Power4.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'>
                        <a href="#contact" class="btn btn-medium btn-rounded btn-trans scroll">Learn More</a>
                    </div>
                </li>

                <!-- SLIDE 2 -->
                <li data-index="rs-02" data-transition="fade" data-slotamount="default" data-easein="Power100.easeIn" data-easeout="Power100.easeOut" data-masterspeed="2000" data-fsmasterspeed="1500" data-param1="02">
                    <!-- MAIN IMAGE -->
                    <img src="corporate-agency/images/slider-2.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
                    <div class="bg-overlay bg-black opacity-5"></div>
                    <!-- LAYER NR. 1 -->
                    <div class="tp-caption tp-resizeme"
                         data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-60','-60','-55','-55']"
                         data-width="none" data-height="none" data-type="text"
                         data-textAlign="['center','center','center','center']"
                         data-responsive_offset="on" data-start="1000"
                         data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","speed":2000,"to":"o:1;","delay":1500,"ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'>
                        <h1 class="text-white main-font font-weight-600 font-40">Corporate Agency</h1>
                    </div>
                    <!-- LAYER NR. 2 -->
                    <div class="tp-caption tp-resizeme"
                         data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-5','-5','-5','-5']"
                         data-width="none" data-height="none" data-type="text"
                         data-textAlign="['center','center','center','center']"
                         data-responsive_offset="on" data-start="1500"
                         data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","speed":2000,"to":"o:1;","delay":1500,"ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'>
                        <h1 class="text-white main-font font-weight-600 font-40"><span class="font-weight-200">Your Companion in</span> USA.</h1>
                    </div>
                    <!-- LAYER NR. 3 -->
                    <div class="tp-caption tp-resizeme"
                         data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['70','70','70','70']"
                         data-width="none" data-height="none" data-whitespace="nowrap" data-type="text"
                         data-textAlign="['center','center','center','center']"
                         data-responsive_offset="on" data-start="2000"
                         data-frames='[{"from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","speed":1500,"to":"o:1;","delay":2000,"ease":"Power4.easeInOut"},{"delay":"wait","speed":1000,"to":"y:[100%];","mask":"x:inherit;y:inherit;s:inherit;e:inherit;","ease":"Power2.easeInOut"}]'>
                        <p class="text-white alt-font font-18">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae mi,<br> dapi bus diam. Mauris malesuada, nisl non rutrum commodo, magna.</p>
                    </div>
                    <!-- LAYER NR. 4 -->
                    <div class="tp-caption tp-resizeme"
                         data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['155','155','150','150']"
                         data-width="['500','500','500','500']" data-textalign="['center','center','center','center']" data-type="text"
                         data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;" data-transform_out="s:900;e:Power2.easeInOut;s:900;e:Power2.easeInOut;" data-start="1800" data-splitin="none" data-splitout="none" data-responsive_offset="on">
                        <a href="#contact" class="btn btn-medium btn-rounded btn-trans scroll">Learn More</a>
                    </div>
                </li>

                <!-- SLIDE 3 -->
                <li data-index="rs-03" data-transition="fade" data-slotamount="default" data-easein="Power100.easeIn" data-easeout="Power100.easeOut" data-masterspeed="2000" data-fsmasterspeed="1500" data-param1="03">
                    <!-- MAIN IMAGE -->
                    <img src="corporate-agency/images/slider-3.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
                    <div class="bg-overlay bg-black opacity-4"></div>
                    <!-- LAYER NR. 1 -->
                    <div class="tp-caption tp-resizeme"
                         data-x="['right','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-60','-60','-55','-55']"
                         data-whitespace="nowrap" data-responsive_offset="on"
                         data-width="['none','none','none','none']" data-type="text"
                         data-textalign="['right','center','center','center']"
                         data-transform_idle="o:1;"
                         data-transform_in="x:-50px;opacity:0;s:2000;e:Power3.easeOut;"
                         data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                         data-start="1000" data-splitin="none" data-splitout="none">
                        <h1 class="text-white main-font font-weight-600 font-40">Corporate Design</h1>
                    </div>
                    <!-- LAYER NR. 2 -->
                    <div class="tp-caption tp-resizeme"
                         data-x="['right','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
                         data-whitespace="nowrap" data-responsive_offset="on"
                         data-width="['none','none','none','none']" data-type="text"
                         data-textalign="['right','center','center','center']" data-fontsize="['48','48','20','26']"
                         data-transform_idle="o:1;"
                         data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
                         data-transform_out="s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                         data-start="900" data-splitin="none" data-splitout="none">
                        <h1 class="text-white main-font font-weight-600 font-40"><span class="font-weight-200">Agency in </span> <span>NewYork USA.</span></h1>
                    </div>
                    <!-- LAYER NR. 3 -->
                    <div class="tp-caption tp-resizeme"
                         data-x="['right','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['70','70','70','70']"
                         data-width="none" data-height="none" data-whitespace="nowrap" data-type="text"
                         data-textAlign="['right','center','center','center']"
                         data-responsive_offset="on" data-start="2000"
                         data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:2;sY:2;skX:0;skY:0;opacity:0;s:1000;e:Power2.easeOut;"
                         data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;">
                        <p class="text-white alt-font font-18">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae mi,<br> dapi bus diam. Mauris malesuada, nisl non rutrum commodo, magna.</p>
                    </div>
                    <!-- LAYER NR. 4 -->
                    <div class="tp-caption tp-resizeme"
                         data-x="['right','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['155','155','150','150']"
                         data-width="['500','500','500','500']" data-textalign="['right','center','center','center']" data-type="text"
                         data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;" data-transform_out="s:900;e:Power2.easeInOut;s:900;e:Power2.easeInOut;" data-start="1800" data-splitin="none" data-splitout="none" data-responsive_offset="on">
                        <a href="#contact" class="btn btn-medium btn-rounded btn-trans scroll">Learn More</a>
                    </div>
                </li>

                <!-- SLIDE 4 -->
                <li data-index="rs-04" data-transition="fade" data-slotamount="default" data-easein="Power100.easeIn" data-easeout="Power100.easeOut" data-masterspeed="2000" data-fsmasterspeed="1500" data-param1="03">
                    <!-- MAIN IMAGE -->
                    <img src="corporate-agency/images/slider-4.jpg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" alt="slider-image" data-no-retina>
                    <div class="bg-overlay bg-black opacity-4"></div>
                    <div class="slider-overlay"></div>
                    <!-- Video -->
                    <div class="rs-background-video-layer"
                         data-forcerewind="on"
                         data-volume="mute"
                         data-videowidth="100%"
                         data-videoheight="100vh"
                         data-videomp4="corporate-agency/video/slider-video.mp4"
                         data-videopreload="auto"
                         data-videoloop="loopandnoslidestop"
                         data-forceCover="1"
                         data-aspectratio="16:9"
                         data-autoplay="true"
                         data-autoplayonlyfirsttime="false"></div>
                    <!-- LAYER NR. 1 -->
                    <div class="tp-caption tp-resizeme"
                         data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-60','-60','-55','-55']"
                         data-whitespace="nowrap" data-responsive_offset="on"
                         data-width="['none','none','none','none']" data-type="text"
                         data-textalign="['left','center','center','center']"
                         data-transform_idle="o:1;"
                         data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-transform_in="x:-50px;opacity:0;s:2000;e:Power3.easeOut;"
                         data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;"
                         data-start="1000" data-splitin="none" data-splitout="none">
                        <h1 class="text-white main-font font-weight-600 font-40">We have the </h1>
                    </div>
                    <!-- LAYER NR. 2 -->
                    <div class="tp-caption tp-resizeme"
                         data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']"
                         data-whitespace="nowrap" data-responsive_offset="on"
                         data-width="['none','none','none','none']" data-type="text"
                         data-textalign="['left','center','center','center']" data-fontsize="['48','48','20','26']"
                         data-transform_idle="o:1;"
                         data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power2.easeOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:2000;e:Power4.easeInOut;"
                         data-transform_out="s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                         data-start="900" data-splitin="none" data-splitout="none">
                        <h1 class="text-white main-font font-weight-600 font-40"><span class="font-weight-200">Best</span> Plans for Clients</h1>
                    </div>
                    <!-- LAYER NR. 3 -->
                    <div class="tp-caption tp-resizeme"
                         data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['70','70','70','70']"
                         data-width="none" data-height="none" data-whitespace="nowrap" data-type="text"
                         data-textAlign="['left','center','center','center']"
                         data-responsive_offset="on" data-start="2000"
                         data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;","mask":"x:0px;y:[100%];s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:2;sY:2;skX:0;skY:0;opacity:0;s:1000;e:Power2.easeOut;"
                         data-transform_out="s:1000;e:Power3.easeInOut;s:1000;e:Power3.easeInOut;">
                        <p class="text-white alt-font font-18">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae mi,<br> dapi bus diam. Mauris malesuada, nisl non rutrum commodo, magna.</p>
                    </div>
                    <!-- LAYER NR. 4 -->
                    <div class="tp-caption tp-resizeme"
                         data-frames='[{"delay":10,"speed":2000,"frame":"0","from":"x:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":280,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                         data-x="['left','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['155','155','150','150']"
                         data-width="['500','500','500','500']" data-textalign="['left','center','center','center']" data-type="text"
                         data-whitespace="nowrap" data-transform_idle="o:1;" data-transform_in="y:[100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0;s:1500;e:Power4.easeInOut;" data-transform_out="s:900;e:Power2.easeInOut;s:900;e:Power2.easeInOut;" data-start="1800" data-splitin="none" data-splitout="none" data-responsive_offset="on">
                        <a href="#contact" class="btn btn-medium btn-rounded btn-trans scroll">Learn More</a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <ul class="social-icons social-icons-simple revicon white d-none d-md-block d-lg-block">
        <li class="d-table"><a href="javascript:void(0)" class="social-icon"><i class="fab fa-facebook-f"></i></a> </li>
        <li class="d-table"><a href="javascript:void(0)" class="social-icon"><i class="fab fa-twitter"></i> </a> </li>
        <li class="d-table"><a href="javascript:void(0)" class="social-icon"><i class="fab fa-linkedin-in"></i> </a> </li>
        <li class="d-table"><a href="javascript:void(0)" class="social-icon"><i class="fab fa-instagram"></i> </a> </li>
    </ul>
</div>
<!--scroll down-->
<a href="#about" class="scroll-down link scroll main-font font-15 animate">Scroll Down <i class="fas fa-long-arrow-alt-down"></i></a>
<!-- END MAIN SLIDER -->

<!-- START ABOUT US -->
<section class="about" id="about">
    <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="corporate-agency/images/about-img.png" alt="About-Us">
        </div>
    </div>
</section>
<!-- END ABOUT US -->

<!-- START TEAM STATS -->
<section class="half-section p-0 stats-bg">
    <h2 class="d-none">heading</h2>
    <div class="container-fluid">
        <div class="row align-items-center">
            <div class="col-lg-6 col-md-12 p-0 order-1 order-md-2">
                <div class="owl-carousel owl-theme owl-split">
                    <!-- Team-1 -->
                    <div class="item">
                        <div class="hover-effect">
                            <img alt="blog" src="corporate-agency/images/team-img1.jpg" class="team-img">
                        </div>
                    </div>
                    <!-- Team-2 -->
                    <div class="item">
                        <div class="hover-effect">
                            <img alt="blog" src="corporate-agency/images/team-img2.jpg" class="team-img">
                        </div>
                    </div>
                    <!-- Team-3 -->
                    <div class="item">
                        <div class="hover-effect">
                            <img alt="blog" src="corporate-agency/images/team-img3.jpg" class="team-img">
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-6 col-md-12">
                <div class="skill-box">
                    <div class="main-title mb-5 text-center text-lg-left main-title wow fadeIn" data-wow-delay="300ms">
                        <p class="font-weight-200 text-pink font-20">Check Our Skills</p>
                        <h2 class="margin-top main-font font-40 font-weight-normal text-white">We have best Creative <span class="d-block mt-1">skilled team.</span></h2>
                    </div>
                    <ul class="text-left">
                        <!-- First Bar -->
                        <li class="custom-progress text-white">
                            <h6 class="font-16 mb-0 text-capitalize">Business Consulting <span class="float-right"><b class="numscroller">85</b>%</span></h6>

                            <div class="progress">
                                <div class="progress-bar bg-pink" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">
                                </div>
                            </div>
                        </li>
                        <!-- Second Bar -->
                        <li class="custom-progress text-white">
                            <h6 class="font-16 mb-0 text-capitalize">Financial Advising<span class="float-right"><b class="numscroller">68</b>%</span></h6>

                            <div class="progress">
                                <div class="progress-bar bg-pink" role="progressbar" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
                                </div>
                            </div>
                        </li>
                        <!-- Third Bar -->
                        <li class="custom-progress text-white">
                            <h6 class="font-16 mb-0 text-capitalize">Brand Consulting <span class="float-right"><b class="numscroller">85</b>%</span></h6>

                            <div class="progress">
                                <div class="progress-bar bg-pink" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">
                                </div>
                            </div>
                        </li>
                        <!-- Fourth Bar -->
                        <li class="custom-progress mb-0 text-white">
                            <h6 class="font-16 mb-0">Strategic Consulting<span class="float-right"><b class="numscroller">95</b>%</span></h6>

                            <div class="progress">
                                <div class="progress-bar bg-pink" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100">
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END TEAM STATS -->

<!-- START PORTFOLIO -->
<section id="portfolio" class="padding portfolio">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="title text-center pb-5 wow fadeInUp" data-wow-delay="100ms">
                    <p class="text-pink font-weight-200 font-20">Basic Info about work</p>
                    <h1 class="main-font font-weight-600 text-white">Creative Design Work</h1>
                    <p class="margin-top font-16 alt-font font-weight-normal text-grey">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus in velit dolor.<span class="d-block"> Vivamus gravida, neque nec interdum cursus, erat ligula.</span></p>
                </div>
                <div class="pointer nav nav-pills mb-4 mb-md-4 d-flex justify-content-center filtering">
                    <span data-filter="*" class="nav-link active">All</span>
                    <span class="nav-link" data-filter=".Agencies">Agencies</span>
                    <span class="nav-link" data-filter=".Business">Clinical</span>
                    <span class="nav-link" data-filter=".Personal">Personal</span>
                    <span class="nav-link" data-filter=".Medical">Medical</span>
                </div>

                <ul class="da-thumbs gallery">
                    <!-- First Image -->
                    <li class="items Business Medical Agencies">
                        <img src="corporate-agency/images/portfolio-img1.jpg" alt="img">
                        <a href="corporate-agency/images/portfolio-img1.jpg" class="text-center" data-fancybox="images">
                            <div class="overlay">
                                <div>
                                    <div class="search-icon"><i class="fa fa-search"></i></div>
                                    <h4 class="">Mason Jacob</h4>
                                    <span>New York, USA</span>
                                </div>
                            </div>
                        </a>
                    </li>

                    <!-- Second Image -->
                    <li class="items Business Medical Agencies">
                        <img src="corporate-agency/images/portfolio-img2.jpg" alt="img">
                        <a href="corporate-agency/images/portfolio-img2.jpg" class="text-center" data-fancybox="images">
                            <div class="overlay">
                                <div>
                                    <div class="search-icon"><i class="fa fa-search"></i></div>
                                    <h4 class="">Hudson Lee</h4>
                                    <span>New York, USA</span>
                                </div>
                            </div>
                        </a>
                    </li>

                    <!-- Third Image -->
                    <li class="items Personal Business">
                        <img src="corporate-agency/images/portfolio-img3.jpg" alt="img">
                        <a href="corporate-agency/images/portfolio-img3.jpg" class="text-center" data-fancybox="images">
                            <div class="overlay">
                                <div>
                                    <div class="search-icon"><i class="fa fa-search"></i></div>
                                    <h4 class="">Steve Smith</h4>
                                    <span>New York, USA</span>
                                </div>
                            </div>
                        </a>
                    </li>

                    <!-- Fourth Image -->
                    <li class="items Medical Personal">
                        <img src="corporate-agency/images/portfolio-img4.jpg" alt="img">
                        <a href="corporate-agency/images/portfolio-img4.jpg" class="text-center" data-fancybox="images">
                            <div class="overlay">
                                <div>
                                    <div class="search-icon"><i class="fa fa-search"></i></div>
                                    <h4 class="">Janey Woods</h4>
                                    <span>New York, USA</span>
                                </div>
                            </div>
                        </a>
                    </li>

                    <!-- Fifth Image -->
                    <li class="items Medical Agencies">
                        <img src="corporate-agency/images/portfolio-img5.jpg" alt="img">
                        <a href="corporate-agency/images/portfolio-img5.jpg" class="text-center" data-fancybox="images">
                            <div class="overlay">
                                <div>
                                    <div class="search-icon"><i class="fa fa-search"></i></div>
                                    <h4 class="">Paul Jackson</h4>
                                    <span>New York, USA</span>
                                </div>
                            </div>
                        </a>
                    </li>

                    <!-- Sixth Image -->
                    <li class="items Business surgery Medical">
                        <img src="corporate-agency/images/portfolio-img6.jpg" alt="img">
                        <a href="corporate-agency/images/portfolio-img6.jpg" class="text-center" data-fancybox="images">
                            <div class="overlay">
                                <div>
                                    <div class="search-icon"><i class="fa fa-search"></i></div>
                                    <h4 class="">Eva Marie</h4>
                                    <span>New York, USA</span>
                                </div>
                            </div>
                        </a>
                    </li>
                </ul>
                <div class="text-center pt-5">
                    <a href="corporate-agency/standalone.html" class="btn btn-medium btn-rounded btn-pink">View More Portfolio</a>
                </div>
            </div>
        </div>
    </div>
    <!-- START CLIENTS -->
    <div class="clients">
        <h2 class="d-none">hidden</h2>
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <!--Client Slider-->
                    <div class="owl-carousel partners-slider">
                        <!--Item-->
                        <div class="logo-item"><img alt="client-logo" src="corporate-agency/images/client-1.png"></div>
                        <!--Item-->
                        <div class="logo-item"><img alt="client-logo" src="corporate-agency/images/client-1.png"></div>
                        <!--Item-->
                        <div class="logo-item"><img alt="client-logo" src="corporate-agency/images/client-1.png"></div>
                        <!--Item-->
                        <div class="logo-item"><img alt="client-logo" src="corporate-agency/images/client-1.png"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END CLIENTS -->
</section>
<!-- END PORTFOLIO -->

<!-- START PARALLAX -->
<section class="parallax-img parallax">
    <div class="container">
        <div class="row">
            <div class="col-12 col-lg-6 offset-lg-3 my-3">
                <!-- Testimonial Slider -->
                <div id="testimonial-carousal" class="owl-carousel owl-theme testimonial-owl text-center wow fadeIn" data-wow-delay="300ms">
                    <!-- Item-1 -->
                    <div class="item">
                        <div class="icon-quotes mb-4">
                            <i class="fas fa-quote-right"></i>
                        </div>
                        <div class="description">
                            <p class="text-white paragraph">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>
                        <div class="testimonial-img mt-4">
                            <img src="corporate-agency/images/testimonial-1.png" alt="student img">
                        </div>
                        <div class="testimonial-tittle mt-3 mb-3">
                            <h3 class="mb-0 text-white alt-font font-weight-normal font-24">Sara Jones</h3>
                        </div>
                    </div>

                    <!-- Item-2-->
                    <div class="item">
                        <div class="icon-quotes mb-4">
                            <i class="fas fa-quote-right"></i>
                        </div>
                        <div class="description">
                            <p class="text-white paragraph">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>
                        <div class="testimonial-img mt-4">
                            <img src="corporate-agency/images/testimonial-2.png" alt="student img">
                        </div>
                        <div class="testimonial-tittle mt-3 mb-3">
                            <h3 class="mb-0 text-white alt-font font-weight-normal font-24">Trixly Wanders</h3>
                        </div>
                    </div>

                    <!-- Item-3 -->
                    <div class="item">
                        <div class="icon-quotes mb-4">
                            <i class="fas fa-quote-right"></i>
                        </div>
                        <div class="description">
                            <p class="text-white paragraph">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>
                        <div class="testimonial-img mt-4">
                            <img src="corporate-agency/images/testimonial-3.png" alt="student img">
                        </div>
                        <div class="testimonial-tittle mt-3 mb-3">
                            <h3 class="mb-0 text-white alt-font font-weight-normal font-24">Steve Austin</h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END PARALLAX -->

<!-- START PRICE -->
<section id="pricing" class="pricing">
    <div class="container">
        <div class="row wow fadeInUp" data-wow-delay="100ms">
            <div class="col-12 text-center">
                <p class="text-pink font-weight-200 font-20">Ready for an Investment</p>
                <h1 class="main-font font-weight-600 text-white">Choose a Finance Plan</h1>
                <p class="margin-top font-16 alt-font font-weight-normal text-grey">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus in velit dolor. Vivamus gravida, <span class="d-block"> neque nec interdum cursus, erat ligula.</span></p>
            </div>
        </div>
        <div class="row padding-top">
            <!-- Plan-1 -->
            <div class="col-lg-4 col-md-12 col-sm-12 price-pink wow fadeInLeft" data-wow-delay="300ms">
                <div class="pricing-item">
                    <h3 class="pb-3 main-font font-24 text-white">Basic</h3>
                    <div class="pricing-price d-flex"><sup class="price-dollar text-white">$</sup> <span class="pricing-currency text-white">29
                            <span class="d-block alt-font font-weight-200 font-10 text-center text-green">Month</span></span>
                        <p class="pricing-para text-grey ml-3">It has survived not only five centuries, but also the leap into electronic</p>
                    </div>
                    <ul class="pricing-list mb-0">
                        <li><i class="fa fa-check" aria-hidden="true"></i> Lorem ipsum dolor.</li>
                        <li><i class="fa fa-check" aria-hidden="true"></i> Lorem ipsum dolor sit amet.</li>
                        <li><i class="fa fa-check" aria-hidden="true"></i> Lorem ipsum dolor sit.</li>
                        <li><i class="fa fa-check" aria-hidden="true"></i> Lorem ipsum dolor sit amet.</li>
                        <li><i class="fa fa-check" aria-hidden="true"></i> Lorem ipsum.</li>
                    </ul>
                    <a href="javascript:void(0)" class="btn btn-medium rounded-pill w-100 portfolio-btn-pink">Choose Plan</a>
                </div>
            </div>
            <!-- Plan-2 -->
            <div class="col-lg-4 col-md-12 col-sm-12 price-pink wow fadeInUp" data-wow-delay="500ms">
                <div class="pricing-item active selected">
                    <h3 class="pb-3 main-font font-24 text-white">Popular</h3>
                    <div class="pricing-price d-flex"><sup class="price-dollar text-white">$</sup> <span class="pricing-currency text-white">69
                            <span class="d-block alt-font font-weight-200 font-10 text-center">Month</span></span>
                        <p class="pricing-para text-grey ml-3">It has survived not only five centuries, but also the leap into electronic</p>
                    </div>
                    <ul class="pricing-list mb-0">
                        <li><i class="fa fa-check" aria-hidden="true"></i> Lorem ipsum dolor.</li>
                        <li><i class="fa fa-check" aria-hidden="true"></i> Lorem ipsum dolor sit amet.</li>
                        <li><i class="fa fa-check" aria-hidden="true"></i> Lorem ipsum dolor sit.</li>
                        <li><i class="fa fa-check" aria-hidden="true"></i> Lorem ipsum dolor sit amet.</li>
                        <li><i class="fa fa-check" aria-hidden="true"></i> Lorem ipsum.</li>
                    </ul>
                    <a href="javascript:void(0)" class="btn btn-medium rounded-pill w-100 portfolio-btn-pink">Choose Plan</a>
                </div>
            </div>
            <!-- Plan-3 -->
            <div class="col-lg-4 col-md-12 col-sm-12 price-pink wow fadeInRight" data-wow-delay="300ms">
                <div class="pricing-item">
                    <h3 class="pb-3 main-font font-24 text-white">Advance</h3>
                    <div class="pricing-price d-flex"><sup class="price-dollar text-white">$</sup> <span class="pricing-currency text-white">99
                            <span class="d-block alt-font font-weight-200 font-10 text-center">Month</span></span>
                        <p class="pricing-para text-grey ml-3">It has survived not only five centuries, but also the leap into electronic</p>
                    </div>
                    <ul class="pricing-list mb-0">
                        <li><i class="fa fa-check" aria-hidden="true"></i> Lorem ipsum dolor.</li>
                        <li><i class="fa fa-check" aria-hidden="true"></i> Lorem ipsum dolor sit amet.</li>
                        <li><i class="fa fa-check" aria-hidden="true"></i> Lorem ipsum dolor sit.</li>
                        <li><i class="fa fa-check" aria-hidden="true"></i> Lorem ipsum dolor sit amet.</li>
                        <li><i class="fa fa-check" aria-hidden="true"></i> Lorem ipsum.</li>
                    </ul>
                    <a href="javascript:void(0)" class="btn btn-medium rounded-pill w-100 portfolio-btn-pink">Choose Plan</a>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END PRICE -->

<!-- START BLOG -->
<section class="half-section p-0 blog blog-bg" id="blog">
    <h2 class="d-none">heading</h2>
    <div class="container-fluid">
        <div class="row align-items-center blog-bg">
            <div class="col-lg-6 col-md-12 p-0 order-1 order-md-2">
                <div class="owl-carousel owl-theme owl-split">
                    <!-- Team-1 -->
                    <div class="item">
                        <div class="hover-effect">
                            <img alt="blog" src="corporate-agency/images/blog-img1.jpg" class="team-img">
                        </div>
                    </div>
                    <!-- Team-2 -->
                    <div class="item">
                        <div class="hover-effect">
                            <img alt="blog" src="corporate-agency/images/blog-img2.jpg" class="team-img">
                        </div>
                    </div>
                    <!-- Team-3 -->
                    <div class="item">
                        <div class="hover-effect">
                            <img alt="blog" src="corporate-agency/images/blog-img3.jpg" class="team-img">
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-6 col-md-12">
                <div class="align-items-center pc-0 px-md-5 skill-box">
                    <div class="main-title mb-5 text-center text-lg-left wow fadeIn" data-wow-delay="300ms">
                        <p class="text-pink font-weight-200 font-20">News & Blogs</p>
                        <h1 class="main-font font-weight-600 text-white margin-top">Your Design Guide</h1>
                        <p class="font-15 alt-font font-weight-normal text-grey margin-top">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="corporate-agency/blog.html" class="mt-3 btn btn-medium btn-rounded btn-pink">Read Blog</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END BLOG -->

<!-- START CONTACT-FORM -->
<section id="contact" class="contact-sec">
    <div class="container">
        <!--Heading-->
        <div class="row">
            <div class="col-12 col-md-8 offset-md-2 text-center">
                <p class="text-pink font-weight-200 font-20">How to reach us</p>
                <h1 class="main-font font-weight-600 text-white">Let’s Get in Touch</h1>
            </div>
        </div>

        <!-- Contact-us -->
        <div class="row">
            <div class="col-12 col-lg-6 contact-details text-md-left">
                <div class="font-15 alt-font text-white text-center text-lg-left">
                    West is not just about graphic design; it's more than that. We offer integral communication services, and we're responsible for our process and results. We thank each client and their projects.
                </div>
                <div class="row mt-5 wow fadeIn" data-wow-delay="200ms">
                    <!-- Address-Box -->
                    <div class="col-12 col-md-6 text-center text-lg-left">
                        <h4 class="main-font text-pink font-16 font-weight-600">Our Address</h4>
                        <p class="alt-font font-14 text-white mt-3">123 Stree New York City , United States Of America. </p>
                    </div>
                    <!-- Phone-Box -->
                    <div class="col-12 col-md-6 pt-5 pt-md-0 wow fadeIn text-center text-lg-left" data-wow-delay="400ms">
                        <h4 class="main-font text-pink font-16 font-weight-600">Our Phone</h4>
                        <p class="alt-font font-14 text-white mt-3">Office Telephone : 001 01085379709 Mobile : 001 63165370895 </p>
                    </div>
                </div>

                <div class="row mt-5">
                    <!-- Email-Box -->
                    <div class="col-12 col-md-6 wow fadeIn text-center text-lg-left" data-wow-delay="600ms">
                        <h4 class="main-font text-pink font-16 font-weight-600">Our Email</h4>
                        <p class="alt-font font-14 text-white mt-3">Main Email : admin@website.com Inquiries : email@website.com </p>
                    </div>
                    <!-- Support-Box -->
                    <div class="col-12 col-md-6 pt-5 pt-md-0 wow fadeIn text-center text-lg-left" data-wow-delay="800ms">
                        <h4 class="main-font text-pink font-16 font-weight-600">Our Support</h4>
                        <p class="alt-font font-14 text-white mt-3">Main Support : info@website.com Sales : support@website</p>
                    </div>
                </div>
            </div>

            <div class="col-12 col-lg-6 contact-form-box">
                <form class="contact-form" id="contact-form-data">
                    <div class="row">
                        <!-- Submission Popup -->
                        <div class="col-12">
                            <div class="col-sm-12 px-0" id="result"></div>
                        </div>

                        <div class="col-12 col-md-6">
                            <div class="form-group">
                                <input class="form-control" type="text" placeholder="First Name:" required="" id="first_name" name="firstName">
                            </div>
                        </div>
                        <div class="col-12 col-md-6">
                            <div class="form-group">
                                <input class="form-control" type="text" placeholder="Last Name:" required="" id="last_name" name="lastName">
                            </div>
                        </div>
                        <div class="col-12 col-md-6">
                            <div class="form-group">
                                <input class="form-control" type="email" placeholder="Email:" required="" id="email" name="userEmail">
                            </div>
                        </div>
                        <div class="col-12 col-md-6">
                            <div class="form-group">
                                <input class="form-control" type="tel" placeholder="Phone:" id="phone" name="userPhone">
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="form-group">
                                <textarea class="form-control" placeholder="Message" id="message" name="userMessage"></textarea>
                            </div>
                        </div>
                        <div class="col-12">
                            <button type="button" class="btn btn-medium green-long-btn rounded-pill w-100 btn-pink mt-4 contact_btn" id="submit_btn">SUBMIT REQUEST</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>
<!-- END CONTACT-FORM -->

<!-- START GOOGLE MAP -->
<section class="p-0">
    <div class="row">
        <div class="col-12">
            <div class="mapouter">
                <div id="map" class="full-map bg-img-map"></div>
            </div>
        </div>
    </div>
</section>
<!-- END GOOGLE-MAP -->

<!-- START FOOTER -->
<footer class="footer">
    <div class="container">
        <div class="row align-items-center">
            <!--Social-->
            <div class="col-12 text-center">
                <div class="footer-social">
                    <ul class="list-unstyled social-icons social-icons-simple">
                        <li><a class="social-icon wow fadeInUp" href="javascript:void(0)"><i class="fab fa-facebook-f" aria-hidden="true"></i> </a> </li>
                        <li><a class="social-icon wow fadeInDown" href="javascript:void(0)"><i class="fab fa-twitter" aria-hidden="true"></i> </a> </li>
                        <li><a class="social-icon wow fadeInUp" href="javascript:void(0)"><i class="fab fa-google-plus-g" aria-hidden="true"></i> </a> </li>
                        <li><a class="social-icon wow fadeInDown" href="javascript:void(0)"><i class="fab fa-linkedin-in" aria-hidden="true"></i> </a> </li>
                        <li><a class="social-icon wow fadeInUp" href="javascript:void(0)"><i class="fab fa-instagram" aria-hidden="true"></i> </a> </li>
                        <li><a class="social-icon wow fadeInUp" href="javascript:void(0)"><i class="fab fa-pinterest-p" aria-hidden="true"></i> </a> </li>
                    </ul>
                </div>
                <!--Text-->
                <p class="company-about fadeIn text-white">© 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/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/morphext.min.js"></script>
<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>
<!-- Map -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB4fusEY9kSwNHgtK8KOgyoTsyP5Tb2NXo"></script>
<script src="corporate-agency/js/map.js"></script>
<!-- CUSTOM JS -->
<script src="corporate-agency/js/isotope.pkgd.js"></script>
<script src="corporate-agency/js/modernizr.custom.97074.js"></script>
<script src="corporate-agency/js/jquery.hoverdir.js"></script>
<!-- custom script -->
<script src="vendor/js/contact_us.js"></script>
<script src="corporate-agency/js/script.js"></script>
</body>
</html>



web shell, Coded By 2019