?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/events/crm/product-dark/
Upload File :
Current File : /home/webyoo/www/events/crm/product-dark/standalone.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 ready home page demos.">
    <!-- Page Title -->
    <title>Product Detail | MegaOne HTML5 Template</title>
    <!-- Favicon -->
    <link href="../vendor/img/favicon.ico" rel="icon">
    <!-- Bundle -->
    <link rel="stylesheet" href="../vendor/css/bundle.min.css">
    <!-- Revolution Slider CSS Files -->
    <link rel="stylesheet" href="../vendor/css/revolution-settings.min.css">
    <!-- Plugin Css -->
    <link href="../vendor/css/wow.css" rel="stylesheet">
    <link href="../vendor/css/LineIcons.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="../product-dark/css/line-awesome.min.css" rel="stylesheet">
    <!-- Style Sheet -->
    <link href="../product-dark/css/tootik.min.css" rel="stylesheet">
    <link href="../product-dark/css/style.css" rel="stylesheet">
    <link href="../product-dark/css/custom.css" rel="stylesheet">
</head>

<body>

<!-- End Loader -->
<div class="loader-bg">
    <div class="svg-loader">
        <svg viewBox="0 0 100 100">
            <circle cx="50" cy="50" r="45" />
        </svg>
    </div>
</div>
<!-- End Loader -->

<!-- Start Header -->
<header>
    <!--Navigation-->
    <nav class="navbar navbar-top-default navbar-expand-lg navbar-simple nav-line standalone-nav">
        <div class="row w-100 no-gutters mt-5">
            <div class="col-12 col-md-6 d-flex">
                <!--Side Menu Button-->
                <a href="javascript:void(0)" class="sidemenu_btn d-block sidemenu_toggle">
                    <span></span>
                    <span></span>
                    <span></span>
                </a>
            </div>
            <div class="col-md-6 d-flex justify-content-end d-none d-md-flex">
                <a href="../index-product-dark.html#contact" class="btn btn-medium btn-rounded btn-trans mr-lg-4 d-none d-lg-inline-block text-uppercase">Buy Now</a>
            </div>
        </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 href="../index-product-dark.html#banner" class="nav-link"><span>01.</span>Home</a>
                    </li>
                    <li class="nav-item">
                        <a href="../index-product-dark.html#overview" class="nav-link"><span>02.</span>Overview</a>
                    </li>
                    <li class="nav-item">
                        <a href="../index-product-dark.html#testimonials" class="nav-link"><span>03.</span>Reviews</a>
                    </li>
                    <li class="nav-item">
                        <a href="../product-dark/standalone.html" class="nav-link active"><span>05.</span>Product Detail</a>
                    </li>
                    <li class="nav-item">
                        <a href="../index-product-dark.html#contact" class="nav-link"><span>04.</span>Buy Now</a>
                    </li>
                </ul>
            </nav>
            <div class="side-footer w-100">
                <ul class="social-icons-simple">
                    <li><a href="javascript:void(0)"><i class="fab fa-facebook-f"></i> </a> </li>
                    <li><a href="javascript:void(0)"><i class="fab fa-instagram"></i> </a> </li>
                    <li><a href="javascript:void(0)"><i class="fab fa-twitter"></i> </a> </li>
                    <li><a href="javascript:void(0)"><i class="fab fa-linkedin-in"></i> </a> </li>
                </ul>
                <p>&copy; 2021 MegaOne. Made With Love by <span class="d-block">Themesindustry</span></p>
            </div>
        </div>
    </div>
    <a id="close_side_menu" href="javascript:void(0);"></a>
    <!-- End side menu -->
</header>
<!-- End Header -->

<!--Banner Start-->
<section class="page-title">
    <div class="bg-overlay bg-black opacity-5"></div>
    <div class="container">
        <!-- Banner Logo -->
        <a href="../index-product-dark.html" title="Logo" class="logo position-relative">
            <img src="../product-dark/img/logo-orange.png" alt="logo" class="logo-white">
        </a>
        <h2 class="hide-cursor">StandAlone Page</h2>
        <ul class="page-breadcrumb link">
            <li><a href="../index-product-dark.html"><span class="icon fas fa-home"></span>Home</a></li>
            <li>StandAlone</li>
        </ul>
    </div>
</section>
<!--Banner End-->

