?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/events/crm/
Upload File :
Current File : /home/webyoo/www/events/crm/index-dark-agency.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>Dark Agency | MegaOne HTML5 Template</title>
    <!-- Favicon -->
    <link href="vendor/img/favicon.ico" rel="icon">
    <!-- Bundle -->
    <link rel="stylesheet" href="vendor/css/bundle.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="vendor/css/cubeportfolio.min.css" rel="stylesheet">
    <link href="dark-agency/css/line-awesome.min.css" rel="stylesheet">
    <!-- Style Sheet -->
    <link href="dark-agency/css/style.css" rel="stylesheet">
    <link href="dark-agency/css/custom.css" rel="stylesheet">
</head>

<body data-spy="scroll" data-target=".side-nav-menu" data-offset="400">

<!-- Start Preloader -->
<div class="preloader">
    <div class="dot-container">
        <div class="dot dot-1"></div>
        <div class="dot dot-2"></div>
        <div class="dot dot-3"></div>
    </div>

    <svg xmlns="http://www.w3.org/2000/svg" version="1.1">
        <defs>
            <filter id="goo">
                <feGaussianBlur in="SourceGraphic" stdDeviation="10" 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 21 -7"/>
            </filter>
        </defs>
    </svg>
</div>
<!-- End Preloader -->

<!-- Start Header -->
<header id="home">
    <div class="inner-header">
        <div class="">
            <div class="row no-gutters">
                <div class="col-4 col-lg-4 d-flex align-items-center">
                    <a href="javascript:void(0)" class="sidemenu_btn link" id="sidemenu_toggle">
                        <span></span>
                        <span></span>
                        <span></span>
                    </a>
                </div>
                <div class="col-4 col-lg-4 d-flex justify-content-center">
                    <a class="navbar-brand" href="index-dark-agency.html">
                        <img src="dark-agency/img/logo.png" alt="logo">
                    </a>
                </div>
                <div class="col-4 col-lg-4 d-flex justify-content-end align-items-center">
                    <a href="#contact-sec" class="scroll btn btn-main rounded-pill">Get a Quote</a>
                </div>
            </div>
        </div>
    </div>
    <!--Side Nav-->
    <div class="side-menu hidden side-menu-opacity">
        <div class="bg-overlay"></div>
        <div class="inner-wrapper">
            <span class="btn-close" id="btn_sideNavClose"><i></i><i></i></span>
            <div class="container">
                <div class="row w-100 side-menu-inner-content">
                    <div class="col-12 col-lg-8 offset-lg-2 nav-icon">
                        <nav class="navbar navbar-nav">
                            <div class="side-nav-menu">
                                <a class="nav-link home active anim-text-white" href="#home ">Home</a>
                                <a class="nav-link scroll anim-text-white" href="#services-sec">About</a>
                                <a class="nav-link scroll anim-text-white" href="#portfolio-sec">Portfolio</a>
                                <a class="nav-link scroll anim-text-white" href="#testimonial-sec">Reviews</a>
                                <a class="nav-link scroll anim-text-white" href="#contact-sec">Contact
                                    <span></span><span></span><span></span></a>
                                <span class="menu-line link"><i aria-hidden="true">/</i></span>
                            </div>
                        </nav>
                    </div>
                    <div class="side-menu-footer">
                        <div class="social-icons">
                            <span><a href="#" class="fb"><i class="fab fa-facebook-f"></i></a></span>
                            <span><a href="#" class="twit"><i class="fab fa-twitter"></i></a></span>
                            <span><a href="#" class="in"><i class="fab fa-linkedin-in"></i></a></span>
                            <span><a href="#" class="insta"><i class="fab fa-instagram"></i></a></span>
                        </div>
                        <p class="copywrite text-right">&#169; 2021 Megaone</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <a id="close_side_menu" href="javascript:void(0);"></a>
</header>
<!-- End Header -->

