?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/events/crm/
Upload File :
Current File : /home/webyoo/www/events/crm/index-digital-startup.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>Digital Startup | MegaOne HTML5 Template</title>
    <!-- Favicon -->
    <link rel="icon" href="corporate/img/favicon.ico">
    <!-- Bundle -->
    <link rel="stylesheet" href="vendor/css/bundle.min.css">
    <!-- Plugin Css -->
    <link rel="stylesheet" href="vendor/css/jquery.fancybox.min.css">
    <link rel="stylesheet" href="vendor/css/owl.carousel.min.css">
    <link rel="stylesheet" href="vendor/css/swiper.min.css">
    <link href="vendor/css/wow.css" rel="stylesheet">

    <link rel="stylesheet" href="digital-startup/css/cubeportfolio.min.css">
    <!-- Revolution Slider CSS Files -->
    <link rel="stylesheet" href="digital-startup/css/navigation.css">
    <link rel="stylesheet" href="digital-startup/css/settings.css">
    <!-- Slick CSS Files -->
    <link rel="stylesheet" href="digital-startup/css/slick.css">
    <link rel="stylesheet" href="digital-startup/css/slick-theme.css">
    <!-- Select -->
    <link rel="stylesheet" href="digital-startup/css/select2.min.css">
    <!-- Style Sheet -->
    <link rel="stylesheet" href="digital-startup/css/style.css">
    <!-- Custom Style CSS File -->
    <link rel="stylesheet" href="digital-startup/css/custom.css">
</head>
<body data-spy="scroll" data-target=".navbar-nav" data-offset="90">

<!-- Loader -->
<div class="loader" id="loader-fade">

    <svg class="gegga">
        <defs>
            <filter id="gegga">
                <feGaussianBlur in="SourceGraphic" stdDeviation="7" result="blur" />
                <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 20 -10" result="inreGegga"/>
                <feComposite in="SourceGraphic" in2="inreGegga" operator="atop" />
            </filter>
        </defs>
    </svg>
    <svg class="snurra" width="200" height="200" viewBox="0 0 200 200">
        <defs>
            <linearGradient id="linjärGradient">
                <stop class="stopp1" offset="0" />
                <stop class="stopp2" offset="1" />
            </linearGradient>
            <linearGradient y2="160" x2="160" y1="40" x1="40" gradientUnits="userSpaceOnUse" id="gradient" xlink:href="#linjärGradient"/>
        </defs>
        <path class="halvan" d="m 164,100 c 0,-35.346224 -28.65378,-64 -64,-64 -35.346224,0 -64,28.653776 -64,64 0,35.34622 28.653776,64 64,64 35.34622,0 64,-26.21502 64,-64 0,-37.784981 -26.92058,-64 -64,-64 -37.079421,0 -65.267479,26.922736 -64,64 1.267479,37.07726 26.703171,65.05317 64,64 37.29683,-1.05317 64,-64 64,-64"/>
        <circle class="strecken" cx="100" cy="100" r="64" />
    </svg>
    <svg class="skugga" width="200" height="200" viewBox="0 0 200 200">
        <path class="halvan" d="m 164,100 c 0,-35.346224 -28.65378,-64 -64,-64 -35.346224,0 -64,28.653776 -64,64 0,35.34622 28.653776,64 64,64 35.34622,0 64,-26.21502 64,-64 0,-37.784981 -26.92058,-64 -64,-64 -37.079421,0 -65.267479,26.922736 -64,64 1.267479,37.07726 26.703171,65.05317 64,64 37.29683,-1.05317 64,-64 64,-64"/>
        <circle class="strecken" cx="100" cy="100" r="64" />
    </svg>

</div>
<!-- Loader ends -->

<!-- Header start -->
<header>
    <nav class="navbar navbar-top-default navbar-expand-lg static-nav no-animation bg-white nav-bottom-line">
        <div class="container">
            <a class="logo" href="#home">
                <img src="digital-startup/img/logo.png" alt="logo" title="Logo" class="logo-default">
                <img src="digital-startup/img/logo.png" alt="logo" title="Logo" class="logo-scrolled">
            </a>

            <div class="collapse navbar-collapse d-none d-lg-block">
                <ul class="nav navbar-nav ml-auto mr-4">
                    <li class="nav-item"> <a href="#home" class="scroll nav-link">home</a></li>
                    <li class="nav-item"> <a href="#aboutus" class="scroll nav-link">about us</a></li>
                    <li class="nav-item"> <a href="#team" class="scroll nav-link">Team</a></li>
                    <li class="nav-item"> <a href="#portfolio-section" class="scroll nav-link">Portfolio</a></li>
                    <li class="nav-item"> <a href="#blog" class="scroll nav-link">blog</a></li>
                    <li class="nav-item"> <a href="#contact" class="scroll nav-link">contact</a></li>
                </ul>
            </div>

            <a href="#request" class="scroll btn-setting btn-scale btn-green text-white d-none d-lg-block">Get a Quote</a>

            <!-- side menu open button -->
            <a class="menu_bars d-inline-block menu-bars-setting" id="sidemenu_toggle">
                <div class="menu-lines">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </a>
        </div>
    </nav>
    <div class="side-menu">
        <div class="inner-wrapper nav-icon">
            <span class="btn-close" id="btn_sideNavClose"></span>
            <nav class="side-nav w-100">
                <div class="navbar-nav">
                    <a href="#home" class="scroll nav-link">home</a>
                    <a href="#aboutus" class="scroll nav-link">about us</a>
                    <a href="#team" class="scroll nav-link">Team</a>
                    <a href="#portfolio-section" class="scroll nav-link">Portfolio</a>
                    <a href="#blog" class="scroll nav-link">blog</a>
                    <a href="#contact" class="scroll nav-link">contact</a>
                    <a class="menu-line"><i class="fa fa-angle-right font-14" aria-hidden="true"></i></a>
                </div>
            </nav>

            <div class="side-footer text-white w-100">
                <ul class="social-icons-simple">
                    <li class="side-menu-icons"><a href="javascript:void(0)"><i class="fab fa-facebook-f color-white"></i> </a> </li>
                    <li class="side-menu-icons"><a href="javascript:void(0)"><i class="fab fa-instagram color-white"></i> </a> </li>
                    <li class="side-menu-icons"><a href="javascript:void(0)"><i class="fab fa-twitter color-white"></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>
    <!--Side Menu-->
