?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/events/crm/
Upload File :
Current File : /home/webyoo/www/events/crm/elements-button.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>Button | MegaOne HTML5 Template</title>
    <!-- Favicon -->
    <link href="vendor/img/favicon.ico" rel="icon">
    <!-- Bundle -->
    <link rel="stylesheet" href="vendor/css/bundle.min.css">
    <link href="vendor/css/LineIcons.min.css" rel="stylesheet">
    <link href="vendor/css/line-awesome.min.css" rel="stylesheet">
    <link href="vendor/css/megamenu.css" rel="stylesheet">

    <!-- Style Sheet -->
    <link href="vendor/css/elements.css" rel="stylesheet">
</head>
<!-- Js Files -->
<script src="vendor/js/bundle.min.js"></script>
<script src="vendor/js/jquery.appear.js"></script>

<body>

<!-- Start Element Heading -->
<section id="elements" class="ui-element bg-light-gray">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="main-title wow fadeIn" data-wow-delay="300ms">
                    <div class="main-title-opacity-text"> <h1 class="d-flex justify-content-center">Elements </h1> </div>
                    <h1 class="color-purple heading-tooltip-number position-relative d-inline-block">Elements </h1>
                    <h2 class="color-black"> Button UI Blocks </h2>
                    <p class="color-black font-weight-500 text-uppercase">Power up your pages with these elements. Each element comes with a variety of options for your choice.</p>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Element Heading -->