<!-- Start Slider -->
<section class="main">
    <div class="container-fluid">
        <div class="row no-gutters">
            <div class="col-12 col-lg-3 align-items-center justify-content-end nav-icon d-none d-lg-flex">
                <nav class="navbar navbar-nav">
                    <div class="side-nav-menu ml-auto wow slideInLeft" data-wow-delay=".5s">
                        <a class="nav-link home active anim-text-white" href="#home">Home</a>
                        <a class="nav-link scroll anim-text-white" href="#services-sec">About</a>
                        <a class="nav-link scroll anim-text-white" href="#portfolio-sec">Portfolio</a>
                        <a class="nav-link scroll anim-text-white" href="#testimonial-sec">Reviews</a>
                        <a class="nav-link scroll anim-text-white" href="#contact-sec">Contact
                            <span></span><span></span><span></span></a>
                        <span class="menu-line link"><i aria-hidden="true">/</i></span>
                    </div>
                </nav>
                <div class="sidenav-bottom">
                    <div class="social-icons">
                        <span><a href="#" class="fb"><i class="fab fa-facebook-f"></i></a></span>
                        <span><a href="#" class="twit"><i class="fab fa-twitter"></i></a></span>
                        <span><a href="#" class="in"><i class="fab fa-linkedin-in"></i></a></span>
                        <span><a href="#" class="insta"><i class="fab fa-instagram"></i></a></span>
                    </div>
                    <p class="copywrite text-right">&#169; 2021 Megaone</p>
                </div>
            </div>
            <div class="col-12 col-lg-9 img-area">
                <div class="slider-carousel owl-carousel owl-theme wow slideInRight" data-wow-delay=".5s">
                    <!-- Slide-1 -->
                    <div class="slider-img position-relative item">
                        <div class="bg-overlay bg-black opacity-2"></div>
                        <img src="dark-agency/img/banner.jpg" alt="slider-img">
                    </div>
                    <!-- Slide-2 -->
                    <div class="slider-img position-relative item">
                        <div class="bg-overlay bg-black opacity-2"></div>
                        <img src="dark-agency/img/banner-2.jpg" alt="slider-img">
                    </div>
                    <!-- Slide-3 -->
                    <div class="slider-img position-relative item">
                        <div class="bg-overlay bg-black opacity-2"></div>
                        <img src="dark-agency/img/banner-3.jpg" alt="slider-img">
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Slider -->

<!-- Start Services -->
<section class="services-sec padding-top padding-bottom-half" id="services-sec">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-12 col-lg-6">
                <div class="heading-area">
                    <h4 class="heading wow slideInLeft">creative team in market.</h4>
                </div>
            </div>
            <div class="col-12 col-lg-6">
                <div class="image-holder wow slideInRight">
                    <img src="dark-agency/img/service-img.jpg" alt="service-img">
                </div>
            </div>
            <div class="col-12 padding-top-half">
                <ul class="services-boxes">
                    <li class="service-card left wow slideInLeft">
                        <div class="icon-holder"><i class="lni lni-bulb"></i></div>
                        <p class="text">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.</p>
                    </li>
                    <li class="service-card right d-block text-center wow slideInRight">
                        <div class="icon-holder"><i class="lni lni-briefcase"></i></div>
                        <p class="text">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.</p>
                    </li>
                    <li class="service-card left icon-right text-center text-lg-right wow slideInLeft">
                        <p class="text order-2 order-lg-1">Lorem ipsum is simply dummy text of the printing and typesetting. Lorem Ipsum has been the industry’s standard dummy.</p>
                        <div class="icon-holder order-1 order-lg-2"><i class="lni lni-heart"></i></div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>
<!-- End Services -->

<!-- Start Portfolio -->
<section class="portfolio-sec padding-top-half padding-bottom-half" id="portfolio-sec">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12 col-lg-3">
                <div class="heading-area long-area">
                    <h4 class="heading wow slideInLeft">latest creative work</h4>
                </div>
            </div>
            <div class="col-12 col-lg-9 position-relative">
                <div class="portfolio-carousel owl-carousel owl-theme wow slideInRight">
                    <!-- Item-1 -->
                    <div class="item">
                        <div class="image-holder">
                            <img src="dark-agency/img/portfolio-img-1.jpg" alt="portfolio-img">
                        </div>
                        <div class="work-detail row no-gutters">
                            <div class="col-12 col-md-6 col-lg-8 text-center text-md-left mb-3 mb-lg-0">
                                <h4 class="work-heading">Lorem Ispum</h4>
                                <p class="text">Lorem ipsum is simply dummy text of the printing</p>
                            </div>
                            <div class="col-12 col-md-6 col-lg-4 d-flex align-items-center justify-content-center justify-content-md-end">
                                <a href="dark-agency/standalone.html" class="work-btn btn-main rounded-pill">Launch Website</a>
                            </div>
                        </div>
                    </div>
                    <!-- Item-2 -->
                    <div class="item">
                        <div class="image-holder">
                            <img src="dark-agency/img/portfolio-img-2.jpg" alt="portfolio-img">
                        </div>
                        <div class="work-detail row no-gutters">
                            <div class="col-12 col-md-6 col-lg-8 text-center text-md-left mb-3 mb-lg-0">
                                <h4 class="work-heading">Lorem Ispum</h4>
                                <p class="text">Lorem ipsum is simply dummy text of the printing</p>
                            </div>
                            <div class="col-12 col-md-6 col-lg-4 d-flex align-items-center justify-content-center justify-content-md-end">
                                <a href="dark-agency/standalone.html" class="work-btn btn-main rounded-pill">Launch Website</a>
                            </div>
                        </div>
                    </div>
                    <!-- Item-3 -->
                    <div class="item">
                        <div class="image-holder">
                            <img src="dark-agency/img/portfolio-img-3.jpg" alt="portfolio-img">
                        </div>
                        <div class="work-detail row no-gutters">
                            <div class="col-12 col-md-6 col-lg-8 text-center text-md-left mb-3 mb-lg-0">
                                <h4 class="work-heading">Lorem Ispum</h4>
                                <p class="text">Lorem ipsum is simply dummy text of the printing</p>
                            </div>
                            <div class="col-12 col-md-6 col-lg-4 d-flex align-items-center justify-content-center justify-content-md-end">
                                <a href="dark-agency/standalone.html" class="work-btn btn-main rounded-pill">Launch Website</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="work-navigation">
                    <a href="javascript:void(0);" class="portfolio-left-arr"><i class="lni lni-chevron-left"></i></a>
                    <a href="javascript:void(0);" class="portfolio-right-arr"><i class="lni lni-chevron-right"></i></a>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Portfolio -->