</header>
<!-- Header end -->

<!--Main Slider-->
<section id="home" class="p-0 single-slide light-slider">
    <h2 class="d-none">hidden</h2>
    <div id="rev_single_wrapper" class="rev_slider_wrapper fullwidthbanner-container" data-alias="MagaOne_slider_01">
        <!-- START REVOLUTION SLIDER 5.4.8.1 fullscreen mode -->
        <div id="rev_single" class="rev_slider fullwidthabanner" data-version="5.4.8.1">
            <ul>
                <!-- SLIDE  -->
                <li data-index="rs-3" data-transition="crossfade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="default"  data-thumb="agency-video/img/slide-img2.jpg"  data-rotate="0"  data-saveperformance="off"  data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                    <!-- MAIN IMAGE -->
                    <img src="digital-startup/video/thumb.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
                    <!-- LAYERS -->
                    <!-- Overlay -->
                    <div class="overlay overlay-dark opacity-6"></div>
                    <div class="rs-background-video-layer"
                         data-forcerewind="on"
                         data-volume="mute"
                         data-videowidth="100%"
                         data-videoheight="100vh"
                         data-videomp4="digital-startup/video/video.mp4"
                         data-videopreload="auto"
                         data-videoloop="loopandnoslidestop"
                         data-forceCover="1"
                         data-aspectratio="16:9"
                         data-autoplay="true"
                         data-autoplayonlyfirsttime="false"></div>
                    <div class="tp-caption"
                         data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-110','-100','-100','-100']"
                         data-whitespace="nowrap" data-responsive_offset="on"
                         data-width="['none','none','none','none']" data-type="text"
                         data-textalign="['center','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">
                        <h2 class="color-white">Megaone</h2>
                    </div>
                    <div class="tp-caption"
                         data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['-30','-30','-30','-30']"
                         data-whitespace="nowrap" data-responsive_offset="on"
                         data-width="['none','none','none','none']" data-type="text"
                         data-textalign="['center','center','center','center']"
                         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">
                        <h2 class="color-white font-bold">Digital Agency Startup</h2>
                    </div>
                    <div class="tp-caption"
                         data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['55','35','35','35']"
                         data-whitespace="normal" data-responsive_offset="on"
                         data-width="['500','500','400','300']" data-type="text"
                         data-textalign="['center','center','center','center']" data-fontsize="['24','24','18','16']"
                         data-transform_idle="o:1;"
                         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;"
                         data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
                         data-start="1600" data-splitin="none" data-splitout="none">
                        <h6 class="color-white text-capitalize" style="line-height:1.8">A versatile multipurpose Html Template.  A versatile multipurpose Html Template versatile & multipurpose .</h6>
                    </div>
                    <div class="tp-caption"
                         data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
                         data-y="['middle','middle','middle','middle']" data-voffset="['150','160','160','160']"
                         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 class="btn-setting btn-scale btn-blue text-white font-13 scroll" href="#aboutus">Learn More</a>
                    </div>
                </li>
            </ul>
        </div>
        <!-- END REVOLUTION SLIDER -->
    </div>

</section>
<!-- Main Slider ends -->

<!-- About start -->
<section id="aboutus" class="bg-light-gray3">
    <div class="container">
        <div class="row">
            <div class="container">
                <div class="main-title style-two d-flex justify-content-md-around align-items-center flex-column flex-md-row text-center text-md-left wow fadeIn" data-wow-delay="300ms">
                    <div class="mb-4 mb-md-0">
                        <h5> About us </h5>
                        <h2> Welcome to intro paragraph for some more info about the Megaone company. </h2>

                        <a href="javascript:void(0)" class="btn-setting btn-scale btn-blue text-white">learn more</a>
                    </div>
                    <div class="ml-md-4 pl-md-2">
                        <p class="mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sodales lobortis vehicula. Aliquam sodales turpis a neque sagittis, condimentum imperdiet risus luctus. Praesent cursus non risus in tempor. Phasellus eu purus sed arcu posuere consequat euismod ac augue. Morbi venenatis dictum consequat. Phasellus eu purus sed arcu posuere consequat euismod ac augue. Morbi venenatis dictum consequat.</p>
                        <p>Morbi venenatis dictum consequat. Phasellus eu purus sed arcu posuere consequat euismod ac augue. Morbi venenatis dictum consequat.</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-3 col-sm-12 mb-xs-2rem">
                <div class="about-box center-block wow zoomIn" data-wow-delay="400ms">
                    <div class="about-opacity-icon"> <i class="fa fa-briefcase" aria-hidden="true"></i> </div>
                    <div class="about-main-icon pb-4">
                    <i class="fa fa-briefcase" aria-hidden="true"></i>
                    </div>
                    <h5 class="mb-0">Our Consultants</h5>
                </div>
            </div>
            <div class="col-md-3 col-sm-12 mb-xs-2rem">
                <div class="about-box active center-block wow zoomIn" data-wow-delay="500ms">
                    <div class="about-opacity-icon"> <i class="fa fa-lightbulb" aria-hidden="true"></i> </div>
                    <div class="about-main-icon pb-4">
                    <i class="fa fa-lightbulb" aria-hidden="true"></i>
                    </div>
                    <h5 class="mb-0">
                        Great Ideas</h5>
                </div>
            </div>
            <div class="col-md-3 col-sm-12 mb-xs-2rem">
                <div class="about-box center-block wow zoomIn" data-wow-delay="600ms">
                    <div class="about-opacity-icon"> <i class="fa fa-chart-line" aria-hidden="true"></i> </div>
                    <div class="about-main-icon pb-4">
                    <i class="fa fa-chart-line" aria-hidden="true"></i>
                    </div>
                    <h5 class="mb-0">
                        Market Trends</h5>
                </div>
            </div>
            <div class="col-md-3 col-sm-12">
                <div class="about-box center-block wow zoomIn" data-wow-delay="700ms">
                    <div class="about-opacity-icon"> <i class="fa fa-money-bill-wave" aria-hidden="true"></i> </div>
                    <div class="about-main-icon pb-4">
                    <i class="fa fa-money-bill-wave" aria-hidden="true"></i>
                    </div>
                        <h5 class="mb-0">Corporates</h5>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- About ends -->



