?

áEÓê¤ÎïLwebshll2019

Current Path : /home/webyoo/www/events/crm/jewelry/
Upload File :
Current File : /home/webyoo/www/events/crm/jewelry/about.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>Jewelry | MegaOne | Creative HTML5 Template</title>
    <!-- Favicon -->
    <link rel="icon" href="../jewelry/img/favicon.ico">
    <!-- Bundle -->
    <link rel="stylesheet" href="../vendor/css/bundle.min.css">
    <!-- Plugin Css -->
    <link rel="stylesheet" href="../vendor/css/cubeportfolio.min.css">
    <link rel="stylesheet" href="../vendor/css/owl.carousel.min.css">
    <link rel="stylesheet" href="../jewelry/css/animate.min.css">
    <link rel="stylesheet" href="../jewelry/css/jquery.fancybox.css">
    <link rel="stylesheet" href="../jewelry/css/jquery.fancybox.min.css">
    <link rel="stylesheet" href="../vendor/css/line-awesome.min.css">
    <!-- Style Sheet -->
    <link rel="stylesheet" href="../jewelry/css/style.css">
</head>

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

<div class="loader-area">
    <div id='spin-wrap'>
        <div id='spin'></div>
    </div>
</div>

<!-- START NAVBAR SECTION -->
<header>

    <!--    NAVBAR FOR LARGE SCREEN-->
    <nav id="my-nav1" class="navbar navbar-expand-sm navbar-light rounded-bar transparent-bar bg-white">

        <div class="container bg-trans-color">
            <div class="logo">
                <a href="../index-jewelry.html" class="scroll"><img src="../jewelry/img/logo-black.png" alt="Logo Img"></a>
            </div>

            <div class="ml-auto mr-auto small-screen">
                <div class="banner-icons">
                    <a><span class="open_search"><i class="las la-search icons"></i> </span></a>

                    <div class="search_block">
                        <div class="search_box animated wow fadeInUp">
                            <div class="inner">
                                <input type="text" name="search" id="search1" class="search_input" autocomplete="off" placeholder="Enter Your Keywords.." />

                                <button class="search_icon glyphicon glyphicon-search"><i class="fas fa-search"></i> </button>

                            </div>
                        </div>
                        <div class="search-overlay"></div>

                    </div>
                </div>

                <div class="banner-icons">

                    <a class="dropdown-toggle" data-toggle="dropdown">
                        <i class="las la-shopping-cart icons"></i></a>

                    <div class="dropdown-menu dropdown-menu-right dropdown-cart">
                        <div class="arrow">
                            <i class="fas fa-caret-up user-utiliity-caret"></i>

                            <div class="dropdown-heading text-center">
                                My Cart </div>

                            <div class="mini-cart-content">
                                <div class="cart-content d-flex mb-2">
                                    <div class="cart-img">
                                        <a href="blog.html">
                                            <img src="../jewelry/img/cart1.jpg" alt="blog img">
                                        </a>
                                    </div>
                                    <div class="cart-text mt-auto mb-auto text-black">
                                        <p class="mt-auto cart-heading text-left">Diamond Ring<br>
                                            <span class="quantity mb-5">Quantity: 1</span><br>
                                            <span class="price mt-2">$760</span></p>
                                    </div>
                                </div>

                                <div class="cart-content d-flex mb-2">
                                    <div class="cart-img">
                                        <img src="../jewelry/img/cart2.jpg" alt="blog img">
                                    </div>

                                    <div class="cart-text mt-auto mb-auto text-black">
                                        <p class="mt-auto cart-heading text-left">Gold Bracelet<br>
                                            <span class="quantity mb-5">Quantity: 1</span><br>
                                            <span class="price mt-2">$80</span></p>
                                    </div>
                                </div>

                                <div class="cart-content d-flex mb-2">
                                    <div class="cart-img">
                                        <img src="../jewelry/img/cart3.jpg" alt="blog img">
                                    </div>

                                    <div class="cart-text mt-auto mb-auto text-black">
                                        <p class="mt-auto cart-heading text-left">Simple Earrings<br>
                                            <span class="quantity mb-5">Quantity: 1</span><br>
                                            <span class="price mt-2">$60</span></p>
                                    </div>
                                </div>
                            </div>

                            <div class="cart-btn d-flex justify-content-center">
                                <a href="cart.html" class="btn btn-slider btn-small trans-btn mr-3">View Cart</a>
                                <a href="cart.html" class="btn btn-slider btn-small trans-btn">Checkout</a>
                            </div>

                        </div>
                    </div>
                </div>

                <div class="banner-icons">
                    <a class="dropdown-toggle" data-toggle="dropdown">
                        <i class="las la-user icons"></i></a>
                    <div class="dropdown-menu dropdown-menu-right">
                        <div class="arrow">
                            <i class="fas fa-caret-up user-utiliity-caret1"></i>
                            <div class="dropdown-heading text-center">
                                My Account </div>
                            <a class="dropdown-item"  data-toggle="modal" data-target="#modal1">
                                <i class="las la-caret-right"></i> Register </a>
                            <a class="dropdown-item"  data-toggle="modal" data-target="#modal2">
                                <i class="las la-caret-right"></i> Login </a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="my-tog-btn">
                <span></span>
                <span></span>
                <span></span>
            </div>

            <div class="collapse navbar-collapse" id="navbarSupportedContent1" >
                <div class="collapse navbar-collapse">
                    <ul id="primary" class="navbar-nav ml-auto mr-auto">

                        <li class="nav-item">
                            <a class="nav-link" href="../index-jewelry.html">Home</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="about.html">About</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="shop.html">Shop</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="blog.html">Blog</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="contact.html">Contact</a>
                        </li>
                    </ul>

                    <div class="banner-icons">
                        <a><span class="open_search"><i class="las la-search icons"></i> </span></a>

                        <div class="search_block">
                            <div class="search_box animated wow fadeInUp">
                                <div class="inner">
                                    <input type="text" name="search" id="search" class="search_input" autocomplete="off" placeholder="Enter Your Keywords.." />

                                    <button class="search_icon glyphicon glyphicon-search"><i class="fas fa-search"></i> </button>

                                </div>
                            </div>
                            <div class="search-overlay"></div>

                        </div>
                    </div>

                    <div class="banner-icons pl-1">

                        <a class="dropdown-toggle" data-toggle="dropdown">
                            <i class="las la-shopping-cart icons"></i></a>

                        <div class="dropdown-menu dropdown-menu-right dropdown-cart">
                            <div class="arrow">
                                <i class="fas fa-caret-up user-utiliity-caret"></i>

                                <div class="dropdown-heading text-center">
                                    My Cart </div>

                                <div class="mini-cart-content">
                                    <div class="cart-content d-flex mb-2">
                                        <div class="cart-img">
                                            <a href="blog.html">
                                                <img src="../jewelry/img/cart1.jpg" alt="blog img">
                                            </a>
                                        </div>
                                        <div class="cart-text mt-auto mb-auto text-black">
                                            <p class="mt-auto cart-heading text-left">Diamond Ring<br>
                                                <span class="quantity mb-5">Quantity: 1</span><br>
                                                <span class="price mt-2">$760</span></p>
                                        </div>
                                    </div>

                                    <div class="cart-content d-flex mb-2">
                                        <div class="cart-img">
                                            <img src="../jewelry/img/cart2.jpg" alt="blog img">
                                        </div>

                                        <div class="cart-text mt-auto mb-auto text-black">
                                            <p class="mt-auto cart-heading text-left">Gold Bracelet<br>
                                                <span class="quantity mb-5">Quantity: 1</span><br>
                                                <span class="price mt-2">$80</span></p>
                                        </div>
                                    </div>

                                    <div class="cart-content d-flex mb-2">
                                        <div class="cart-img">
                                            <img src="../jewelry/img/cart3.jpg" alt="blog img">
                                        </div>

                                        <div class="cart-text mt-auto mb-auto text-black">
                                            <p class="mt-auto cart-heading text-left">Simple Earrings<br>
                                                <span class="quantity mb-5">Quantity: 1</span><br>
                                                <span class="price mt-2">$60</span></p>
                                        </div>
                                    </div>
                                </div>

                                <div class="cart-btn d-flex justify-content-center">
                                    <a href="cart.html" class="btn btn-slider btn-small trans-btn mr-3">View Cart</a>
                                    <a href="cart.html" class="btn btn-slider btn-small trans-btn">Checkout</a>
                                </div>

                            </div>
                        </div>
                    </div>

                    <div class="banner-icons pl-1">
                        <a class="dropdown-toggle" data-toggle="dropdown">
                            <i class="las la-user icons"></i></a>
                        <div class="dropdown-menu dropdown-menu-right">
                            <div class="arrow">
                                <i class="fas fa-caret-up user-utiliity-caret1"></i>
                                <div class="dropdown-heading text-center">
                                    My Account </div>
                                <a class="dropdown-item"  data-toggle="modal" data-target="#modal1">
                                    <i class="las la-caret-right"></i> Register </a>
                                <a class="dropdown-item"  data-toggle="modal" data-target="#modal2">
                                    <i class="las la-caret-right"></i> Login </a>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </nav>

    <!--MODEL WINDOW FOR NAVBAR-->
    <div class="outer-window">
        <div class="navbar_small">
            <a class="close-outerwindow"><i class="las la-times"></i>
            </a>
            <div class="logo">
                <a href="../index-jewelry.html" class="scroll"><img src="../jewelry/img/logo-black.png" alt="Logo Img"></a>
            </div>

        </div>
        <nav class="navbar1">
            <ul class="navbar-nav">
                <li class="nav-item"><a class="nav-link" href="../index-jewelry.html">Home</a></li>
                <li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
                <li class="nav-item"><a class="nav-link" href="shop.html">Shop</a></li>
                <li class="nav-item"><a class="nav-link" href="blog.html">Blog</a></li>
                <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
            </ul>
        </nav>
    </div>

