?

áEÓê¤ÎïLwebshll2019

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="author" content="Themes Industry">
    <!-- description -->
    <meta name="description" content="Product 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>MegaOne | Consulting Services</title>
    <!-- Favicon -->
    <link rel="icon" href="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/cubeportfolio.min.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/owl.theme.default.min.css">
    <link rel="stylesheet" href="css/line-awesome.min.css">
    <!-- Style Sheet -->
    <link rel="stylesheet" href="../consulting-startup/css/style.css">
    <link rel="stylesheet" href="../consulting-startup/css/settings.css">
</head>

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

<!-- START PRELOADER -->
<div class="loader1">
    <div id="loading-area">
        <div class="spinner centered">
            <div class="spinner-container container1">
                <div class="circle1"></div>
                <div class="circle2"></div>
                <div class="circle3"></div>
                <div class="circle4"></div>
            </div>
            <div class="spinner-container container2">
                <div class="circle1"></div>
                <div class="circle2"></div>
                <div class="circle3"></div>
                <div class="circle4"></div>
            </div>
        </div>
    </div>
</div>
<!-- END PRELOADER -->

<!--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-->

<!-- START NAV-BAR SECTION -->
<header>
    <div class="logo margin_navbar-logo logo_display">
        <a href="../index-consulting-startup.html">
        <img src="img/logo_img.png" alt="Logo Img"></a>
    </div>
    <div class="my-tog-btn">
        <span></span>
        <span></span>
        <span></span>
    </div>

    <!-- NAV-BAR FOR LARGE SCREEN -->
    <nav id="my-nav1" class="navbar navbar-expand-sm navbar-light">
        <div class="container">
            <div class="logo">
                <a href="../index-consulting-startup.html" class="scroll"><img src="img/logo_img.png" alt="Logo Img"></a>
            </div>
            <div class="collapse navbar-collapse" id="navbarSupportedContent1" >
                <div class="collapse navbar-collapse">
                    <ul class="navbar-nav ml-auto">

                        <li class="nav-item">
                            <a class="seventh nav-link before after" href="../index-consulting-startup.html">Home</a>
                        </li>
                        <li class="nav-item">
                            <a class="seventh nav-link before after" href="about.html">About Us</a>
                        </li>
                        <li class="nav-item">
                            <a class="seventh nav-link before after active" href="#">Services</a>
                        </li>
                        <li class="nav-item">
                            <a class="seventh nav-link before after" href="projects.html">Projects</a>
                        </li>
                        <li class="nav-item">
                            <a class="seventh nav-link before after" href="prices.html">Our Prices</a>
                        </li>
                        <li class="nav-item">
                            <a class="seventh nav-link before after" href="blog.html">Blog</a>
                        </li>
                        <li class="nav-item">
                            <a class="seventh nav-link before after" href="contact-us.html">Contact Us</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </nav>

    <!--MODEL WINDOW FOR NAV-BAR-->
    <div class="outer-window">
        <div class="navbar_small">
            <a class="close-outerwindow"><i class="lni-close"></i>
            </a>
            <div class="logo">
                <a href="../index-consulting-startup.html"><img src="img/logo_img.png" alt="Logo Img"></a>
            </div>
        </div>
        <nav class="navbar1">
            <ul class="navbar-nav">
                <li class="nav-item animation1"><a class="nav-link" href="../index-consulting-startup.html">Home</a></li>
                <li class="nav-item animation1"><a class="nav-link" href="about.html">About Us</a></li>
                <li class="nav-item animation1"><a class="nav-link active " href="services.html">Services</a></li>
                <li class="nav-item animation1"><a class="nav-link" href="projects.html">Projects</a></li>
                <li class="nav-item animation1"><a class="nav-link active" href="prices.html">Our Prices</a></li>
                <li class="nav-item animation1"><a class="nav-link" href="blog.html">Blog</a></li>
                <li class="nav-item animation1"><a class="nav-link" href="contact-us.html">Contact Us</a></li>
            </ul>
        </nav>
    </div>
</header>

<!-- START HEADER IMAGE -->
<div class="header1_img">
    <div class="overlay">
        <div class="header_tittle">
            <p class="header_tittle1">Our Services</p>
            <p class="header_tittle2">Lorem ipsum dolor sit amet, consectetur elit.</p>
        </div>
    </div>
</div>
<!-- END HEADER IMAGE -->

 <!-- START COUNTER SECTION -->