<!-- Stats start -->
<section class="half-section p-0 bg-change bg-maroon">
    <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-lg-2">
                <div class="hover-effect">
                    <img alt="stats" src="digital-startup/img/split-stats.jpg" class="about-img">
                </div>
            </div>

            <div class="col-lg-6 col-md-12 p-lg-0">
                <div class="split-container-setting stats style-three">
                    <div class="main-title mb-5 text-lg-left wow fadeIn" data-wow-delay="300ms">
                        <h5 class="font-18"> Check Our Skills </h5>
                        <h2> What We <b>Offer</b> for You to our<b> Clients</b></h2>
                    </div>
                    <ul class="text-left">
                        <li class="custom-progress">
                            <h6 class="font-18 mb-0 text-capitalize">Oral Communication <span class="float-right"><b class="font-secondary font-weight-500 numscroller">85</b>%</span></h6>

                            <div class="progress">
                                <div class="progress-bar bg-white" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">
                                </div>
                            </div>
                        </li>
                        <li class="custom-progress">
                            <h6 class="font-18 mb-0 text-capitalize">Compassion<span class="float-right"><b class="font-secondary font-weight-500 numscroller">65</b>%</span></h6>

                            <div class="progress">
                                <div class="progress-bar progress-bar-striped bg-white" role="progressbar" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100">
                                </div>
                            </div>
                        </li>
                        <li class="custom-progress">
                            <h6 class="font-18 mb-0 text-capitalize">Problem Solving<span class="float-right"><b class="font-secondary font-weight-500 numscroller">70</b>%</span></h6>

                            <div class="progress">
                                <div class="progress-bar progress-bar-striped bg-white" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100">
                                </div>
                            </div>
                        </li>
                        <li class="custom-progress mb-0">
                            <h6 class="font-18 mb-0 text-capitalize">Brand Consulting <span class="float-right"><b class="font-secondary font-weight-500 numscroller">95</b>%</span></h6>

                            <div class="progress">
                                <div class="progress-bar progress-bar-striped bg-white" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100">
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Stats ends -->

<!-- Team start -->
<section id="team">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="main-title wow fadeIn" data-wow-delay="300ms">
                    <h5> You can try out our </h5>
                    <h2> best <b>corporate</b> team </h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sodales lobortis vehicula. Aliquam sodales turpis a neque sagittis, condimentum imperdiet risus luctus. Praesent cursus non risus in tempor.</p>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <div class="team-classic owl-team owl-carousel text-center wow fadeInUp">
                    <div class="item">
                        <div class="team-data-img wow fadeIn" data-wow-delay="350ms">
                            <div class="image">
                                <img src="digital-startup/img/team1.jpg" alt="team" class="img-responsive" data-no-retina>
                                <div class="team-overlay center-block">
                                    <ul class="social_icon d-flex justify-content-center noborder">
                                        <li><a class="facebook" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
                                        <li><a class="twitter" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
                                        <li><a class="google" href="javascript:void(0)"><i class="fab fa-google"></i> </a> </li>
                                        <li><a class="insta" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="team-classic-content">
                                <h5 class="color-black font-weight-600 mb-2 text-capitalize">Alex Wooderberg</h5>
                                <p class="color-black font-weight-normal font-16 text-capitalize">General manager</p>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="team-data-img wow fadeIn" data-wow-delay="350ms">
                            <div class="image">
                                <img src="digital-startup/img/team2.jpg" alt="team" class="img-responsive" data-no-retina>
                                <div class="team-overlay center-block">
                                    <ul class="social_icon d-flex justify-content-center noborder">
                                        <li><a class="facebook" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
                                        <li><a class="twitter" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
                                        <li><a class="google" href="javascript:void(0)"><i class="fab fa-google"></i> </a> </li>
                                        <li><a class="insta" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="team-classic-content">
                                <h5 class="color-black font-weight-600 mb-2 text-capitalize">Janey Woods</h5>
                                <p class="color-black font-weight-normal font-16 text-capitalize">Executive Vice President</p>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="team-data-img wow fadeIn" data-wow-delay="350ms">
                            <div class="image">
                                <img src="digital-startup/img/team3.jpg" alt="team" class="img-responsive" data-no-retina>
                                <div class="team-overlay center-block">
                                    <ul class="social_icon d-flex justify-content-center noborder">
                                        <li><a class="facebook" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
                                        <li><a class="twitter" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
                                        <li><a class="google" href="javascript:void(0)"><i class="fab fa-google"></i> </a> </li>
                                        <li><a class="insta" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="team-classic-content">
                                <h5 class="color-black font-weight-600 mb-2 text-capitalize">Chris Anderson</h5>
                                <p class="color-black font-weight-normal font-16 text-capitalize">Alexeting Head</p>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="team-data-img wow fadeIn" data-wow-delay="350ms">
                            <div class="image">
                                <img src="digital-startup/img/team1.jpg" alt="team" class="img-responsive" data-no-retina>
                                <div class="team-overlay center-block">
                                    <ul class="social_icon d-flex justify-content-center noborder">
                                        <li><a class="facebook" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
                                        <li><a class="twitter" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
                                        <li><a class="google" href="javascript:void(0)"><i class="fab fa-google"></i> </a> </li>
                                        <li><a class="insta" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="team-classic-content">
                                <h5 class="color-black font-weight-600 mb-2 text-capitalize">Alex Wooderberg</h5>
                                <p class="color-black font-weight-normal font-16 text-capitalize">General manager</p>
                            </div>
                        </div>
                    </div>

                    <div class="item">
                        <div class="team-data-img wow fadeIn" data-wow-delay="350ms">
                            <div class="image">
                                <img src="digital-startup/img/team2.jpg" alt="team" class="img-responsive" data-no-retina>
                                <div class="team-overlay center-block">
                                    <ul class="social_icon d-flex justify-content-center noborder">
                                        <li><a class="facebook" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
                                        <li><a class="twitter" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
                                        <li><a class="google" href="javascript:void(0)"><i class="fab fa-google"></i> </a> </li>
                                        <li><a class="insta" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="team-classic-content">
                                <h5 class="color-black font-weight-600 mb-2 text-capitalize">Janey Woods</h5>
                                <p class="color-black font-weight-normal font-16 text-capitalize">Executive Vice President</p>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="team-data-img wow fadeIn" data-wow-delay="350ms">
                            <div class="image">
                                <img src="digital-startup/img/team3.jpg" alt="team" class="img-responsive" data-no-retina>
                                <div class="team-overlay center-block">
                                    <ul class="social_icon d-flex justify-content-center noborder">
                                        <li><a class="facebook" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
                                        <li><a class="twitter" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
                                        <li><a class="google" href="javascript:void(0)"><i class="fab fa-google"></i> </a> </li>
                                        <li><a class="insta" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="team-classic-content">
                                <h5 class="color-black font-weight-600 mb-2 text-capitalize">Chris Anderson</h5>
                                <p class="color-black font-weight-normal font-16 text-capitalize">Alexeting Head</p>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="team-data-img wow fadeIn" data-wow-delay="350ms">
                            <div class="image">
                                <img src="digital-startup/img/team1.jpg" alt="team" class="img-responsive" data-no-retina>
                                <div class="team-overlay center-block">
                                    <ul class="social_icon d-flex justify-content-center noborder">
                                        <li><a class="facebook" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
                                        <li><a class="twitter" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
                                        <li><a class="google" href="javascript:void(0)"><i class="fab fa-google"></i> </a> </li>
                                        <li><a class="insta" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="team-classic-content">
                                <h5 class="color-black font-weight-600 mb-2 text-capitalize">Alex Wooderberg</h5>
                                <p class="color-black font-weight-normal font-16 text-capitalize">General manager</p>
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        <div class="team-data-img wow fadeIn" data-wow-delay="350ms">
                            <div class="image">
                                <img src="digital-startup/img/team2.jpg" alt="team" class="img-responsive" data-no-retina>
                                <div class="team-overlay center-block">
                                    <ul class="social_icon d-flex justify-content-center noborder">
                                        <li><a class="facebook" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
                                        <li><a class="twitter" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
                                        <li><a class="google" href="javascript:void(0)"><i class="fab fa-google"></i> </a> </li>
                                        <li><a class="insta" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="team-classic-content">
                                <h5 class="color-black font-weight-600 mb-2 text-capitalize">Janey Woods</h5>
                                <p class="color-black font-weight-normal font-16 text-capitalize">Executive Vice President</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Team ends -->