<!-- Start Header -->
<header class="megamenu mega-elements pt-5">
    <nav class="navbar navbar-top-default navbar-expand-lg static-nav transparent-bg fixed-menu">
        <div class="container container-width">
            <div id="menu" class="collapse navbar-collapse d-none d-lg-block mod-menu">
                <ul class="nav navbar-nav mx-auto">
                    <li class="nav-item"> <a href="elements-info.html" target="_blank" class="nav-link link">Info Blocks</a></li>
                    <li class="nav-item"> <a href="elements-team.html" target="_blank" class="nav-link link">Team Blocks</a></li>
                    <li class="nav-item"> <a href="index-elements-portfolio.html" target="_blank" class="nav-link link">Portfolio Blocks</a></li>
                    <li class="nav-item"> <a href="elements-pricing.html" target="_blank" class="nav-link link">Pricing Blocks</a></li>
                    <li class="nav-item mega-menu active"> <a href="javascript:void(0)" class="nav-link dropdown-arrow">Others <i class="fas fa-angle-down"></i></a>
                        <ul class="hide-cursor bg-white text-left">
                            <li class="p-0">
                                <ul>
                                    <li> <a class="dropdown-items" target="_blank" href="elements-counter.html">Counter Blocks</a> </li>
                                    <li> <a class="dropdown-items" target="_blank" href="elements-quote.html">Quote Blocks</a> </li>
                                </ul>
                            </li>
                            <li class="p-0">
                                <ul>
                                    <li> <a class="dropdown-items" target="_blank" href="elements-footer.html">Footer Blocks</a> </li>
                                    <li> <a class="dropdown-items active" target="_blank" href="elements-button.html">Button Blocks</a> </li>
                                </ul>
                            </li>

                            <li class="p-0">
                                <ul>
                                    <li> <a class="dropdown-items" target="_blank" href="elements-testimonials.html">Testimonial Blocks</a> </li>
                                    <li> <a class="dropdown-items" target="_blank" href="elements-typography.html">Typography Blocks</a> </li>
                                    <li> <a class="dropdown-items" target="_blank" href="elements-blog.html">Blog Blocks</a> </li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>

            <!-- side menu open button -->
            <a class="menu_bars d-inline-block d-lg-none menu-bars-setting" id="sidemenu_toggle">
                <div class="menu-lines">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
            </a>
        </div>
    </nav>

    <!-- Side Menu -->
    <div class="side-menu d-none">
        <div class="inner-wrapper nav-icon">
            <span class="btn-close link" id="btn_sideNavClose"></span>
            <nav class="side-nav w-100">
                <div class="position-relative">
                    <!-- Main Menu -->
                    <div class="navbar-nav side-main-menu">
                        <a class="nav-link" href="elements-info.html">Info Blocks</a>
                        <a class="nav-link" href="elements-team.html">Team Blocks</a>
                        <a class="nav-link" href="elements-quote.html">Portfolio Blocks</a>
                        <a class="nav-link" href="elements-quote.html">Pricing Blocks</a>
                        <a class="nav-link active sidenav-arrow multi-item1" href="javascript:void(0)">Others <i class="fas fa-angle-right"></i></a>
                    </div>
                    <!-- Home Section Sub Menu -->
                    <div class="navbar-nav sub-multi-item1">
                        <a class="nav-link sidenav-arrow item1" href="javascript:void(0)">Demos 1 <i class="fas fa-arrow-right"></i></a>
                        <a class="nav-link sidenav-arrow item2" href="javascript:void(0)">Demos 2 <i class="fas fa-arrow-right"></i></a>
                        <a class="nav-link sidenav-arrow item3" href="javascript:void(0)">Demos 3 <i class="fas fa-arrow-right"></i></a>

                        <a class="nav-link arrow-back back-main" href="javascript:void(0)"><i class="fas fa-angle-left"></i>Back</a>
                    </div>
                    <!-- Home Section Inner Menu -->
                    <div class="navbar-nav inner-multi-item1 item1">
                        <a class="nav-link" target="_blank" href="elements-blog.html">Testimonial Blocks</a>
                        <a class="nav-link" target="_blank" href="elements-counter.html">Typography Blocks</a>
                        <a class="nav-link" target="_blank" href="elements-button.html">Blog Blocks</a>

                        <a class="nav-link arrow-back back" href="javascript:void(0)"><i class="fas fa-angle-left"></i>Back</a>
                        <a class="nav-link arrow-back back-main" href="javascript:void(0)">Back To Main</a>
                    </div>
                    <div class="navbar-nav inner-multi-item1 item2">
                        <a class="nav-link" target="_blank" href="elements-testimonials.html">Footer Blocks</a>
                        <a class="nav-link" target="_blank" href="elements-footer.html">Button Blocks</a>

                        <a class="nav-link link arrow-back back" href="javascript:void(0)"><i class="fas fa-angle-left"></i>Back</a>
                        <a class="nav-link arrow-back back-main" href="javascript:void(0)">Back To Main</a>
                    </div>

                    <div class="navbar-nav inner-multi-item1 item3">
                        <a class="nav-link" target="_blank" href="index-elements-portfolio.html">Counter Blocks</a>
                        <a class="nav-link" target="_blank" href="elements-typography.html">Quote Blocks</a>

                        <a class="nav-link arrow-back back" href="javascript:void(0)"><i class="fas fa-angle-left"></i>Back</a>
                        <a class="nav-link arrow-back back-main" href="javascript:void(0)">Back To Main</a>
                    </div>

                </div>
            </nav>
            <div class="side-footer text-white w-100">
                <ul class="social-icons-simple">
                    <li class="side-menu-icons animated-wrap pb-0"><a class="animated-element" href="javascript:void(0)"><i class="ti ti-facebook color-white"></i> </a> </li>
                    <li class="side-menu-icons animated-wrap pb-0"><a class="animated-element" href="javascript:void(0)"><i class="ti ti-instagram color-white"></i> </a> </li>
                    <li class="side-menu-icons animated-wrap pb-0"><a class="animated-element" href="javascript:void(0)"><i class="ti ti-twitter color-white"></i> </a> </li>
                </ul>
                <p class="text-white">&copy; 2021 MegaOne. Made With Love by Themesindustry</p>
            </div>
        </div>
    </div>
    <a id="close_side_menu" href="javascript:void(0);"></a>
    <!-- Side Menu -->
</header>
<!-- End Header -->


<!-- Start ui-block-01 -->
<div class="ui-block-01 button">
    <div class="col-12">
    <a href="javascript:void(0);" class="btn anim-btn rounded-pill">LEARN MORE
        <span></span><span></span><span></span><span></span>
    </a>
    </div>
</div>
<!-- End ui-block-01 -->

<hr>

<!-- Start ui-block-02 -->
<div class="ui-block-02 button">
    <div class="col-12">
        <a  href="javascript:void(0);" class="btn btn-medium btn-rounded btn-trans text-capitalize mt-3 mb-5 mb-md-0 content1">View More</a>
    </div>
</div>
<!-- End ui-block-01 -->

<hr>

<!-- Start ui-block-03 -->
<div class="ui-block-03 button">
    <div class="col-12">
    <a class="btn btn-large btn-rounded btn-pink btn-hvr-blue mt-3" href="javascript:void(0);">Learn
        More
        <div class="btn-hvr-setting">
            <ul class="btn-hvr-setting-inner">
                <li class="btn-hvr-effect"></li>
                <li class="btn-hvr-effect"></li>
                <li class="btn-hvr-effect"></li>
                <li class="btn-hvr-effect"></li>
            </ul>
        </div>
    </a>
    </div>