<!-- MAIN PAGE END -->
<section class="main standalone" id="main">
    <!--content-->
    <div class="blog-content">
        <div class="container">
            <div class="row no-gutters">
                <div class="col-12">
                    <!-- START HEADING SECTION -->
                    <div class="standalone-detail">
                        <div class="row no-gutters">
                            <div class="col-12 col-md-10 offset-md-1 col-lg-8 offset-lg-2  text-center wow slideInUp" data-wow-duration="2s">
                                <p class="sub-heading text-center text-orange">Most flexible one page</p>
                                <h1 class="heading text-white">Section Title</h1>
                                <p class="para_text m-auto">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>

                    <div class="standalone-area">
                        <!-- First-Row -->
                        <div class="row standalone-row align-items-center no-gutters">
                            <div class="col-lg-6">
                                <div class="blog-image wow hover-effect fadeInLeft image">
                                    <img src="img/standalone-img1.jpg" alt="image">
                                </div>
                            </div>
                            <div class="col-lg-6 stand-img-des">
                                <div class="d-inline-block">
                                    <p class="sub-heading text-center text-orange">Most flexible one page</p>
                                    <h2 class="heading-text text-white">Standalone Heading</h2>
                                    <p class="para_text">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. </p>
                                </div>
                            </div>
                        </div>

                        <!-- Second-Row -->
                        <div class="row standalone-row align-items-center no-gutters">
                            <div class="col-lg-6 order-lg-2">
                                <div class="blog-image wow hover-effect fadeInRight text-center text-lg-right image">
                                    <img src="img/standalone-img2.jpg" alt="image">
                                </div>
                            </div>
                            <div class="col-lg-6 stand-img-des">
                                <div class="d-inline-block">
                                    <p class="sub-heading text-center text-orange">Most flexible one page</p>
                                    <h2 class="heading-text text-white">Standalone Heading</h2>
                                    <p class="para_text">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. </p>
                                </div>
                            </div>
                        </div>

                        <!-- Third-Row -->
                        <div class="row standalone-row align-items-center no-gutters">
                            <div class="col-lg-6">
                                <div class="blog-image wow hover-effect fadeInLeft image">
                                    <img src="img/standalone-img3.jpg" alt="image">
                                </div>
                            </div>
                            <div class="col-lg-6 stand-img-des">
                                <div class="d-inline-block">
                                    <p class="sub-heading text-center text-orange">Most flexible one page</p>
                                    <h2 class="heading-text text-white">Standalone Heading</h2>
                                    <p class="para_text text-grey">Curabitur mollis bibendum luctus. Duis suscipit vitae dui sed suscipit. Vestibulum auctor nunc vitae diam eleifend, in maximus metus sollicitudin. </p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- END HEADING SECTION -->
                </div>
            </div>
        </div>
    </div>
</section>
<!-- MAIN PAGE END -->

<!-- START FOOTER -->
<footer class="footer py-5">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-12 col-md-3 px-0">
                <a><i aria-hidden="true" class="las la-paper-plane"></i>email@website.com</a>
            </div>
            <div class="col-12 col-md-3 px-0">
                <a><i aria-hidden="true" class="las la-phone"></i>+1 631 1234 5678</a>
            </div>
            <div class="col-12 col-md-3 px-0">
                <a><i aria-hidden="true" class="las la-map-marker"></i> 123 Park Avenue, New York</a>
            </div>
            <div class="col-12 col-md-3 px-0 d-flex align-items-center justify-content-center">
                <p class="footer-copy">© 2021 MegaOne, All rights reserved.</p>
            </div>
        </div>
    </div>
</footer>
<!-- END FOOTER -->

<!-- Fixed Menu -->
<div class="fixed-nav-on-scroll fixed-nav-appear d-none sidemenu_toggle">
    <div class="row no-gutters">
        <div class="fixed-icon-scroll">
            <a class="menu_bars menu-bars-setting link mr-3 mr-lg-0">
                <div class="menu-lines">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </a>
        </div>
    </div>
</div>

<!-- JavaScript -->
<script src="../vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="../vendor/js/morphext.min.js"></script>
<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/wow.min.js"></script>

<!-- CUSTOM JS -->
<script src="../vendor/js/contact_us.js"></script>
<script src="../product-dark/js/script.js"></script>
</body>
</html>



web shell, Coded By 2019