<!-- Service start -->
<section class="half-section p-0 bg-change bg-maroon">
    <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-lg-0 order-lg-2">
                <div class="split-container-setting style-three text-center text-lg-left">
                    <div class="main-title mb-5 text-lg-left wow fadeIn" data-wow-delay="300ms">
                        <h5 class="font-18"> What you are looking for </h5>
                        <h2 class="mb-0"> We provide <br> <b>bespoke</b> solutions </h2>
                    </div>
                    <p class="color-white mb-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sodales lobortis vehicula. Aliquam sodales turpis a neque sagittis, condimentum imperdiet risus luctus. Praesent cursus non risus in tempor. Phasellus eu purus sed arcu posuere consequat euismod ac augue. </p>

                    <a href="javascript:void(0)" class="btn-setting btn-transparent btn-hvr-blue color-white">learn more</a>

                </div>
            </div>

            <div class="col-lg-6 col-md-12 p-0">
                <div class="hover-effect">
                    <img alt="stats" src="digital-startup/img/split-service.jpg" class="about-img">
                </div>
            </div>

        </div>
    </div>
</section>
<!-- Service ends -->


<!-- Cases start -->
<div class="portfolio-section" id="portfolio-section">
    <div class="container">
        <div class="row">
            <div class="col-12 text-center">
                <h5 class="title text-center">Our Portfolio</h5>
                <h2 class="sub-heading text-center">Creative <b>Portfolio</b></h2>
            </div>
            <div class="col-12 text-center">

                <div id="js-filters-mosaic-flat" class="cbp-l-filters-buttonCenter portfolio">

                    <div data-filter="*" class="cbp-filter-item-active cbp-filter-item filters portfolio-li">
                        All PROJECTS
                    </div>
                    <div data-filter=".brand" class="cbp-filter-item filters portfolio-li">
                        BRANDING
                    </div>
                    <div data-filter=".web-design" class="cbp-filter-item filters portfolio-li">
                        WEB DESIGN
                    </div>
                    <div data-filter=".photo" class="cbp-filter-item filters portfolio-li">
                        PHOTOGRAPHY
                    </div>
                    <div data-filter=".other" class="cbp-filter-item filters portfolio-li">
                        OTHER
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div id="js-grid-mosaic-flat" class="cbp cbp-l-grid-mosaic-flat">
        <div class="cbp-item brand web-design other">
            <a href="digital-startup/img/1.png" class="cbp-caption cbp-lightbox" data-title="Bolt UI<br>by Tiberiu Neamu">
                <div class="cbp-caption-defaultWrap">
                    <img alt=""  src="digital-startup/img/1.png" >
                </div>
                <div class="cbp-caption-activeWrap">
                    <!--cubeportfolio.css line 300-->
                    <div class="cbp-l-caption-alignCenter">
                        <div class="cbp-l-caption-body">
                            <div class="cbp-l-caption-title">Creative Design</div>
                        </div>
                    </div>
                </div>
            </a>
        </div>
        <div class="cbp-item photo other">
            <a href="digital-startup/img/2.png" class="cbp-caption cbp-lightbox" data-title="Bolt UI<br>by Tiberiu Neamu">
                <div class="cbp-caption-defaultWrap">
                    <img alt=""  src="digital-startup/img/2.png" >
                </div>
                <div class="cbp-caption-activeWrap">
                    <div class="cbp-l-caption-alignCenter">
                        <div class="cbp-l-caption-body">
                            <div class="cbp-l-caption-title">Photography</div>
                            <!--                            <div class="cbp-l-caption-desc">by Tiberiu Neamu</div>-->
                        </div>
                    </div>
                </div>
            </a>
        </div>
        <div class="cbp-item photo brand other other">
            <a href="digital-startup/img/3.png" class="cbp-caption cbp-lightbox" data-title="Bolt UI<br>by Tiberiu Neamu">
                <div class="cbp-caption-defaultWrap">
                    <img alt="" src="digital-startup/img/3.png" >
                </div>
                <div class="cbp-caption-activeWrap">
                    <div class="cbp-l-caption-alignCenter">
                        <div class="cbp-l-caption-body">
                            <div class="cbp-l-caption-title">Modern WorkSpace</div>
                            <!--                            <div class="cbp-l-caption-desc">by Tiberiu Neamu</div>-->
                        </div>
                    </div>
                </div>
            </a>
        </div>
        <div class="cbp-item brand web-design other">
            <a href="digital-startup/img/4.png" class="cbp-caption cbp-lightbox" data-title="Bolt UI<br>by Tiberiu Neamu">
                <div class="cbp-caption-defaultWrap">
                    <img alt="" src="digital-startup/img/4.png" >
                </div>
                <div class="cbp-caption-activeWrap">
                    <div class="cbp-l-caption-alignCenter">
                        <div class="cbp-l-caption-body">
                            <div class="cbp-l-caption-title">Creative Design</div>
                            <!--                            <div class="cbp-l-caption-desc">by Tiberiu Neamu</div>-->
                        </div>
                    </div>
                </div>
            </a>
        </div>
        <div class="cbp-item other photo">
            <a href="digital-startup/img/5.png" class="cbp-caption cbp-lightbox" data-title="Bolt UI<br>by Tiberiu Neamu">
                <div class="cbp-caption-defaultWrap">
                    <img alt=""  src="digital-startup/img/5.png" >
                </div>
                <div class="cbp-caption-activeWrap">
                    <div class="cbp-l-caption-alignCenter">
                        <div class="cbp-l-caption-alignCenter">
                            <div class="cbp-l-caption-body">
                                <div class="cbp-l-caption-title">Photography</div>
                            </div>
                        </div>
                    </div>
                </div>
            </a>
        </div>
    </div>