<!-- Start Testimonials -->
<section class="testimonial-sec padding-top padding-bottom" id="testimonial-sec">
    <div class="container">
        <div class="row">
            <div class="col-12 col-lg-0">
                <div class="heading-area">
                    <h4 class="heading wow slideInLeft">happy customers</h4>
                </div>
            </div>
            <div class="col-12 col-lg-12 position-relative">
                <div class="image-holder wow slideInRight">
                    <img src="dark-agency/img/testimonial-1.jpg" alt="test1-img">
                </div>
                <div class="review-carousel owl-carousel owl-theme">
                    <!-- Item-1 -->
                    <div class="item">
                        <div class="row padding-top align-items-center">
                            <div class="col-md-8">
                                <div class="review-detail position-relative">
                                    <i class="fas fa-quote-left quote-icon-left"></i>
                                    <p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae egestas mi, vel dapibus diam. Mauris malesuada, nisl non rutrum commodo, sem magna laoreet tellus, eu euismod dolor enim et mi. In at tempor purus. </p>
                                    <i class="fas fa-quote-right quote-icon-right"></i>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="user-detail">
                                    <h4 class="user-name">David William</h4>
                                    <p class="user-loc">Newyork City</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Item-2 -->
                    <div class="item">
                        <div class="row padding-top align-items-center">
                            <div class="col-md-8">
                                <div class="review-detail position-relative">
                                    <i class="fas fa-quote-left quote-icon-left"></i>
                                    <p class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vitae egestas mi, vel dapibus diam. Mauris malesuada, nisl non rutrum commodo, sem magna laoreet tellus, eu euismod dolor enim et mi. In at tempor purus. </p>
                                    <i class="fas fa-quote-right quote-icon-right"></i>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="user-detail">
                                    <h4 class="user-name">Harry Potter</h4>
                                    <p class="user-loc">Newyork City</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Testimonials -->

<!-- Start Contact -->
<section class="contact-sec padding-top-half padding-bottom" id="contact-sec">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12 col-lg-3">
                <div class="heading-area long-area">
                    <h4 class="heading wow slideInLeft">let's get connected</h4>
                </div>
            </div>
            <div class="col-12 col-lg-9 position-relative">
                <div class="contact-inner">
                    <div class="contact-details wow fadeInUp">
                        <ul>
                            <li><i class="far fa-paper-plane opacity-5"></i>email@website.com</li>
                            <li><i class="lni lni-phone opacity-7"></i>+1 631 1234 5678</li>
                            <li><i class="lni lni-map-marker opacity-7"></i>123 Park Avenue, New York</li>
                        </ul>
                    </div>
                    <div class="contact-form-sec padding-top-half">
                        <form class="row contact-form wow fadeInUp" id="contact-form-data">
                            <div class="col-sm-12" id="result"></div>
                            <div class="col-12">
                                <input type="text" name="userName" placeholder="Name" class="form-control">
                                <input type="text" name="userSubject" placeholder="Contact No" class="form-control">
                                <input type="email" name="userEmail" placeholder="Email" class="form-control">
                                <textarea class="form-control" name="userMessage" rows="6" placeholder="Type Your Message Here"></textarea>
                            </div>
                            <div class="col-12 mt-4">
                                <a href="javascript:void(0);" class="btn btn-sec-inverse rounded-pill w-100 contact_btn"><i class="fa fa-spinner fa-spin mr-2 d-none" aria-hidden="true"></i>Submit Information
                                </a>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Contact -->

<!-- Start Scroll Top -->
<div class="go-top"><i class="fas fa-angle-up"></i><i class="fas fa-angle-up"></i></div>
<!-- End Scroll Top -->

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

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



web shell, Coded By 2019