</div>
<!-- End ui-block-03 -->

<hr>

<!-- Start ui-block-04 -->
<div class="ui-block-04 button">
    <div class="col-12">
    <a href="javascript:void(0);" class="btn btn-large btn-rounded white-tran-black-btn">Learn More</a>
    </div>
</div>
<!-- End ui-block-04 -->

<hr>

<!-- Start ui-block-05 -->
<div class="ui-block-05 button">
    <div class="col-12">
    <a href="javascript:void(0)" class="btn-setting color-black btn-hvr-up btn-yellow btn-hvr-pink text-white">learn more</a>
    </div>
</div>
<!-- End ui-block-05 -->

<hr>

<!-- Start ui-block-06 -->
<div class="ui-block-06 button">
    <div class="col-12">
    <a href="javascript:void(0)" class="btn secondary-btn rounded-pill">
        LAUNCH DETAILS
    </a>
    </div>
</div>
<!-- End ui-block-06 -->

<hr>

<!-- Start ui-block-07 -->
<div class="ui-block-07 button">
    <div class="col-12">
    <a href="javascript:void(0)" class="btn-setting btn-scale btn-blue text-white">learn more</a>
    </div>
</div>
<!-- End ui-block-07 -->

<hr>

<!-- Start ui-block-08 -->
<div class="ui-block-08 button">
    <div class="col-12">
    <a href="javascript:void(0)" class="btn btn-medium btn-rounded btn-white">Get a Quote</a>
    </div>
</div>
<!-- End ui-block-08 -->

<hr>

<!-- Start ui-block-09 -->
<div class="ui-block-09 button">
    <div class="col-12">
    <a href="javascript:void(0)" class="btn btn-main pink-btn rounded-pill mt-3">Start Now</a>
    </div>
</div>
<!-- End ui-block-09 -->

<hr>

<!-- Start ui-block-10 -->
<div class="ui-block-10 button">
    <div class="col-12">
    <a class="btn button btn-rounded white-btn btn-hvr-white" href="javascript:void(0)">CONTACT ME</a>
    </div>
</div>
<!-- End ui-block-10 -->

<hr>

<!-- Start ui-block-11 -->
<div class="ui-block-11 button">
    <div class="col-12">
    <a class="btn button btn-rounded white-btn scroll" href="javascript:void(0)">
        Get a Quote
    </a>
    </div>
</div>
<!-- End ui-block-11 -->

<hr>

<!-- Start ui-block-12 -->
<div class="ui-block-12 button">
    <div class="col-12">
    <a href="javascript:void(0)" class="btn red-and-white-btn rounded-pill">Book Appointment</a>
    </div>
</div>
<!-- End ui-block-12 -->

<hr>

<!-- Start ui-block-13 -->
<div class="ui-block-13 button">
    <div class="col-12">
    <a class="btn green-btn rounded-pill" href="javascript:void(0)">LEARN MORE
        <span></span><span></span><span></span><span></span>
    </a>
    </div>
</div>
<!-- End ui-block-13 -->

<hr>

<!-- Start ui-block-14 -->
<div class="ui-block-14 button">
    <div class="col-12">
    <a class="btn button btn-rounded btn-white btn-hvr-pink" href="javascript:void(0)">
        Read Full Blog
        <div class="btn-hvr-setting">
            <ul class="btn-hvr-setting-inner">
                <li class="btn-hvr-effect"></li>
                <li class="btn-hvr-effect"></li>
                <li class="btn-hvr-effect"></li>
                <li class="btn-hvr-effect"></li>
            </ul>
        </div>
    </a>
    </div>
</div>
<!-- Start ui-block-14 -->

<hr>

<!-- Start ui-block-15 -->
<div class="ui-block-15 button">
    <div class="col-12">
        <a href="javascript:void(0);" class="btn btn-large btn-rounded btn-purple mr-2 mt-2">Learn More</a>
    </div>
</div>
<!-- Start ui-block-15 -->

<hr>

<!-- Start ui-block-16 -->
<div class="ui-block-16 button">
    <div class="col-12">
    <a href="javascript:void(0);" class="mt-3 btn btn-medium btn-rounded btn-pink">Read Blog</a>
    </div>