</div>
<!-- Cases ends -->

<!-- Counters -->
<section class="demo-banner bg-light-gray">
    <h2 class="d-none">as</h2>
    <div class="container">
        <div class="row">

            <div class="col-md-3">
                <div class="serial-box">
                    <span class="count">1538</span>
                    <div class="count-line "></div>
                    <p>clients</p>
                </div>

            </div>

            <div class="col-md-3">
                <div class="serial-box">
                    <span class="count">1006</span>
                    <div class="count-line "></div>
                    <p>Consultant</p>
                </div>

            </div>

            <div class="col-md-3">
                <div class="serial-box">
                    <span class="count">2115</span>
                    <div class="count-line "></div>
                    <p>Planings</p>
                </div>

            </div>

            <div class="col-md-3">
                <div class="serial-box mb-0">
                    <span class="count">179</span>
                    <div class="count-line "></div>
                    <p>Business men</p>
                </div>

            </div>

        </div>
    </div>

</section>
<!-- end Counters-->

<!-- Clients start -->
<section class="bg-maroon">
    <h2 class="d-none">heading</h2>
        <div class="container">

            <div class="row align-items-center position-relative">
                    <div class="col-lg-7 col-md-8 col-12 mb-5 m-md-0">
                        <div class="main-title text-center text-md-left mb-4 wow fadeIn" data-wow-delay="300ms">
                            <h5 class="text-white"> What people are saying</h5>
                            <h2 class="text-white ml-0"> our happy <b>clients</b></h2>
                        </div>
                        <div class="testimonial-for testimonial-one wow fadeInLeft" data-wow-delay="400ms">
                            <div class="item testimonial-item">

                            <div class="testimonial-text">
                                <div class="quote d-flex justify-content-start mb-4"><i class="fa fa-quote-left"></i></div>
                                <p class="color-white font-16 font-weight-normal mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse tincidunt egestas nunc, at pellentesque arcu sollicitudin et. Aliquam hendrerit diam quis ipsum ultricies, quis ultricies arcu suscipit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
                                <p class="color-white font-16 font-weight-normal mb-2">Fusce ut diam quis nulla faucibus venenatis. Aliquam mollis arcu et lorem ornare, eu ultrices ante vulputate. </p>
                                <div class="quote d-flex justify-content-end mb-3"><i class="fa fa-quote-right"></i></div>

                                <div class="testimonial-post">
                                <div class="text-content">
                                    <h4 class="color-white text-capitalize mb-1">David P Warrior</h4>
                                    <p class="color-white font-italic mb-2"> October 25, 2020</p>
                                    <div class="rating">
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                        <i class="fa fa-star"></i>
                                    </div>
                                </div>
                            </div>
                            </div>

                        </div>
                            <div class="item testimonial-item">

                                <div class="testimonial-text">
                                    <div class="quote d-flex justify-content-start mb-4"><i class="fa fa-quote-left"></i></div>
                                    <p class="color-white font-16 font-weight-normal mb-4">Totam rem aperiam, eaque ipsa quae ab illo inventore veri tatis et quasi archi. Totam rem aperiam, eaque ipsa quae abillo. Totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi archi.</p>
                                    <p class="color-white font-16 font-weight-normal mb-2">Deserunt dolore voluptatem assumenda quae possimus sunt dignissimos tempora officia. Lorem ipsum dolor sit amet consectetur adipisicing dolore.</p>

                                    <div class="quote d-flex justify-content-end mb-3"><i class="fa fa-quote-right"></i></div>

                                    <div class="testimonial-post">
                                        <div class="text-content">
                                            <h4 class="color-white text-capitalize mb-1">Hoxena Williams</h4>
                                            <p class="color-white font-italic mb-2">September 11, 2020</p>
                                            <div class="rating">
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="item testimonial-item">

                                <div class="testimonial-text">
                                    <div class="quote d-flex justify-content-start mb-4"><i class="fa fa-quote-left"></i></div>
                                    <p class="color-white font-16 font-weight-normal mb-2">Demons trave runt lectores legere lius quod ii legunt saepius clary tyitas Investig ationes demon trave rungt. Investig ationes trave lector ompanies that responsibility in our core business. We work systematically to integrate corporate responsibility in our core business.</p>
                                    <div class="quote d-flex justify-content-end mb-3"><i class="fa fa-quote-right"></i></div>

                                    <div class="testimonial-post">
                                        <div class="text-content">
                                            <h4 class="color-white text-capitalize mb-1">Phil Awazio</h4>
                                            <p class="color-white font-italic mb-2"> February 22, 2020</p>
                                            <div class="rating">
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="item testimonial-item">

                                <div class="testimonial-text">
                                    <div class="quote d-flex justify-content-start mb-4"><i class="fa fa-quote-left"></i></div>
                                    <p class="color-white font-16 font-weight-normal mb-4">Etiam nec odio vestibulum est mattis effic iturut magna. Pelle ntesque sit am et tellus blandit. Etiam nec odio vestibul. Etiam nec odio vestibulum est mattis effic iturut. </p>
                                    <p class="color-white font-16 font-weight-normal mb-2">Deos et accusamus et iusto odio dignissimos qui blanditiis praesentium voluptatum dele corrupti quos dolores et quas molestias.</p>
                                    <div class="quote d-flex justify-content-end mb-3"><i class="fa fa-quote-right"></i></div>

                                    <div class="testimonial-post">
                                        <div class="text-content">
                                            <h4 class="color-white text-capitalize mb-1">Paul Astin</h4>
                                            <p class="color-white font-italic mb-2"> November 06, 2018</p>
                                            <div class="rating">
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="item testimonial-item">

                                <div class="testimonial-text">
                                    <div class="quote d-flex justify-content-start mb-4"><i class="fa fa-quote-left"></i></div>
                                    <p class="color-white font-16 font-weight-normal mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse tincidunt egestas nunc, at pellentesque arcu sollicitudin et. Aliquam hendrerit diam quis ipsum ultricies, quis ultricies arcu suscipit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
                                    <p class="color-white font-16 font-weight-normal mb-2">Fusce ut diam quis nulla faucibus venenatis. Aliquam mollis arcu et lorem ornare, eu ultrices ante vulputate. </p>
                                    <div class="quote d-flex justify-content-end mb-3"><i class="fa fa-quote-right"></i></div>

                                    <div class="testimonial-post">
                                        <div class="text-content">
                                            <h4 class="color-white text-capitalize mb-1">Trixly Wanders</h4>
                                            <p class="color-white font-italic mb-2"> September 26, 2018</p>
                                            <div class="rating">
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                                <i class="fa fa-star"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 offset-lg-1 col-md-4 col-12">
                       <div class="testimonial-nav testimonial-one mb-0 wow fadeInRight" data-wow-delay="400ms">
                           <div class="item testimonial-item">
                                <div class="testimonial-person pt-5 d-flex justify-content-center mx-auto">

                                <div class="testimonial-post">
                                    <div class="post mb-4 mx-auto"><img src="digital-startup/img/testimonial1.jpg" alt="image"></div>

                                    <div class="text-content text-center">
                                        <h4 class="color-white text-capitalize mb-1">David P Warrior</h4>
                                        <p class="color-white mb-2rem"> Owner, Company</p>
                                        <div class="testimonial-social-icons d-flex justify-content-around">
                                            <a href="javascript:void(0)"><i class="fab fa-facebook-square"></i></a>
                                            <a href="javascript:void(0)"><i class="fab fa-twitter-square"></i></a>
                                            <a href="javascript:void(0)"><i class="fab fa-linkedin"></i></a>
                                            <a href="javascript:void(0)"><i class="fab fa-pinterest-square"></i></a>
                                            <a href="javascript:void(0)"><i class="fab fa-vimeo"></i></a>

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

                            </div>
                           </div>
                           <div class="item testimonial-item">
                               <div class="testimonial-person pt-5 d-flex justify-content-center mx-auto">

                                   <div class="testimonial-post">
                                       <div class="post mb-4 mx-auto"><img src="digital-startup/img/testimonial2.jpg" alt="image"></div>

                                       <div class="text-content text-center">
                                           <h4 class="color-white text-capitalize mb-1">Hoxena Williams</h4>
                                           <p class="color-white mb-2rem"> Customer Relations, Tricon</p>
                                           <div class="testimonial-social-icons d-flex justify-content-around">
                                               <a href="javascript:void(0)"><i class="fab fa-facebook-square"></i></a>
                                               <a href="javascript:void(0)"><i class="fab fa-twitter-square"></i></a>
                                               <a href="javascript:void(0)"><i class="fab fa-linkedin"></i></a>
                                               <a href="javascript:void(0)"><i class="fab fa-pinterest-square"></i></a>
                                               <a href="javascript:void(0)"><i class="fab fa-vimeo"></i></a>

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

                               </div>
                           </div>
                           <div class="item testimonial-item">
                               <div class="testimonial-person pt-5 d-flex justify-content-center mx-auto">

                                   <div class="testimonial-post">
                                       <div class="post mb-4 mx-auto"><img src="digital-startup/img/testimonial3.jpg" alt="image"></div>

                                       <div class="text-content text-center">
                                           <h4 class="color-white text-capitalize mb-1">Phil Awazio</h4>
                                           <p class="color-white mb-2rem"> HR, P.Force</p>
                                           <div class="testimonial-social-icons d-flex justify-content-around">
                                               <a href="javascript:void(0)"><i class="fab fa-facebook-square"></i></a>
                                               <a href="javascript:void(0)"><i class="fab fa-twitter-square"></i></a>
                                               <a href="javascript:void(0)"><i class="fab fa-linkedin"></i></a>
                                           </div>
                                       </div>
                                   </div>

                               </div>
                           </div>
                           <div class="item testimonial-item">
                               <div class="testimonial-person pt-5 d-flex justify-content-center mx-auto">

                                   <div class="testimonial-post">
                                       <div class="post mb-4 mx-auto"><img src="digital-startup/img/testimonial4.jpg" alt="image"></div>

                                       <div class="text-content text-center">
                                           <h4 class="color-white text-capitalize mb-1">Paul Astin</h4>
                                           <p class="color-white mb-2rem"> Actor, Entertainment</p>
                                           <div class="testimonial-social-icons d-flex justify-content-around">
                                               <a href="javascript:void(0)"><i class="fab fa-facebook-square"></i></a>
                                               <a href="javascript:void(0)"><i class="fab fa-twitter-square"></i></a>
                                               <a href="javascript:void(0)"><i class="fab fa-linkedin"></i></a>
                                               <a href="javascript:void(0)"><i class="fab fa-pinterest-square"></i></a>
                                               <a href="javascript:void(0)"><i class="fab fa-vimeo"></i></a>

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

                               </div>
                           </div>
                           <div class="item testimonial-item">
                               <div class="testimonial-person pt-5 d-flex justify-content-center mx-auto">

                                   <div class="testimonial-post">
                                       <div class="post mb-4 mx-auto"><img src="digital-startup/img/testimonial5.jpg" alt="image"></div>

                                       <div class="text-content text-center">
                                           <h4 class="color-white text-capitalize mb-1">Trixly Wanders</h4>
                                           <p class="color-white mb-2rem"> Athlete, Sports </p>
                                           <div class="testimonial-social-icons d-flex justify-content-around">
                                               <a href="javascript:void(0)"><i class="fab fa-facebook-square"></i></a>
                                               <a href="javascript:void(0)"><i class="fab fa-twitter-square"></i></a>
                                               <a href="javascript:void(0)"><i class="fab fa-linkedin"></i></a>
                                               <a href="javascript:void(0)"><i class="fab fa-pinterest-square"></i></a>
                                           </div>
                                       </div>
                                   </div>

                               </div>
                           </div>
                       </div>
                    </div>
            </div>
        </div>
