| Server IP : 103.161.17.216 / Your IP : 216.73.216.1 Web Server : nginx/1.18.0 System : Linux tipsysaigoncharming 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 User : www-data ( 33) PHP Version : 7.4.3-4ubuntu2.29 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare, MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /var/www/tipsysaigon.vn/tipsy/ |
Upload File : |
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="Anil z" name="author">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Shopwise is Powerful features and You Can Use The Perfect Build this Template For Any eCommerce Website. The template is built for sell Fashion Products, Shoes, Bags, Cosmetics, Clothes, Sunglasses, Furniture, Kids Products, Electronics, Stationery Products and Sporting Goods.">
<meta name="keywords" content="ecommerce, electronics store, Fashion store, furniture store, bootstrap 4, clean, minimal, modern, online store, responsive, retail, shopping, ecommerce store">
<!-- SITE TITLE -->
<title>Shopwise - eCommerce Bootstrap 5 HTML Template</title>
<!-- Favicon Icon -->
<link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.png">
<!-- Animation CSS -->
<link rel="stylesheet" href="assets/css/animate.css">
<!-- Latest Bootstrap min CSS -->
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">
<!-- Icon Font CSS -->
<link rel="stylesheet" href="assets/css/all.min.css">
<link rel="stylesheet" href="assets/css/ionicons.min.css">
<link rel="stylesheet" href="assets/css/themify-icons.css">
<link rel="stylesheet" href="assets/css/linearicons.css">
<link rel="stylesheet" href="assets/css/flaticon.css">
<link rel="stylesheet" href="assets/css/simple-line-icons.css">
<!--- owl carousel CSS-->
<link rel="stylesheet" href="assets/owlcarousel/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/owlcarousel/css/owl.theme.css">
<link rel="stylesheet" href="assets/owlcarousel/css/owl.theme.default.min.css">
<!-- Magnific Popup CSS -->
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<!-- Slick CSS -->
<link rel="stylesheet" href="assets/css/slick.css">
<link rel="stylesheet" href="assets/css/slick-theme.css">
<!-- Style CSS -->
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/responsive.css">
</head>
<body>
<!-- LOADER -->
<div class="preloader">
<div class="lds-ellipsis">
<span></span>
<span></span>
<span></span>
</div>
</div>
<!-- END LOADER -->
<!-- Home Popup Section -->
<div class="modal fade subscribe_popup" id="onload-popup" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
<span aria-hidden="true"><i class="ion-ios-close-empty"></i></span>
</button>
<div class="row g-0">
<div class="col-sm-5">
<div class="background_bg h-100" data-img-src="assets/images/popup_img.jpg"></div>
</div>
<div class="col-sm-7">
<div class="popup_content">
<div class="popup-text">
<div class="heading_s4">
<h4>Subscribe and Get 25% Discount!</h4>
</div>
<p>Subscribe to the newsletter to receive updates about new products.</p>
</div>
<form method="post">
<div class="form-group mb-3">
<input name="email" required type="email" class="form-control rounded-0" placeholder="Enter Your Email">
</div>
<div class="form-group mb-3">
<button class="btn btn-fill-line btn-block text-uppercase rounded-0" title="Subscribe" type="submit">Subscribe</button>
</div>
</form>
<div class="chek-form">
<div class="custome-checkbox">
<input class="form-check-input" type="checkbox" name="checkbox" id="exampleCheckbox3" value="">
<label class="form-check-label" for="exampleCheckbox3"><span>Don't show this popup again!</span></label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Screen Load Popup Section -->
<!-- START HEADER -->
<header class="header_wrap fixed-top header_with_topbar">
<div class="top-header">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6">
<div class="d-flex align-items-center justify-content-center justify-content-md-start">
<div class="lng_dropdown me-2">
<select name="countries" class="custome_select">
<option value='en' data-image="assets/images/eng.png" data-title="English">English</option>
<option value='fn' data-image="assets/images/fn.png" data-title="France">France</option>
<option value='us' data-image="assets/images/us.png" data-title="United States">United States</option>
</select>
</div>
<div class="me-3">
<select name="countries" class="custome_select">
<option value='USD' data-title="USD">USD</option>
<option value='EUR' data-title="EUR">EUR</option>
<option value='GBR' data-title="GBR">GBR</option>
</select>
</div>
<ul class="contact_detail text-center text-lg-start">
<li><i class="ti-mobile"></i><span>123-456-7890</span></li>
</ul>
</div>
</div>
<div class="col-md-6">
<div class="text-center text-md-end">
<ul class="header_list">
<li><a href="compare.html"><i class="ti-control-shuffle"></i><span>Compare</span></a></li>
<li><a href="wishlist.html"><i class="ti-heart"></i><span>Wishlist</span></a></li>
<li><a href="login.html"><i class="ti-user"></i><span>Login</span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="bottom_header dark_skin main_menu_uppercase">
<div class="container">
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="index.html">
<img class="logo_light" src="assets/images/logo_light.png" alt="logo" />
<img class="logo_dark" src="assets/images/logo_dark.png" alt="logo" />
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-expanded="false">
<span class="ion-android-menu"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="dropdown">
<a data-bs-toggle="dropdown" class="nav-link dropdown-toggle" href="#">Home</a>
<div class="dropdown-menu">
<ul>
<li><a class="dropdown-item nav-link nav_item" href="index.html">Fashion 1</a></li>
<li><a class="dropdown-item nav-link nav_item" href="index-2.html">Fashion 2</a></li>
<li><a class="dropdown-item nav-link nav_item" href="index-3.html">Furniture 1</a></li>
<li><a class="dropdown-item nav-link nav_item" href="index-4.html">Furniture 2</a></li>
<li><a class="dropdown-item nav-link nav_item" href="index-5.html">Electronics 1</a></li>
<li><a class="dropdown-item nav-link nav_item" href="index-6.html">Electronics 2</a></li>
</ul>
</div>
</li>
<li class="dropdown">
<a class="dropdown-toggle nav-link" href="#" data-bs-toggle="dropdown">Pages</a>
<div class="dropdown-menu">
<ul>
<li><a class="dropdown-item nav-link nav_item" href="about.html">About Us</a></li>
<li><a class="dropdown-item nav-link nav_item" href="contact.html">Contact Us</a></li>
<li><a class="dropdown-item nav-link nav_item" href="faq.html">Faq</a></li>
<li><a class="dropdown-item nav-link nav_item" href="404.html">404 Error Page</a></li>
<li><a class="dropdown-item nav-link nav_item" href="login.html">Login</a></li>
<li><a class="dropdown-item nav-link nav_item" href="signup.html">Register</a></li>
<li><a class="dropdown-item nav-link nav_item" href="term-condition.html">Terms and Conditions</a></li>
</ul>
</div>
</li>
<li class="dropdown dropdown-mega-menu">
<a class="dropdown-toggle nav-link" href="#" data-bs-toggle="dropdown">Products</a>
<div class="dropdown-menu">
<ul class="mega-menu d-lg-flex">
<li class="mega-menu-col col-lg-3">
<ul>
<li class="dropdown-header">Woman's</li>
<li><a class="dropdown-item nav-link nav_item" href="shop-list-left-sidebar.html">Vestibulum sed</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-left-sidebar.html">Donec porttitor</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-right-sidebar.html">Donec vitae facilisis</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-list.html">Curabitur tempus</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-load-more.html">Vivamus in tortor</a></li>
</ul>
</li>
<li class="mega-menu-col col-lg-3">
<ul>
<li class="dropdown-header">Men's</li>
<li><a class="dropdown-item nav-link nav_item" href="shop-cart.html">Donec vitae ante ante</a></li>
<li><a class="dropdown-item nav-link nav_item" href="checkout.html">Etiam ac rutrum</a></li>
<li><a class="dropdown-item nav-link nav_item" href="wishlist.html">Quisque condimentum</a></li>
<li><a class="dropdown-item nav-link nav_item" href="compare.html">Curabitur laoreet</a></li>
<li><a class="dropdown-item nav-link nav_item" href="order-completed.html">Vivamus in tortor</a></li>
</ul>
</li>
<li class="mega-menu-col col-lg-3">
<ul>
<li class="dropdown-header">Kid's</li>
<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail.html">Donec vitae facilisis</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail-left-sidebar.html">Quisque condimentum</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail-right-sidebar.html">Etiam ac rutrum</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail-thumbnails-left.html">Donec vitae ante ante</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail-thumbnails-left.html">Donec porttitor</a></li>
</ul>
</li>
<li class="mega-menu-col col-lg-3">
<ul>
<li class="dropdown-header">Accessories</li>
<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail.html">Donec vitae facilisis</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail-left-sidebar.html">Quisque condimentum</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail-right-sidebar.html">Etiam ac rutrum</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail-thumbnails-left.html">Donec vitae ante ante</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail-thumbnails-left.html">Donec porttitor</a></li>
</ul>
</li>
</ul>
<div class="d-lg-flex menu_banners row g-3 px-3">
<div class="col-sm-4">
<div class="header-banner">
<img src="assets/images/menu_banner1.jpg" alt="menu_banner1">
<div class="banne_info">
<h6>10% Off</h6>
<h4>New Arrival</h4>
<a href="#">Shop now</a>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="header-banner">
<img src="assets/images/menu_banner2.jpg" alt="menu_banner2">
<div class="banne_info">
<h6>15% Off</h6>
<h4>Men's Fashion</h4>
<a href="#">Shop now</a>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="header-banner">
<img src="assets/images/menu_banner3.jpg" alt="menu_banner3">
<div class="banne_info">
<h6>23% Off</h6>
<h4>Kids Fashion</h4>
<a href="#">Shop now</a>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="dropdown">
<a class="dropdown-toggle nav-link active" href="#" data-bs-toggle="dropdown">Blog</a>
<div class="dropdown-menu dropdown-reverse">
<ul>
<li>
<a class="dropdown-item menu-link dropdown-toggler" href="#">Grids</a>
<div class="dropdown-menu">
<ul>
<li><a class="dropdown-item nav-link nav_item" href="blog-three-columns.html">3 columns</a></li>
<li><a class="dropdown-item nav-link nav_item" href="blog-four-columns.html">4 columns</a></li>
<li><a class="dropdown-item nav-link nav_item" href="blog-left-sidebar.html">Left Sidebar</a></li>
<li><a class="dropdown-item nav-link nav_item" href="blog-right-sidebar.html">right Sidebar</a></li>
<li><a class="dropdown-item nav-link nav_item" href="blog-standard-left-sidebar.html">Standard Left Sidebar</a></li>
<li><a class="dropdown-item nav-link nav_item" href="blog-standard-right-sidebar.html">Standard right Sidebar</a></li>
</ul>
</div>
</li>
<li>
<a class="dropdown-item menu-link dropdown-toggler" href="#">Masonry</a>
<div class="dropdown-menu">
<ul>
<li><a class="dropdown-item nav-link nav_item" href="blog-masonry-three-columns.html">3 columns</a></li>
<li><a class="dropdown-item nav-link nav_item" href="blog-masonry-four-columns.html">4 columns</a></li>
<li><a class="dropdown-item nav-link nav_item" href="blog-masonry-left-sidebar.html">Left Sidebar</a></li>
<li><a class="dropdown-item nav-link nav_item" href="blog-masonry-right-sidebar.html">right Sidebar</a></li>
</ul>
</div>
</li>
<li>
<a class="dropdown-item menu-link dropdown-toggler active" href="#">Single Post</a>
<div class="dropdown-menu">
<ul>
<li><a class="dropdown-item nav-link nav_item" href="blog-single.html">Default</a></li>
<li><a class="dropdown-item nav-link nav_item active" href="blog-single-left-sidebar.html">left sidebar</a></li>
<li><a class="dropdown-item nav-link nav_item" href="blog-single-slider.html">slider post</a></li>
<li><a class="dropdown-item nav-link nav_item" href="blog-single-video.html">video post</a></li>
<li><a class="dropdown-item nav-link nav_item" href="blog-single-audio.html">audio post</a></li>
</ul>
</div>
</li>
<li>
<a class="dropdown-item menu-link dropdown-toggler" href="#">List</a>
<div class="dropdown-menu">
<ul>
<li><a class="dropdown-item nav-link nav_item" href="blog-list-left-sidebar.html">left sidebar</a></li>
<li><a class="dropdown-item nav-link nav_item" href="blog-list-right-sidebar.html">right sidebar</a></li>
</ul>
</div>
</li>
</ul>
</div>
</li>
<li class="dropdown dropdown-mega-menu">
<a class="dropdown-toggle nav-link" href="#" data-bs-toggle="dropdown">Shop</a>
<div class="dropdown-menu">
<ul class="mega-menu d-lg-flex">
<li class="mega-menu-col col-lg-9">
<ul class="d-lg-flex">
<li class="mega-menu-col col-lg-4">
<ul>
<li class="dropdown-header">Shop Page Layout</li>
<li><a class="dropdown-item nav-link nav_item" href="shop-list.html">shop List view</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-list-left-sidebar.html">shop List Left Sidebar</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-list-right-sidebar.html">shop List Right Sidebar</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-left-sidebar.html">Left Sidebar</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-right-sidebar.html">Right Sidebar</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-load-more.html">Shop Load More</a></li>
</ul>
</li>
<li class="mega-menu-col col-lg-4">
<ul>
<li class="dropdown-header">Other Pages</li>
<li><a class="dropdown-item nav-link nav_item" href="shop-cart.html">Cart</a></li>
<li><a class="dropdown-item nav-link nav_item" href="checkout.html">Checkout</a></li>
<li><a class="dropdown-item nav-link nav_item" href="my-account.html">My Account</a></li>
<li><a class="dropdown-item nav-link nav_item" href="wishlist.html">Wishlist</a></li>
<li><a class="dropdown-item nav-link nav_item" href="compare.html">compare</a></li>
<li><a class="dropdown-item nav-link nav_item" href="order-completed.html">Order Completed</a></li>
</ul>
</li>
<li class="mega-menu-col col-lg-4">
<ul>
<li class="dropdown-header">Product Pages</li>
<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail.html">Default</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail-left-sidebar.html">Left Sidebar</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail-right-sidebar.html">Right Sidebar</a></li>
<li><a class="dropdown-item nav-link nav_item" href="shop-product-detail-thumbnails-left.html">Thumbnails Left</a></li>
</ul>
</li>
</ul>
</li>
<li class="mega-menu-col col-lg-3">
<div class="header_banner">
<div class="header_banner_content">
<div class="shop_banner">
<div class="banner_img overlay_bg_40">
<img src="assets/images/shop_banner.jpg" alt="shop_banner"/>
</div>
<div class="shop_bn_content">
<h5 class="text-uppercase shop_subtitle">New Collection</h5>
<h3 class="text-uppercase shop_title">Sale 30% Off</h3>
<a href="#" class="btn btn-white rounded-0 btn-sm text-uppercase">Shop Now</a>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</li>
<li><a class="nav-link nav_item" href="contact.html">Contact Us</a></li>
</ul>
</div>
<ul class="navbar-nav attr-nav align-items-center">
<li><a href="javascript:void(0);" class="nav-link search_trigger"><i class="linearicons-magnifier"></i></a>
<div class="search_wrap">
<span class="close-search"><i class="ion-ios-close-empty"></i></span>
<form>
<input type="text" placeholder="Search" class="form-control" id="search_input">
<button type="submit" class="search_icon"><i class="ion-ios-search-strong"></i></button>
</form>
</div><div class="search_overlay"></div>
</li>
<li class="dropdown cart_dropdown"><a class="nav-link cart_trigger" href="#" data-bs-toggle="dropdown"><i class="linearicons-cart"></i><span class="cart_count">2</span></a>
<div class="cart_box dropdown-menu dropdown-menu-right">
<ul class="cart_list">
<li>
<a href="#" class="item_remove"><i class="ion-close"></i></a>
<a href="#"><img src="assets/images/cart_thamb1.jpg" alt="cart_thumb1">Variable product 001</a>
<span class="cart_quantity"> 1 x <span class="cart_amount"> <span class="price_symbole">$</span></span>78.00</span>
</li>
<li>
<a href="#" class="item_remove"><i class="ion-close"></i></a>
<a href="#"><img src="assets/images/cart_thamb2.jpg" alt="cart_thumb2">Ornare sed consequat</a>
<span class="cart_quantity"> 1 x <span class="cart_amount"> <span class="price_symbole">$</span></span>81.00</span>
</li>
</ul>
<div class="cart_footer">
<p class="cart_total"><strong>Subtotal:</strong> <span class="cart_price"> <span class="price_symbole">$</span></span>159.00</p>
<p class="cart_buttons"><a href="#" class="btn btn-fill-line view-cart">View Cart</a><a href="#" class="btn btn-fill-out checkout">Checkout</a></p>
</div>
</div>
</li>
</ul>
</nav>
</div>
</div>
</header>
<!-- END HEADER -->
<!-- START SECTION BREADCRUMB -->
<div class="breadcrumb_section bg_gray page-title-mini">
<div class="container"><!-- STRART CONTAINER -->
<div class="row align-items-center">
<div class="col-md-6">
<div class="page-title">
<h1>Blog Single Left Sidebar</h1>
</div>
</div>
<div class="col-md-6">
<ol class="breadcrumb justify-content-md-end">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item"><a href="#">Blog</a></li>
<li class="breadcrumb-item active">Blog Single Left Sidebar</li>
</ol>
</div>
</div>
</div><!-- END CONTAINER-->
</div>
<!-- END SECTION BREADCRUMB -->
<!-- START MAIN CONTENT -->
<div class="main_content">
<!-- START SECTION BLOG -->
<div class="section">
<div class="container">
<div class="row">
<div class="col-xl-9">
<div class="single_post">
<h2 class="blog_title">But I must explain to you how all this mistaken idea</h2>
<ul class="list_none blog_meta">
<li><a href="#"><i class="ti-calendar"></i> April 14, 2018</a></li>
<li><a href="#"><i class="ti-comments"></i> 2 Comment</a></li>
</ul>
<div class="blog_img">
<img src="assets/images/blog_img1.jpg" alt="blog_img1">
</div>
<div class="blog_content">
<div class="blog_text">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur malesuada malesuada metus ut placerat. Cras a porttitor quam, eget ornare sapien. In sit amet vulputate metus. Nullam eget rutrum nisl. Sed tincidunt lorem sed maximus interdum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean scelerisque efficitur mauris nec tincidunt. Ut cursus leo mi, eu ultricies magna faucibus id.</p>
<blockquote class="blockquote_style3">
<p>Integer is metus site turpis facilisis customers. elementum an mauris in venenatis consectetur east. Praesent condimentum bibendum Morbi sit amet commodo pellentesque at fringilla tincidunt risus.</p>
</blockquote>
<div class="row">
<div class="col-sm-6">
<div class="single_img">
<img class="w-100 mb-4" src="assets/images/blog_single_img1.jpg" alt="blog_single_img1">
</div>
</div>
<div class="col-sm-6">
<div class="single_img">
<img class="w-100 mb-4" src="assets/images/blog_single_img2.jpg" alt="blog_single_img2">
</div>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent id dolor dui, dapibus gravida elit. Donec consequat laoreet sagittis. Suspendisse ultricies ultrices viverra. Morbi rhoncus laoreet tincidunt. Mauris interdum convallis metus. Suspendisse vel lacus est, sit amet tincidunt erat. Etiam purus sem, euismod eu vulputate eget, porta quis sapien. Donec tellus est, rhoncus vel scelerisque id, iaculis eu nibh.</p>
<p>Duis vestibulum quis quam vel accumsan. Nunc a vulputate lectus. Vestibulum eleifend nisl sed massa sagittis vestibulum. Vestibulum pretium blandit tellus, sodales volutpat sapien varius vel. Phasellus tristique cursus erat, a placerat tellus laoreet eget. Fusce vitae dui sit amet lacus rutrum convallis. Vivamus sit amet lectus venenatis est rhoncus interdum a vitae velit.</p>
<div class="blog_post_footer">
<div class="row justify-content-between align-items-center">
<div class="col-md-8 mb-3 mb-md-0">
<div class="tags">
<a href="#">General</a>
<a href="#">Design</a>
<a href="#">jQuery</a>
<a href="#">Branding</a>
<a href="#">Modern</a>
</div>
</div>
<div class="col-md-4">
<ul class="social_icons text-md-end">
<li><a href="#" class="sc_facebook"><i class="ion-social-facebook"></i></a></li>
<li><a href="#" class="sc_twitter"><i class="ion-social-twitter"></i></a></li>
<li><a href="#" class="sc_google"><i class="ion-social-googleplus"></i></a></li>
<li><a href="#" class="sc_youtube"><i class="ion-social-youtube-outline"></i></a></li>
<li><a href="#" class="sc_instagram"><i class="ion-social-instagram-outline"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="post_navigation bg_gray">
<div class="row align-items-center justify-content-between p-4">
<div class="col-5">
<a href="#">
<div class="post_nav post_nav_prev">
<i class="ti-arrow-left"></i>
<span>blanditiis praesentium</span>
</div>
</a>
</div>
<div class="col-2">
<a href="#" class="post_nav_home">
<i class="ti-layout-grid2"></i>
</a>
</div>
<div class="col-5">
<a href="#">
<div class="post_nav post_nav_next">
<i class="ti-arrow-right"></i>
<span>voluptatum deleniti</span>
</div>
</a>
</div>
</div>
</div>
<div class="card post_author">
<div class="card-body">
<div class="author_img">
<img src="assets/images/user1.jpg" alt="user1">
</div>
<div class="author_info">
<h6 class="author_name"><a href="#" class="mb-1 d-inline-block">Maria Redwood</a></h6>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
</div>
</div>
</div>
<div class="related_post">
<div class="content_title">
<h5>Related posts</h5>
</div>
<div class="row">
<div class="col-md-6">
<div class="blog_post blog_style2 box_shadow1">
<div class="blog_img">
<a href="blog-single.html">
<img src="assets/images/blog_small_img2.jpg" alt="blog_small_img2">
</a>
</div>
<div class="blog_content bg-white">
<div class="blog_text">
<h5 class="blog_title"><a href="blog-single.html">On the other hand we provide denounce</a></h5>
<ul class="list_none blog_meta">
<li><a href="#"><i class="ti-calendar"></i> April 14, 2018</a></li>
<li><a href="#"><i class="ti-comments"></i> 2 Comment</a></li>
</ul>
<p>If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text</p>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="blog_post blog_style2 box_shadow1">
<div class="blog_img">
<a href="blog-single.html">
<img src="assets/images/blog_small_img3.jpg" alt="blog_small_img3">
</a>
</div>
<div class="blog_content bg-white">
<div class="blog_text">
<h5 class="blog_title"><a href="blog-single.html">Why is a ticket to Lagos so expensive?</a></h5>
<ul class="list_none blog_meta">
<li><a href="#"><i class="ti-calendar"></i> April 14, 2018</a></li>
<li><a href="#"><i class="ti-comments"></i> 2 Comment</a></li>
</ul>
<p>If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="comment-area">
<div class="content_title">
<h5>(03) Comments</h5>
</div>
<ul class="list_none comment_list">
<li class="comment_info">
<div class="d-flex">
<div class="comment_user">
<img src="assets/images/user2.jpg" alt="user2">
</div>
<div class="comment_content">
<div class="d-flex">
<div class="meta_data">
<h6><a href="#">Alden Smith</a></h6>
<div class="comment-time">MARCH 5, 2018, 6:05 PM</div>
</div>
<div class="ms-auto">
<a href="#" class="comment-reply"><i class="ion-reply-all"></i>Reply</a>
</div>
</div>
<p>We denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire that the cannot foresee the pain and trouble that.</p>
</div>
</div>
<ul class="children">
<li class="comment_info">
<div class="d-flex">
<div class="comment_user">
<img src="assets/images/user3.jpg" alt="user3">
</div>
<div class="comment_content">
<div class="d-flex align-items-md-center">
<div class="meta_data">
<h6><a href="#">Daisy Lana</a></h6>
<div class="comment-time">april 8, 2018, 5:15 PM</div>
</div>
<div class="ms-auto">
<a href="#" class="comment-reply"><i class="ion-reply-all"></i>Reply</a>
</div>
</div>
<p>We denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire that the cannot foresee the pain and trouble that.</p>
</div>
</div>
</li>
</ul>
</li>
<li class="comment_info">
<div class="d-flex">
<div class="comment_user">
<img src="assets/images/user4.jpg" alt="user4">
</div>
<div class="comment_content">
<div class="d-flex">
<div class="meta_data">
<h6><a href="#">John Becker</a></h6>
<div class="comment-time">april 15, 2018, 10:30 PM</div>
</div>
<div class="ms-auto">
<a href="#" class="comment-reply"><i class="ion-reply-all"></i>Reply</a>
</div>
</div>
<p>We denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire that the cannot foresee the pain and trouble that.</p>
</div>
</div>
</li>
</ul>
<div class="content_title">
<h5>Write a comment</h5>
</div>
<form class="field_form" name="enq" method="post">
<div class="row">
<div class="form-group col-md-4 mb-3">
<input name="name" class="form-control" placeholder="Your Name" required="required" type="text">
</div>
<div class="form-group col-md-4 mb-3">
<input name="email" class="form-control" placeholder="Your Email" required="required" type="email">
</div>
<div class="form-group col-md-4 mb-3">
<input name="website" class="form-control" placeholder="Your Website" required="required" type="text">
</div>
<div class="form-group col-md-12 mb-3">
<textarea rows="3" name="message" class="form-control" placeholder="Your Comment" required="required"></textarea>
</div>
<div class="form-group col-md-12 mb-3">
<button value="Submit" name="submit" class="btn btn-fill-out" title="Submit Your Message!" type="submit">Submit</button>
</div>
</div>
</form>
</div>
</div>
<div class="col-xl-3 order-xl-first mt-4 pt-2 mt-xl-0 pt-xl-0">
<div class="sidebar">
<div class="widget">
<div class="search_form">
<form>
<input required="" class="form-control" placeholder="Search..." type="text">
<button type="submit" title="Subscribe" class="btn icon_search" name="submit" value="Submit">
<i class="ion-ios-search-strong"></i>
</button>
</form>
</div>
</div>
<div class="widget">
<h5 class="widget_title">Recent Posts</h5>
<ul class="widget_recent_post">
<li>
<div class="post_footer">
<div class="post_img">
<a href="#"><img src="assets/images/letest_post1.jpg" alt="letest_post1"></a>
</div>
<div class="post_content">
<h6><a href="#">Lorem ipsum dolor sit amet, consectetur</a></h6>
<p class="small m-0">April 14, 2018</p>
</div>
</div>
</li>
<li>
<div class="post_footer">
<div class="post_img">
<a href="#"><img src="assets/images/letest_post2.jpg" alt="letest_post2"></a>
</div>
<div class="post_content">
<h6><a href="#">Lorem ipsum dolor sit amet, consectetur</a></h6>
<p class="small m-0">April 14, 2018</p>
</div>
</div>
</li>
<li>
<div class="post_footer">
<div class="post_img">
<a href="#"><img src="assets/images/letest_post3.jpg" alt="letest_post3"></a>
</div>
<div class="post_content">
<h6><a href="#">Lorem ipsum dolor sit amet, consectetur</a></h6>
<p class="small m-0">April 14, 2018</p>
</div>
</div>
</li>
</ul>
</div>
<div class="widget">
<h5 class="widget_title">Archive</h5>
<ul class="widget_archive">
<li><a href="#"><span class="archive_year">June 2019</span><span class="archive_num">(12)</span></a></li>
<li><a href="#"><span class="archive_year">May 2019</span><span class="archive_num">(5)</span></a></li>
<li><a href="#"><span class="archive_year">March 2018</span><span class="archive_num">(6)</span></a></li>
<li><a href="#"><span class="archive_year">January 2018</span><span class="archive_num">(7)</span></a></li>
<li><a href="#"><span class="archive_year">April 2017</span><span class="archive_num">(10)</span></a></li>
</ul>
</div>
<div class="widget">
<div class="shop_banner">
<div class="banner_img overlay_bg_20">
<img src="assets/images/sidebar_banner_img.jpg" alt="sidebar_banner_img">
</div>
<div class="shop_bn_content2 text_white">
<h5 class="text-uppercase shop_subtitle">New Collection</h5>
<h3 class="text-uppercase shop_title">Sale 30% Off</h3>
<a href="#" class="btn btn-white rounded-0 btn-sm text-uppercase">Shop Now</a>
</div>
</div>
</div>
<div class="widget">
<h5 class="widget_title">tags</h5>
<div class="tags">
<a href="#">General</a>
<a href="#">Design</a>
<a href="#">jQuery</a>
<a href="#">Branding</a>
<a href="#">Modern</a>
<a href="#">Blog</a>
<a href="#">Quotes</a>
<a href="#">Advertisement</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END SECTION BLOG -->
<!-- START SECTION SUBSCRIBE NEWSLETTER -->
<div class="section bg_default small_pt small_pb">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6">
<div class="heading_s1 mb-md-0 heading_light">
<h3>Subscribe Our Newsletter</h3>
</div>
</div>
<div class="col-md-6">
<div class="newsletter_form">
<form>
<input type="text" required="" class="form-control rounded-0" placeholder="Enter Email Address">
<button type="submit" class="btn btn-dark rounded-0" name="submit" value="Submit">Subscribe</button>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- START SECTION SUBSCRIBE NEWSLETTER -->
</div>
<!-- END MAIN CONTENT -->
<!-- START FOOTER -->
<footer class="footer_dark">
<div class="footer_top">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-12">
<div class="widget">
<div class="footer_logo">
<a href="#"><img src="assets/images/logo_light.png" alt="logo"/></a>
</div>
<p>If you are going to use of Lorem Ipsum need to be sure there isn't hidden of text</p>
</div>
<div class="widget">
<ul class="social_icons social_white">
<li><a href="#"><i class="ion-social-facebook"></i></a></li>
<li><a href="#"><i class="ion-social-twitter"></i></a></li>
<li><a href="#"><i class="ion-social-googleplus"></i></a></li>
<li><a href="#"><i class="ion-social-youtube-outline"></i></a></li>
<li><a href="#"><i class="ion-social-instagram-outline"></i></a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-6">
<div class="widget">
<h6 class="widget_title">Useful Links</h6>
<ul class="widget_links">
<li><a href="#">About Us</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Location</a></li>
<li><a href="#">Affiliates</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-6">
<div class="widget">
<h6 class="widget_title">Category</h6>
<ul class="widget_links">
<li><a href="#">Men</a></li>
<li><a href="#">Woman</a></li>
<li><a href="#">Kids</a></li>
<li><a href="#">Best Saller</a></li>
<li><a href="#">New Arrivals</a></li>
</ul>
</div>
</div>
<div class="col-lg-2 col-md-6 col-sm-6">
<div class="widget">
<h6 class="widget_title">My Account</h6>
<ul class="widget_links">
<li><a href="#">My Account</a></li>
<li><a href="#">Discount</a></li>
<li><a href="#">Returns</a></li>
<li><a href="#">Orders History</a></li>
<li><a href="#">Order Tracking</a></li>
</ul>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6">
<div class="widget">
<h6 class="widget_title">Contact Info</h6>
<ul class="contact_info contact_info_light">
<li>
<i class="ti-location-pin"></i>
<p>123 Street, Old Trafford, New South London , UK</p>
</li>
<li>
<i class="ti-email"></i>
<a href="mailto:info@sitename.com">info@sitename.com</a>
</li>
<li>
<i class="ti-mobile"></i>
<p>+ 457 789 789 65</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="bottom_footer border-top-tran">
<div class="container">
<div class="row">
<div class="col-md-6">
<p class="mb-md-0 text-center text-md-start">© 2020 All Rights Reserved by Bestwebcreator</p>
</div>
<div class="col-md-6">
<ul class="footer_payment text-center text-lg-end">
<li><a href="#"><img src="assets/images/visa.png" alt="visa"></a></li>
<li><a href="#"><img src="assets/images/discover.png" alt="discover"></a></li>
<li><a href="#"><img src="assets/images/master_card.png" alt="master_card"></a></li>
<li><a href="#"><img src="assets/images/paypal.png" alt="paypal"></a></li>
<li><a href="#"><img src="assets/images/amarican_express.png" alt="amarican_express"></a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<!-- END FOOTER -->
<a href="#" class="scrollup" style="display: none;"><i class="ion-ios-arrow-up"></i></a>
<!-- Latest jQuery -->
<script src="assets/js/jquery-3.6.0.min.js"></script>
<!-- popper min js -->
<script src="assets/js/popper.min.js"></script>
<!-- Latest compiled and minified Bootstrap -->
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<!-- owl-carousel min js -->
<script src="assets/owlcarousel/js/owl.carousel.min.js"></script>
<!-- magnific-popup min js -->
<script src="assets/js/magnific-popup.min.js"></script>
<!-- waypoints min js -->
<script src="assets/js/waypoints.min.js"></script>
<!-- parallax js -->
<script src="assets/js/parallax.js"></script>
<!-- countdown js -->
<script src="assets/js/jquery.countdown.min.js"></script>
<!-- imagesloaded js -->
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
<!-- isotope min js -->
<script src="assets/js/isotope.min.js"></script>
<!-- jquery.dd.min js -->
<script src="assets/js/jquery.dd.min.js"></script>
<!-- slick js -->
<script src="assets/js/slick.min.js"></script>
<!-- fit video -->
<script src="assets/js/jquery.fitvids.js"></script>
<!-- elevatezoom js -->
<script src="assets/js/jquery.elevatezoom.js"></script>
<!-- scripts js -->
<script src="assets/js/scripts.js"></script>
</body>
</html>