</div>
<!-- Start ui-block-16 -->

<hr>

<!-- Start ui-block-17 -->
<div class="ui-block-17 button">
    <div class="col-12">
    <a href="javascript:void(0)" class="btn-button gradient-btn mb-sm-0 mb-4">Learn More</a>
    </div>
</div>
<!-- Start ui-block-17 -->

<hr>

<!-- Start ui-block-18 -->
<div class="ui-block-18 button">
    <div class="col-12">
    <a href="javascript:void(0)" class="btn btn-large trans-btn white-btn">Apply Now</a>
    </div>
</div>
<!-- Start ui-block-18 -->

<hr>

<!-- Start ui-block-19 -->
<div class="ui-block-19 button">
    <div class="col-12">
    <a href="javascript:void(0)" class="btn btn-green btn-large btn-rounded">Read Full Story</a>
    </div>
</div>
<!-- Start ui-block-19 -->

<hr>

<!-- Start ui-block-20 -->
<div class="ui-block-20 button">
    <div class="col-12">
    <a class="btn yellow-and-white-slider-btn" href="javascript:void(0)">READ MORE</a>
    </div>
</div>
<!-- Start ui-block-20 -->

<hr>

<!-- Start ui-block-21 -->
<div class="ui-block-21 button">
    <div class="col-12">
    <a href="javascript:void(0)" class="btn btn-large trans-btn service-btn">Learn More</a>
    </div>
</div>
<!-- Start ui-block-21 -->

<hr>

<!-- Start ui-block-22 -->
<div class="ui-block-22 button">
    <div class="col-12">
    <a href="javascript:void(0)" class="btn buttonn btn-medium btn-rounded btn-transparent">Read Blog</a>
    </div>
</div>
<!-- Start ui-block-22 -->

<hr>

<!-- Start ui-block-23 -->
<div class="ui-block-23 button">
    <div class="col-12">
    <a  href="javascript:void(0)" class="btn btn-large btn-purple">Learn More</a>
    </div>
</div>
<!-- Start ui-block-23 -->

<hr>

<!-- Start ui-block-24 -->
<div class="ui-block-24 button">
    <div class="col-12">
    <a href="javascript:void(0)" class="btn btn-slider black-btn small-btn">Read More</a>
    </div>
</div>
<!-- Start ui-block-24 -->

<hr>

<!-- Start ui-block-25 -->
<div class="ui-block-25 button">
    <div class="col-12">
    <a href="javascript:void(0)" class="scroll button"><i class="las la-angle-right"></i>Learn More</a>
    </div>
</div>
<!-- Start ui-block-25 -->

<hr>

<!-- Start ui-block-26 -->
<div class="ui-block-26 button">
    <div class="col-12">
    <a class="btn button btn-rounded orange-btn btn-hvr-green btn-green btn-1" href="javascript:void(0)">Browse All Meals</a>
    </div>
</div>
<!-- Start ui-block-26 -->

<!-- Js Files -->
<script src="vendor/js/bundle.min.js"></script>
<script>
    $ = jQuery.noConflict();

    jQuery(window).on("load", function () {
        "use strict";
        $('.side-menu').removeClass('d-none');
    });
    jQuery(function ($) {
        "use strict";
        var $window = $(window);
        var windowsize = $(window).width();

        $(".scroll").on("click", function(event){
            event.preventDefault();
            $('html,body').animate({
                scrollTop: $(this.hash).offset().top - 40}, 1100);
        });

        if ($("#sidemenu_toggle").length) {
            $("#sidemenu_toggle").on("click", function () {
                $(".pushwrap").toggleClass("active");
                $(".side-menu").addClass("side-menu-active"), $("#close_side_menu").fadeIn(700)
            }), $("#close_side_menu").on("click", function () {
                $(".side-menu").removeClass("side-menu-active"), $(this).fadeOut(200), $(".pushwrap").removeClass("active")
            }), $(".side-nav .navbar-nav .nav-link").on("click", function () {
                $(".side-menu").removeClass("side-menu-active"), $("#close_side_menu").fadeOut(200), $(".pushwrap").removeClass("active")
            }), $("#btn_sideNavClose").on("click", function () {
                $(".side-menu").removeClass("side-menu-active"), $("#close_side_menu").fadeOut(200), $(".pushwrap").removeClass("active")
            })
        }
    });
</script>

</body>
</html>



web shell, Coded By 2019