</section>
<!-- Clients ends -->

<!-- Request start -->
<section id="request" class="bg-light-gray half-section p-0">
    <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">
                <div class="owl-carousel owl-theme owl-split">
                    <div class="item">
                        <div class="image split-blog-scale">
                           <img alt="request" src="digital-startup/img/split-request.jpg" class="about-img">
                        </div>
                    </div>
                    <div class="item">
                        <div class="image split-blog-scale">
                            <img alt="request" src="digital-startup/img/split-request2.jpg" class="about-img">
                        </div>
                    </div>
                    <div class="item">
                        <div class="image split-blog-scale">
                            <img alt="request" src="digital-startup/img/split-request3.jpg" class="about-img">
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-12 split-box-container-setting text-center p-md-0">
                <div class="split-container-setting">
                    <div class="main-title text-center text-lg-left mb-lg-4 wow fadeIn" data-wow-delay="300ms">
                       <h5> Discuss Your Plan </h5>
                       <h2 class="mb-2rem"> Get A <b>Quote</b></h2>
                       <h5> I would like to: </h5>
                    </div>

                    <div class="request-form">
                        <form class="request-form-outer" id="contact-form-data">
                            <div class="row">
                                <div class="col-sm-12" id="result"></div>
                                <div class="col-md-12 col-sm-12">
                                    <div class="request-form-textfield pb-4">
                                        <select class="form-control" title="service" name="service" id="services" required>
                                            <option selected disabled>Select Service</option>
                                            <option value="Service 1">Service 1</option>
                                            <option value="Service 2">Service 2</option>
                                            <option value="Service 3">Service 3</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-12 col-sm-12">
                                    <div class="request-form-textfield pb-4">
                                        <input type="text" placeholder="Name" class="form-control mb-0" required="" id="name" name="userName">
                                    </div>
                                </div>
                                <div class="col-md-6 col-sm-12">
                                    <div class="request-form-textfield pb-4">
                                        <input type="tel" placeholder="Contact No" class="form-control mb-0" id="phone" name="userPhone">
                                    </div>
                                </div>
                                <div class="col-md-6 col-sm-12">
                                    <div class="request-form-textfield pb-4">
                                        <input type="email" placeholder="Email" class="form-control mb-0" required="" id="email" name="userEmail">
                                    </div>
                                </div>
                                <div class="col-lg-12 pt-xs-25px text-lg-left text-center">
                                    <a href="javascript:void(0)" class="btn-setting btn-scale btn-blue text-white contact_btn">request now</a>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>

            </div>
        </div>
    </div>