<section id="counters" class="counters padding-down">
    <div class="container">
        <div class="row wow fadeInUp" data-wow-delay="700ms" data-wow-duration="0.8s" style="visibility: visible; animation-delay: 700ms; animation-name: fadeInUp;">
            <div class="counter-heading">
                <p class="colored_heading">Don't take our words</p>
                <h1 class="heading_mainc margin_heading">Corex Experience in Numbers</h1>
                <p class="info info_width">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                    labore et dolore magna aliqua. Ut enim veniam,laboris nisi
                    in voluptate velit esse cillum.</p>
            </div>
        </div>
        <div class="row wow fadeInUp" data-wow-delay="800ms" data-wow-duration="1s" style="visibility: visible; animation-delay: 800ms; animation-name: fadeInUp;">
            <!-- Counter-1 -->
            <div class="col-12 col-md-4 col-lg-4">
                <div class="wrapper">
                    <div class="counter">
                        <i class="las la-smile counter_icon"></i>
                        <span class="timer count-title count-number" data-to="4500" data-speed="1000"></span> <i class="las la-plus counter_plus"></i>
                    </div>
                    <p class="count-text">Satisfied Customers</p>
                </div>
            </div>
            <!-- Counter-2 -->
            <div class="col-12 col-md-4 col-lg-4">
                <div class="wrapper">
                    <div class="counter">
                        <i class="las la-mail-bulk counter_icon"></i>
                        <span class="timer count-title count-number" data-to="1000" data-speed="500"></span> <i class="las la-plus counter_plus"></i>
                    </div>
                    <p class="count-text ">Projects Completed</p>
                </div>
            </div>
            <!-- Counter-3 -->
            <div class="col-12 col-md-4 col-lg-4">
                <div class="wrapper">
                    <div class="counter">
                        <i class="las la-user-plus counter_icon"></i>
                        <span class="timer count-title count-number" data-to="300" data-speed="500"></span><i class="las la-plus counter_plus"></i>
                    </div>
                    <p class="count-text ">Team Experts</p>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END COUNTER SECTION -->

<!-- START DETAIL SECTION -->
<div id="detail_process" class="detail_process">
    <!-- First Row -->
    <div class="row no-gutters">
        <div class="col-sm-12 col-lg-6 overflow-hidden">
             <div class="process_image figure wow slideInLeft" data-wow-delay="900ms" data-wow-duration="0.8s" style="visibility: visible; animation-delay: 700ms; animation-name: slideInLeft;">
                <img src="img/services/process3.jpg" alt="process image">
             </div>
        </div>
        <div class="col-sm-12 col-lg-6 margin-col">
            <div class="process_text wow slideInRight" data-wow-delay="900ms" data-wow-duration="0.8s" style="visibility: visible; animation-delay: 700ms; animation-name: slideInRight;">
                <p class="colored_heading">Our Services</p>
                <h1 class="main_heading margin_heading heading_font_sm width">Planning & Strategy of Investment</h1>
                <p class="info info_width">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                    labore et dolore magna aliqua. Ut enim veniam, quis nostrud elit, sed do eiusmod tempor incididunt ut.</p>
            </div>
        </div>
    </div>
    <!-- Second Row -->
    <div class="row no-gutters">
        <div class="col-sm-12 col-lg-6 order-lg-2 overflow-hidden">
            <div class="process_image figure wow slideInRight" data-wow-delay="900ms" data-wow-duration="0.8s" style="visibility: visible; animation-delay: 700ms; animation-name: slideInRight;">
                <img src="img/services/process1.jpg" alt="process image">
            </div>
        </div>
        <div class="col-sm-12 col-lg-6 order-lg-1 margin-col">
            <div class="process_text wow slideInLeft" data-wow-delay="900ms" data-wow-duration="0.8s" style="visibility: visible; animation-delay: 700ms; animation-name: slideInLeft;">
                <p class="colored_heading">Our Services</p>
                <h1 class="main_heading margin_heading heading_font_sm width">Offering Business Opportunities</h1>
                <p class="info info_width">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                    labore et dolore magna aliqua. Ut enim veniam, quis nostrud elit, sed do eiusmod tempor incididunt ut.</p>
            </div>
        </div>
    </div>
    <!-- Third Row -->
    <div class="row no-gutters">
        <div class="col-sm-12 col-lg-6 overflow-hidden">
            <div class="process_image figure wow slideInLeft" data-wow-delay="900ms" data-wow-duration="0.8s" style="visibility: visible; animation-delay: 700ms; animation-name: slideInLeft;">
                <img src="img/services/process2.jpg" alt="process image">
            </div>
        </div>
        <div class="col-sm-12 col-lg-6 margin-col">
            <div class="process_text wow slideInRight" data-wow-delay="900ms" data-wow-duration="0.8s" style="visibility: visible; animation-delay: 700ms; animation-name: slideInRight;">
                <p class="colored_heading">Our Services</p>
                <h1 class="main_heading margin_heading heading_font_sm width">Digital Advisory & Consultation </h1>
                <p class="info info_width">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                    labore et dolore magna aliqua. Ut enim veniam, quis nostrud elit, sed do eiusmod tempor incididunt ut.</p>
            </div>
        </div>
    </div>
    <!-- Fourth Row -->
    <div class="row no-gutters">
        <div class="col-sm-12 col-lg-6 order-lg-2 overflow-hidden">
            <div class="process_image figure wow slideInRight" data-wow-delay="900ms" data-wow-duration="0.8s" style="visibility: visible; animation-delay: 700ms; animation-name: slideInRight;">
                <img src="img/services/process4.jpg" alt="process image">
            </div>
        </div>
        <div class="col-sm-12 col-lg-6 order-lg-1 margin-col">
            <div class="process_text wow slideInLeft" data-wow-delay="900ms" data-wow-duration="0.8s" style="visibility: visible; animation-delay: 700ms; animation-name: slideInLeft;">
                <p class="colored_heading">Our Services</p>
                <h1 class="main_heading margin_heading heading_font_sm width">Business Planning & Consultion</h1>
                <p class="info info_width">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                    labore et dolore magna aliqua. Ut enim veniam, quis nostrud elit, sed do eiusmod tempor incididunt ut.</p>
            </div>
        </div>
    </div>