</header>

<section class="header-about-img" id="header-about-img">
    <div class="overlay"></div>
</section>

<section id="about" class="about">
    <div class="container">
        <div class="row">
            <div class="col-md-8 offset-md-2 col-sm-12 text-center">
                <div class="product-text">
                    <h5 class="heading text-black">Who We Are</h5>
                    <h1 class="main-heading text-black">About Us</h1>
                    <p class="sub-heading">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 ullamco laboris nisi sed do eiusmod tempor incididunt ut
                        in voluptate velit esse cillum. Ut enim veniam, quis nostrud exercitation incididunt ut
                        labore et dolore ullamco laboris nisi sed do. </p>
                    <a href="#" class="btn btn-slider trans-btn">Read More</a>
                </div>
            </div>
        </div>
    </div>
</section>

<section id="choose" class="choose bg-choose-img">
    <div class="overlay"></div>
        <div class="container">
            <div class="row">
                <div class="col-12 col-md-6">
                    <div class="card box text-center">
                        <div class="feature-icon text-center">
                            <i class="las la-gift bg-feature-icon trans"></i>
                        </div>
                        <div class="card-body">
                            <h2 class="card-title text-black">Free Gift Pack</h2>
                            <p class="sub-heading">Lorem ipsum dolor sit amet, adipi elit et dolore magna, sed do incididunt adipi elit et dolore magna.</p>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6">
                    <div class="card box text-center">
                        <div class="feature-icon text-center">
                            <i class="las la-truck bg-feature-icon trans"></i>
                        </div>
                        <div class="card-body">
                            <h2 class="card-title text-black">Free Delivery</h2>
                            <p class="sub-heading">Lorem ipsum dolor sit amet, adipi elit et dolore magna, sed do incididunt adipi elit et dolore magna.</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-12 col-md-6">
                    <div class="card box text-center mb-50">
                        <div class="feature-icon text-center">
                            <i class="las la-hand-holding-usd bg-feature-icon trans"></i>
                        </div>
                        <div class="card-body">
                            <h2 class="card-title text-black">Money Back</h2>
                            <p class="sub-heading">Lorem ipsum dolor sit amet, adipi elit et dolore magna, sed do incididunt adipi elit et dolore magna.</p>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6">
                    <div class="card box text-center mb-50">
                        <div class="feature-icon text-center">
                            <i class="las la-cog bg-feature-icon trans"></i>
                        </div>
                        <div class="card-body">
                            <h2 class="card-title text-black">24/7 Support</h2>
                            <p class="sub-heading">Lorem ipsum dolor sit amet, adipi elit et dolore magna, sed do incididunt adipi elit et dolore magna.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

</section>


<section id="footer" class="footer">
    <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 themesindustry</p>
            </div>
        </div>
    </div>
</section>

<!-- JavaScript -->
<script src="../vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="../vendor/js/owl.carousel.min.js"></script>
<script src="../vendor/js/jquery.cubeportfolio.min.js"></script>
<!-- custom script -->
<script src="../jewelry/js/jquery.fancybox.js"></script>
<script src="../jewelry/js/jquery.fancybox.min.js"></script>
<script src="../vendor/js/owl.carousel.min.js"></script>
<script src="../jewelry/js/mediaelement-and-player.min.js"></script>
<script src="../jewelry/js/wow.min.js"></script>
<script src="../vendor/js/parallaxie.min.js"></script>
<script src="../jewelry/js/.js"></script>
</body>
</html>



web shell, Coded By 2019