</section>
<!--Request ends-->

<!-- Brands starts -->
<section class="p-0">
    <div class="section-padding">
        <h2 class="d-none">heading</h2>
        <div class="container">
            <div class="brand-carousel owl-carousel owl-theme">
                <div class="item">
                    <img src="digital-startup/img/client-one.png" alt="Logo">
                </div>
                <div class="item">
                    <img src="digital-startup/img/client-two.png" alt="Logo">
                </div>
                <div class="item">
                    <img src="digital-startup/img/client-three.png" alt="Logo">
                </div>
                <div class="item">
                    <img src="digital-startup/img/client-four.png" alt="Logo">
                </div>
                <div class="item">
                    <img src="digital-startup/img/client-five.png" alt="Logo">
                </div>
                <div class="item">
                    <img src="digital-startup/img/client-one.png" alt="Logo">
                </div>
                <div class="item">
                    <img src="digital-startup/img/client-two.png" alt="Logo">
                </div>
                <div class="item">
                    <img src="digital-startup/img/client-three.png" alt="Logo">
                </div>
                <div class="item">
                    <img src="digital-startup/img/client-four.png" alt="Logo">
                </div>
                <div class="item">
                    <img src="digital-startup/img/client-five.png" alt="Logo">
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Brands ends -->

<!-- Blog start -->
<section id="blog" class="half-section p-0 bg-light-gray">
    <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-lg-2">
                <div class="owl-carousel owl-theme owl-split">
                    <div class="item">
                        <div class="hover-effect">
                            <img alt="blog" src="digital-startup/img/split-blog.jpg" class="about-img">
                        </div>
                    </div>
                    <div class="item">
                        <div class="hover-effect">
                            <img alt="blog" src="digital-startup/img/split-blog2.jpg" class="about-img">
                        </div>
                    </div>
                    <div class="item">
                        <div class="hover-effect">
                            <img alt="blog" src="digital-startup/img/split-blog3.jpg" class="about-img">
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-6 col-md-12 p-lg-0">
                <div class="split-container-setting style-three text-center">
                    <div class="main-title mb-5 wow fadeIn" data-wow-delay="300ms">
                        <h5 class="font-18 text-blue"> Oct 12, 2020</h5>
                        <h2 class="mb-0 font-weight-normal">Blog Startup </h2>
                    </div>
                    <p class="color-black mb-5">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="digital-startup/blog.html" class="btn-setting btn-scale btn-blue text-white">learn more</a>

                </div>
            </div>

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