</div>
<!-- END DETAIL SECTION -->

<!-- START CONTACT SECTION -->
<section id="contact" class="padding-top">
    <div class="container">
        <div class="row">
            <div class="col-12 wow fadeInUp" data-wow-delay="600ms" data-wow-duration="1.3s" style="visibility: visible; animation-delay: 700ms; animation-name: fadeInUp;">
                <div class="contact_text">
                    <p class="colored_heading">Let's Get Started</p>
                    <h1 class="heading margin_heading heading_font_sm">Want To Collaborate?</h1>
                    <p class="info info_width contact_margin">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
                        labore et dolore magna aliqua. Ut enim veniam, quis nostrud exercitation consectetur adipiscing elit, sed do eiusmod tempor incididunt ut.</p>
                    <a href="contact-us.html" class="btn btn-large btn-primary margin_button">Start Now</a>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- END CONTACT SECTION -->

<!-- START MAP SECTION -->
<div id="map" class="map padding-up">
    <div class="row">
        <div class="col-12">
            <div class="mapouter">
                <div class="gmap_canvas">
                    <iframe class="map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3333.9674103770367!2d-111.89998968532109!3d33.31966746342612!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMzPCsDE5JzEwLjgiTiAxMTHCsDUzJzUyLjEiVw!5e0!3m2!1sen!2s!4v1573716071790!5m2!1sen!2s" width="600" height="450" style="border:0;" allowfullscreen=""></iframe>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END MAP SECTION -->

<!-- START FOOTER SECTION -->
<footer id="footer" class="footer padding-up">
    <div class="container">
        <div class="row">
            <div class="col-12 text-center">
                <ul class="footer_ul">
                    <li class="footer_list"><i class="lab la-facebook-f"></i></li>
                    <li class="footer_list"><i class="lab la-twitter"></i></li>
                    <li class="footer_list"><i class="lab la-google-plus"></i></li>
                    <li class="footer_list"><i class="lab la-linkedin-in"></i></li>
                    <li class="footer_list"><i class="lab la-instagram"></i></li>
                    <li class="footer_list"><i class="las la-envelope"></i></li>
                </ul>
                <p class="info footer_text"><i class="far fa-copyright"></i>2020 MegaOne. Made with love by Themeindustry</p>
            </div>
        </div>
    </div>
</footer>
<!-- END FOOTER SECTION -->

<!-- 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/jquery.cubeportfolio.min.js"></script>
<script src="../vendor/js/wow.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>
<!-- Custom Script -->
<script src="js/script.js"></script>
</body>
</html>



web shell, Coded By 2019