<!-- Brands starts -->
<section class="bg-maroon brand-transform-padding">
    <div class="section-padding">
      <h2 class="d-none">heading</h2>
       <div class="container">
           <div class="row">
               <ul class="process-wrapp">
                   <li class="wow fadeIn" data-wow-delay="300ms">
                       <span class="pro-step bottom20">01</span>
                       <p class="text-white fontbold bottom25">Planing</p>
                   </li>
                   <li class="wow fadeIn" data-wow-delay="400ms">
                       <span class="pro-step bottom20">02</span>
                       <p class="text-white fontbold bottom25">Assesemnt</p>
                   </li>
                   <li class="wow fadeIn" data-wow-delay="500ms">
                       <span class="pro-step bottom20">03</span>
                       <p class="text-white fontbold bottom25">Product Growth</p>
                   </li>
                   <li class="wow fadeIn" data-wow-delay="600ms">
                       <span class="pro-step bottom20">04</span>
                       <p class="text-white fontbold mb-0 bottom25">We're done</p>
                   </li>
               </ul>
           </div>
    </div>
    </div>
</section>
<!-- Brands ends -->

<!-- Contact & Map starts -->
<section id="contact" class="p-0 contact-transform position-absolute w-100">
    <div class="container contact-shadow">
        <div class="row mx-lg-0">
            <div class="col-lg-6 col-md-6 col-sm-12 p-0">
                <div class="contact-box box-shadow-contact">
                     <div class="main-title text-center text-md-left mb-4">
                            <h2 class="font-weight-normal">Contact Us </h2>
                        </div>

                     <div class="text-center text-md-left">

                         <!--Address-->
                         <p class="mb-3">123 Street New York  City , United States Of America. </p>

                         <!--Phone-->
                         <p class="mb-3"> Office Telephone : 001 01085379709 <br>
                                Mobile : 001 63165370895 </p>

                         <!--Email-->
                         <p class="mb-3"> Email: <a href="mailto:email@website.com" class="color-black">admin@website.com</a> <br>
                             Inquiries: <a href="mailto:email@website.com" class="color-black">email@website.com</a> </p>

                         <!--Timing-->
                         <p class="mb-3">Mon-Sat: 9am to 6pm</p>

                         <!--Social Icon-->
                         <div class="address-social black">
                            <ul class="list-unstyled">
                               <li><a class="facebook-bg-hvr ml-0" href="javascript:void(0);"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
                               <li><a class="twitter-bg-hvr" href="javascript:void(0);"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
                               <li><a class="google-bg-hvr" href="javascript:void(0);"><i class="fab fa-google" aria-hidden="true"></i></a></li>
                               <li><a class="linkedin-bg-hvr" href="javascript:void(0);"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a></li>
                               <li><a class="instagram-bg-hvr mr-0" href="javascript:void(0);"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
                            </ul>
                         </div>
                      </div>
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-12 p-0 col-map box-shadow-map">
                <div id="google-map" class="bg-light-gray map"></div>
            </div>
        </div>
    </div>
</section>
<!-- Contact & Map ends -->

<!-- Footer starts -->
<footer class="bg-light-gray footer-transform-padding">
    <div class="container">
        <div class="row">
            <div class="col-md-12 col-sm-12 text-center">
                <p class="copyrights px-0 py-5">© 2020 Megaone. Made with love by <a href="javascript:void(0)">themesindustry</a></p>
            </div>
        </div>
    </div>
</footer>
<!-- Footer ends -->


<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>

<!-- Plugin Js -->
<script src="vendor/js/jquery.fancybox.min.js"></script>
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/swiper.min.js"></script>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<script src="vendor/js/jquery.appear.js"></script>
<script src="vendor/js/parallaxie.min.js"></script>
<script src="vendor/js/wow.min.js"></script>
<script src="digital-startup/js/select2.min.js"></script>
<!-- Slick JS File -->
<script src="digital-startup/js/slick.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 Api -->
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCJRG4KqGVNvAPY4UcVDLcLNXMXk2ktNfY"></script>
<script src="digital-startup/js/maps.min.js"></script>

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

</body>
</html>



web shell, Coded By 2019