관리-도구
편집 파일: blog.html
<!doctype html> <html class="no-js" lang="zxx"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>Vicodin - Medical eCommerce HTML Template</title> <meta name="robots" content="noindex, follow" /> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Place favicon.png in the root directory --> <link rel="shortcut icon" href="img/favicon.png" type="image/x-icon" /> <!-- Font Icons css --> <link rel="stylesheet" href="css/font-icons.css"> <!-- plugins css --> <link rel="stylesheet" href="css/plugins.css"> <!-- Main Stylesheet --> <link rel="stylesheet" href="css/style.css"> <!-- Responsive css --> <link rel="stylesheet" href="css/responsive.css"> </head> <body> <!--[if lte IE 9]> <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p> <![endif]--> <!-- Add your site or application content here --> <!-- Body main wrapper start --> <div class="body-wrapper"> <!-- HEADER AREA START (header-3) --> <header class="ltn__header-area ltn__header-3"> <!-- ltn__header-top-area start --> <div class="ltn__header-top-area border-bottom"> <div class="container"> <div class="row"> <div class="col-md-7"> <div class="ltn__top-bar-menu"> <ul> <li><a href="mailto:info@webmail.com?Subject=Flower%20greetings%20to%20you"><i class="icon-mail"></i> info@webmail.com</a></li> <li><a href="locations.html"><i class="icon-placeholder"></i> 15/A, Nest Tower, NYC</a></li> </ul> </div> </div> <div class="col-md-5"> <div class="top-bar-right text-right text-end"> <div class="ltn__top-bar-menu"> <ul> <li> <!-- ltn__language-menu --> <div class="ltn__drop-menu ltn__currency-menu ltn__language-menu"> <ul> <li><a href="#" class="dropdown-toggle"><span class="active-currency">English</span></a> <ul> <li><a href="#">Arabic</a></li> <li><a href="#">Bengali</a></li> <li><a href="#">Chinese</a></li> <li><a href="#">English</a></li> <li><a href="#">French</a></li> <li><a href="#">Hindi</a></li> </ul> </li> </ul> </div> </li> <li> <!-- ltn__social-media --> <div class="ltn__social-media"> <ul> <li><a href="#" title="Facebook"><i class="fab fa-facebook-f"></i></a></li> <li><a href="#" title="Twitter"><i class="fab fa-twitter"></i></a></li> <li><a href="#" title="Instagram"><i class="fab fa-instagram"></i></a></li> <li><a href="#" title="Dribbble"><i class="fab fa-dribbble"></i></a></li> </ul> </div> </li> </ul> </div> </div> </div> </div> </div> </div> <!-- ltn__header-top-area end --> <!-- ltn__header-middle-area start --> <div class="ltn__header-middle-area"> <div class="container"> <div class="row"> <div class="col"> <div class="site-logo"> <a href="index.html"><img src="img/logo.png" alt="Logo"></a> </div> </div> <div class="col header-contact-serarch-column d-none d-lg-block"> <div class="header-contact-search"> <!-- header-feature-item --> <div class="header-feature-item"> <div class="header-feature-icon"> <i class="icon-call"></i> </div> <div class="header-feature-info"> <h6>Phone</h6> <p><a href="tel:0123456789">+0123-456-789</a></p> </div> </div> <!-- header-search-2 --> <div class="header-search-2"> <form id="#123" method="get" action="#"> <input type="text" name="search" value="" placeholder="Search here..."/> <button type="submit"> <span><i class="icon-search"></i></span> </button> </form> </div> </div> </div> <div class="col"> <!-- header-options --> <div class="ltn__header-options"> <ul> <li class="d-none"> <!-- ltn__currency-menu --> <div class="ltn__drop-menu ltn__currency-menu"> <ul> <li><a href="#" class="dropdown-toggle"><span class="active-currency">USD</span></a> <ul> <li><a href="login.html">USD - US Dollar</a></li> <li><a href="wishlist.html">CAD - Canada Dollar</a></li> <li><a href="register.html">EUR - Euro</a></li> <li><a href="account.html">GBP - British Pound</a></li> <li><a href="wishlist.html">INR - Indian Rupee</a></li> <li><a href="wishlist.html">BDT - Bangladesh Taka</a></li> <li><a href="wishlist.html">JPY - Japan Yen</a></li> <li><a href="wishlist.html">AUD - Australian Dollar</a></li> </ul> </li> </ul> </div> </li> <li class="d-lg-none"> <!-- header-search-1 --> <div class="header-search-wrap"> <div class="header-search-1"> <div class="search-icon"> <i class="icon-search for-search-show"></i> <i class="icon-cancel for-search-close"></i> </div> </div> <div class="header-search-1-form"> <form id="#" method="get" action="#"> <input type="text" name="search" value="" placeholder="Search here..."/> <button type="submit"> <span><i class="icon-search"></i></span> </button> </form> </div> </div> </li> <li class="d-none---"> <!-- user-menu --> <div class="ltn__drop-menu user-menu"> <ul> <li> <a href="#"><i class="icon-user"></i></a> <ul> <li><a href="login.html">Sign in</a></li> <li><a href="register.html">Register</a></li> <li><a href="account.html">My Account</a></li> <li><a href="wishlist.html">Wishlist</a></li> </ul> </li> </ul> </div> </li> <li> <!-- mini-cart 2 --> <div class="mini-cart-icon mini-cart-icon-2"> <a href="#ltn__utilize-cart-menu" class="ltn__utilize-toggle"> <span class="mini-cart-icon"> <i class="icon-shopping-cart"></i> <sup>2</sup> </span> <h6><span>Your Cart</span> <span class="ltn__secondary-color">$89.25</span></h6> </a> </div> </li> </ul> </div> </div> </div> </div> </div> <!-- ltn__header-middle-area end --> <!-- header-bottom-area start --> <div class="header-bottom-area ltn__border-top ltn__header-sticky ltn__sticky-bg-white--- ltn__sticky-bg-secondary ltn__secondary-bg section-bg-1 menu-color-white d-none d-lg-block"> <div class="container"> <div class="row"> <div class="col header-menu-column justify-content-center"> <div class="sticky-logo"> <div class="site-logo"> <a href="index.html"><img src="img/logo-3.png" alt="Logo"></a> </div> </div> <div class="header-menu header-menu-2"> <nav> <div class="ltn__main-menu"> <ul> <li class="menu-icon"><a href="#">Home</a> <ul class="sub-menu menu-pages-img-show ltn__sub-menu-col-2---"> <li> <a href="index.html">Home Style 01</a> <img src="img/home-demos/home-1.jpg" alt="#"> </li> <li> <a href="index-2.html">Home Style 02</a> <img src="img/home-demos/home-2.jpg" alt="#"> </li> <li> <a href="index-3.html">Home Style 03</a> <img src="img/home-demos/home-3.jpg" alt="#"> </li> </ul> </li> <li class="menu-icon"><a href="#">About</a> <ul> <li><a href="about.html">About</a></li> <li><a href="service.html">Services</a></li> <li><a href="service-details.html">Service Details</a></li> <li><a href="portfolio.html">Gallery</a></li> <li><a href="portfolio-2.html">Gallery - 02</a></li> <li><a href="portfolio-details.html">Gallery Details</a></li> <li><a href="team.html">Team</a></li> <li><a href="team-details.html">Team Details</a></li> <li><a href="faq.html">FAQ</a></li> <li><a href="locations.html">Google Map Locations</a></li> </ul> </li> <li class="menu-icon"><a href="#">Shop</a> <ul> <li><a href="shop.html">Shop</a></li> <li><a href="shop-grid.html">Shop Grid</a></li> <li><a href="shop-left-sidebar.html">Shop Left sidebar</a></li> <li><a href="shop-right-sidebar.html">Shop right sidebar</a></li> <li><a href="product-details.html">Shop details </a></li> <li><a href="#">Other Pages <span class="float-right">>></span></a> <ul> <li><a href="cart.html">Cart</a></li> <li><a href="wishlist.html">Wishlist</a></li> <li><a href="checkout.html">Checkout</a></li> <li><a href="order-tracking.html">Order Tracking</a></li> <li><a href="account.html">My Account</a></li> <li><a href="login.html">Sign in</a></li> <li><a href="register.html">Register</a></li> </ul> </li> </ul> </li> <li class="menu-icon"><a href="#">News</a> <ul> <li><a href="blog.html">News</a></li> <li><a href="blog-grid.html">News Grid</a></li> <li><a href="blog-left-sidebar.html">News Left sidebar</a></li> <li><a href="blog-right-sidebar.html">News Right sidebar</a></li> <li><a href="blog-details.html">News details</a></li> </ul> </li> <li class="menu-icon"><a href="#">Pages</a> <ul class="mega-menu"> <li><a href="#">Inner Pages</a> <ul> <li><a href="portfolio.html">Gallery</a></li> <li><a href="portfolio-2.html">Gallery - 02</a></li> <li><a href="portfolio-details.html">Gallery Details</a></li> <li><a href="team.html">Team</a></li> <li><a href="team-details.html">Team Details</a></li> <li><a href="faq.html">FAQ</a></li> </ul> </li> <li><a href="#">Inner Pages</a> <ul> <li><a href="history.html">History</a></li> <li><a href="contact.html">Appointment</a></li> <li><a href="locations.html">Google Map Locations</a></li> <li><a href="404.html">404</a></li> <li><a href="contact.html">Contact</a></li> <li><a href="coming-soon.html">Coming Soon</a></li> </ul> </li> <li><a href="#">Shop Pages</a> <ul> <li><a href="shop.html">Shop</a></li> <li><a href="shop-left-sidebar.html">Shop Left sidebar</a></li> <li><a href="shop-right-sidebar.html">Shop right sidebar</a></li> <li><a href="shop-grid.html">Shop Grid</a></li> <li><a href="product-details.html">Shop details </a></li> <li><a href="cart.html">Cart</a></li> </ul> </li> <li><a href="shop.html"><img src="img/banner/menu-banner-1.png" alt="#"></a> </li> </ul> </li> <li><a href="contact.html">Contact</a></li> </ul> </div> </nav> </div> </div> </div> </div> </div> <!-- header-bottom-area end --> </header> <!-- HEADER AREA END --> <!-- MOBILE MENU START --> <div class="mobile-header-menu-fullwidth mb-30 d-block d-lg-none"> <div class="container"> <div class="row"> <div class="col-lg-12"> <!-- Mobile Menu Button --> <div class="mobile-menu-toggle d-lg-none"> <span>MENU</span> <a href="#ltn__utilize-mobile-menu" class="ltn__utilize-toggle"> <svg viewBox="0 0 800 600"> <path d="M300,220 C300,220 520,220 540,220 C740,220 640,540 520,420 C440,340 300,200 300,200" id="top"></path> <path d="M300,320 L540,320" id="middle"></path> <path d="M300,210 C300,210 520,210 540,210 C740,210 640,530 520,410 C440,330 300,190 300,190" id="bottom" transform="translate(480, 320) scale(1, -1) translate(-480, -318) "></path> </svg> </a> </div> </div> </div> </div> </div> <!-- MOBILE MENU END --> <!-- Utilize Cart Menu Start --> <div id="ltn__utilize-cart-menu" class="ltn__utilize ltn__utilize-cart-menu"> <div class="ltn__utilize-menu-inner ltn__scrollbar"> <div class="ltn__utilize-menu-head"> <span class="ltn__utilize-menu-title">Cart</span> <button class="ltn__utilize-close">×</button> </div> <div class="mini-cart-product-area ltn__scrollbar"> <div class="mini-cart-item clearfix"> <div class="mini-cart-img"> <a href="#"><img src="img/product/1.png" alt="Image"></a> <span class="mini-cart-item-delete"><i class="icon-cancel"></i></span> </div> <div class="mini-cart-info"> <h6><a href="#">Antiseptic Spray</a></h6> <span class="mini-cart-quantity">1 x $65.00</span> </div> </div> <div class="mini-cart-item clearfix"> <div class="mini-cart-img"> <a href="#"><img src="img/product/2.png" alt="Image"></a> <span class="mini-cart-item-delete"><i class="icon-cancel"></i></span> </div> <div class="mini-cart-info"> <h6><a href="#">Digital Stethoscope</a></h6> <span class="mini-cart-quantity">1 x $85.00</span> </div> </div> <div class="mini-cart-item clearfix"> <div class="mini-cart-img"> <a href="#"><img src="img/product/3.png" alt="Image"></a> <span class="mini-cart-item-delete"><i class="icon-cancel"></i></span> </div> <div class="mini-cart-info"> <h6><a href="#">Cosmetic Containers</a></h6> <span class="mini-cart-quantity">1 x $92.00</span> </div> </div> <div class="mini-cart-item clearfix"> <div class="mini-cart-img"> <a href="#"><img src="img/product/4.png" alt="Image"></a> <span class="mini-cart-item-delete"><i class="icon-cancel"></i></span> </div> <div class="mini-cart-info"> <h6><a href="#">Thermometer Gun</a></h6> <span class="mini-cart-quantity">1 x $68.00</span> </div> </div> </div> <div class="mini-cart-footer"> <div class="mini-cart-sub-total"> <h5>Subtotal: <span>$310.00</span></h5> </div> <div class="btn-wrapper"> <a href="cart.html" class="theme-btn-1 btn btn-effect-1">View Cart</a> <a href="cart.html" class="theme-btn-2 btn btn-effect-2">Checkout</a> </div> <p>Free Shipping on All Orders Over $100!</p> </div> </div> </div> <!-- Utilize Cart Menu End --> <!-- Utilize Mobile Menu Start --> <div id="ltn__utilize-mobile-menu" class="ltn__utilize ltn__utilize-mobile-menu"> <div class="ltn__utilize-menu-inner ltn__scrollbar"> <div class="ltn__utilize-menu-head"> <div class="site-logo"> <a href="index.html"><img src="img/logo.png" alt="Logo"></a> </div> <button class="ltn__utilize-close">×</button> </div> <div class="ltn__utilize-menu-search-form"> <form action="#"> <input type="text" placeholder="Search..."> <button><i class="fas fa-search"></i></button> </form> </div> <div class="ltn__utilize-menu"> <ul> <li><a href="#">Home</a> <ul class="sub-menu"> <li><a href="index.html">Home Style 01</a></li> <li><a href="index-2.html">Home Style 02</a></li> <li><a href="index-3.html">Home Style 03</a></li> </ul> </li> <li><a href="#">About</a> <ul class="sub-menu"> <li><a href="about.html">About</a></li> <li><a href="service.html">Services</a></li> <li><a href="service-details.html">Service Details</a></li> <li><a href="portfolio.html">Portfolio</a></li> <li><a href="portfolio-2.html">Portfolio - 02</a></li> <li><a href="portfolio-details.html">Portfolio Details</a></li> <li><a href="team.html">Team</a></li> <li><a href="team-details.html">Team Details</a></li> <li><a href="faq.html">FAQ</a></li> <li><a href="locations.html">Google Map Locations</a></li> </ul> </li> <li><a href="#">Shop</a> <ul class="sub-menu"> <li><a href="shop.html">Shop</a></li> <li><a href="shop-grid.html">Shop Grid</a></li> <li><a href="shop-left-sidebar.html">Shop Left sidebar</a></li> <li><a href="shop-right-sidebar.html">Shop right sidebar</a></li> <li><a href="product-details.html">Shop details </a></li> <li><a href="cart.html">Cart</a></li> <li><a href="wishlist.html">Wishlist</a></li> <li><a href="checkout.html">Checkout</a></li> <li><a href="order-tracking.html">Order Tracking</a></li> <li><a href="account.html">My Account</a></li> <li><a href="login.html">Sign in</a></li> <li><a href="register.html">Register</a></li> </ul> </li> <li><a href="#">News</a> <ul class="sub-menu"> <li><a href="blog.html">News</a></li> <li><a href="blog-grid.html">News Grid</a></li> <li><a href="blog-left-sidebar.html">News Left sidebar</a></li> <li><a href="blog-right-sidebar.html">News Right sidebar</a></li> <li><a href="blog-details.html">News details</a></li> </ul> </li> <li><a href="#">Pages</a> <ul class="sub-menu"> <li><a href="about.html">About</a></li> <li><a href="service.html">Services</a></li> <li><a href="service-details.html">Service Details</a></li> <li><a href="portfolio.html">Portfolio</a></li> <li><a href="portfolio-2.html">Portfolio - 02</a></li> <li><a href="portfolio-details.html">Portfolio Details</a></li> <li><a href="team.html">Team</a></li> <li><a href="team-details.html">Team Details</a></li> <li><a href="faq.html">FAQ</a></li> <li><a href="history.html">History</a></li> <li><a href="add-listing.html">Add Listing</a></li> <li><a href="locations.html">Google Map Locations</a></li> <li><a href="404.html">404</a></li> <li><a href="contact.html">Contact</a></li> <li><a href="coming-soon.html">Coming Soon</a></li> </ul> </li> <li><a href="contact.html">Contact</a></li> </ul> </div> <div class="ltn__utilize-buttons ltn__utilize-buttons-2"> <ul> <li> <a href="account.html" title="My Account"> <span class="utilize-btn-icon"> <i class="far fa-user"></i> </span> My Account </a> </li> <li> <a href="wishlist.html" title="Wishlist"> <span class="utilize-btn-icon"> <i class="far fa-heart"></i> <sup>3</sup> </span> Wishlist </a> </li> <li> <a href="cart.html" title="Shoping Cart"> <span class="utilize-btn-icon"> <i class="fas fa-shopping-cart"></i> <sup>5</sup> </span> Shoping Cart </a> </li> </ul> </div> <div class="ltn__social-media-2"> <ul> <li><a href="#" title="Facebook"><i class="fab fa-facebook-f"></i></a></li> <li><a href="#" title="Twitter"><i class="fab fa-twitter"></i></a></li> <li><a href="#" title="Linkedin"><i class="fab fa-linkedin"></i></a></li> <li><a href="#" title="Instagram"><i class="fab fa-instagram"></i></a></li> </ul> </div> </div> </div> <!-- Utilize Mobile Menu End --> <div class="ltn__utilize-overlay"></div> <!-- BREADCRUMB AREA START --> <div class="ltn__breadcrumb-area text-left bg-overlay-white-30 bg-image " data-bs-bg="img/bg/14.jpg"> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="ltn__breadcrumb-inner"> <h1 class="page-title">News Feeds</h1> <div class="ltn__breadcrumb-list"> <ul> <li><a href="index.html"><span class="ltn__secondary-color"><i class="fas fa-home"></i></span> Home</a></li> <li>Blog</li> </ul> </div> </div> </div> </div> </div> </div> <!-- BREADCRUMB AREA END --> <!-- BLOG AREA START --> <div class="ltn__blog-area mb-120"> <div class="container"> <div class="row"> <div class="col-lg-8"> <div class="ltn__blog-list-wrap"> <!-- Blog Item --> <div class="ltn__blog-item ltn__blog-item-5"> <div class="ltn__blog-img"> <a href="blog-details.html"><img src="img/blog/31.jpg" alt="Image"></a> </div> <div class="ltn__blog-brief"> <div class="ltn__blog-meta"> <ul> <li class="ltn__blog-category"> <a href="#">Real Estate</a> </li> </ul> </div> <h3 class="ltn__blog-title"><a href="blog-details.html">Lorem Ipsum has been the industry's standard dummy text ever since</a></h3> <div class="ltn__blog-meta"> <ul> <li> <a href="#"><i class="far fa-eye"></i>232 Views</a> </li> <li> <a href="#"><i class="far fa-comments"></i>35 Comments</a> </li> <li class="ltn__blog-date"> <i class="far fa-calendar-alt"></i>June 22, 2020 </li> </ul> </div> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore</p> <div class="ltn__blog-meta-btn"> <div class="ltn__blog-meta"> <ul> <li class="ltn__blog-author"> <a href="#"><img src="img/blog/author.jpg" alt="#">By: Ethan</a> </li> </ul> </div> <div class="ltn__blog-btn"> <a href="blog-details.html"><i class="fas fa-arrow-right"></i>Read more</a> </div> </div> </div> </div> <!-- Blog Item (Video) --> <div class="ltn__blog-item ltn__blog-item-5 ltn__blog-item-video"> <div class="ltn__video-img"> <img src="img/blog/32.jpg" alt="video popup bg image"> <a class="ltn__video-icon-2 ltn__secondary-bg ltn__video-icon-2-border---" href="https://www.youtube.com/embed/X7R-q9rsrtU?autoplay=1&showinfo=0" data-rel="lightcase:myCollection"> <i class="fa fa-play"></i> </a> </div> <div class="ltn__blog-brief"> <div class="ltn__blog-meta"> <ul> <li class="ltn__blog-category"> <a href="#">Business</a> </li> </ul> </div> <h3 class="ltn__blog-title"><a href="blog-details.html">Adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore.</a></h3> <div class="ltn__blog-meta"> <ul> <li> <a href="#"><i class="far fa-eye"></i>232 Views</a> </li> <li> <a href="#"><i class="far fa-comments"></i>35 Comments</a> </li> <li class="ltn__blog-date"> <i class="far fa-calendar-alt"></i>June 22, 2020 </li> </ul> </div> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore</p> <div class="ltn__blog-meta-btn"> <div class="ltn__blog-meta"> <ul> <li class="ltn__blog-author"> <a href="#"><img src="img/blog/author.jpg" alt="#">By: Ethan</a> </li> </ul> </div> <div class="ltn__blog-btn"> <a href="blog-details.html"><i class="fas fa-arrow-right"></i>Read more</a> </div> </div> </div> </div> <!-- Blog Item (Gallery) --> <div class="ltn__blog-item ltn__blog-item-5 ltn__blog-item-gallery"> <div class="ltn__blog-gallery-active slick-arrow-1 slick-arrow-1-inner"> <div class="ltn__blog-gallery-item"> <a href="blog-details.html"><img src="img/blog/33.jpg" alt="Image"></a> </div> <div class="ltn__blog-gallery-item"> <a href="blog-details.html"><img src="img/blog/34.jpg" alt="Image"></a> </div> <div class="ltn__blog-gallery-item"> <a href="blog-details.html"><img src="img/blog/31.jpg" alt="Image"></a> </div> </div> <div class="ltn__blog-brief"> <div class="ltn__blog-meta"> <ul> <li class="ltn__blog-category"> <a href="#">Business</a> </li> </ul> </div> <h3 class="ltn__blog-title"><a href="blog-details.html">Magna aliqua. Ut enim ad minim venia m, quis nostrud exercitation ullamco</a></h3> <div class="ltn__blog-meta"> <ul> <li> <a href="#"><i class="far fa-eye"></i>232 Views</a> </li> <li> <a href="#"><i class="far fa-comments"></i>35 Comments</a> </li> <li class="ltn__blog-date"> <i class="far fa-calendar-alt"></i>June 22, 2020 </li> </ul> </div> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore</p> <div class="ltn__blog-meta-btn"> <div class="ltn__blog-meta"> <ul> <li class="ltn__blog-author"> <a href="#"><img src="img/blog/author.jpg" alt="#">By: Ethan</a> </li> </ul> </div> <div class="ltn__blog-btn"> <a href="blog-details.html"><i class="fas fa-arrow-right"></i>Read more</a> </div> </div> </div> </div> <!-- Blog Item (Audio) --> <div class="ltn__blog-item ltn__blog-item-5 ltn__blog-item-audio"> <div class="post-audio embed-responsive embed-responsive-16by9"> <iframe src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/837045328&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"></iframe> </div> <div class="ltn__blog-brief"> <div class="ltn__blog-meta"> <ul> <li class="ltn__blog-category"> <a href="#">Business</a> </li> </ul> </div> <h3 class="ltn__blog-title"><a href="blog-details.html">Laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor.</a></h3> <div class="ltn__blog-meta"> <ul> <li> <a href="#"><i class="far fa-eye"></i>232 Views</a> </li> <li> <a href="#"><i class="far fa-comments"></i>35 Comments</a> </li> <li class="ltn__blog-date"> <i class="far fa-calendar-alt"></i>June 22, 2020 </li> </ul> </div> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore</p> <div class="ltn__blog-meta-btn"> <div class="ltn__blog-meta"> <ul> <li class="ltn__blog-author"> <a href="#"><img src="img/blog/author.jpg" alt="#">By: Ethan</a> </li> </ul> </div> <div class="ltn__blog-btn"> <a href="blog-details.html"><i class="fas fa-arrow-right"></i>Read more</a> </div> </div> </div> </div> <!-- Blog Item (No Image) --> <div class="ltn__blog-item ltn__blog-item-5 ltn__blog-item-no-image"> <div class="ltn__blog-brief"> <div class="ltn__blog-meta"> <ul> <li class="ltn__blog-category"> <a href="#">Business</a> </li> </ul> </div> <h3 class="ltn__blog-title"><a href="blog-details.html">In reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</a></h3> <div class="ltn__blog-meta"> <ul> <li> <a href="#"><i class="far fa-eye"></i>232 Views</a> </li> <li> <a href="#"><i class="far fa-comments"></i>35 Comments</a> </li> <li class="ltn__blog-date"> <i class="far fa-calendar-alt"></i>June 22, 2020 </li> </ul> </div> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore</p> <div class="ltn__blog-meta-btn"> <div class="ltn__blog-meta"> <ul> <li class="ltn__blog-author"> <a href="#"><img src="img/blog/author.jpg" alt="#">By: Ethan</a> </li> </ul> </div> <div class="ltn__blog-btn"> <a href="blog-details.html"><i class="fas fa-arrow-right"></i>Read more</a> </div> </div> </div> </div> <!-- Blog Item (Quote) --> <div class="ltn__blog-item ltn__blog-item-5 ltn__blog-item-quote bg-image bg-overlay-theme-90" data-bs-bg="img/blog/3.jpg"> <div class="ltn__blog-brief"> <blockquote> <a href="blog-details.html">Excepteur sint occaecat cupida tat non proident, sunt in.</a> </blockquote> <div class="ltn__blog-meta mb-0"> <ul> <li> <a href="#"><i class="far fa-eye"></i>232 Views</a> </li> <li> <a href="#"><i class="far fa-comments"></i>35 Comments</a> </li> <li class="ltn__blog-date"> <i class="far fa-calendar-alt"></i>June 22, 2020 </li> </ul> </div> </div> </div> <!-- Blog Item (Background Image) --> <div class="ltn__blog-item ltn__blog-item-5 ltn__blog-item-bg-image bg-image bg-overlay-white-90" data-bs-bg="img/blog/2.jpg"> <div class="ltn__blog-brief"> <div class="ltn__blog-meta"> <ul> <li class="ltn__blog-category"> <a href="#">Business</a> </li> </ul> </div> <h3 class="ltn__blog-title"><a href="blog-details.html">Culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis</a></h3> <div class="ltn__blog-meta mb-0"> <ul> <li> <a href="#"><i class="far fa-eye"></i>232 Views</a> </li> <li> <a href="#"><i class="far fa-comments"></i>35 Comments</a> </li> <li class="ltn__blog-date"> <i class="far fa-calendar-alt"></i>June 22, 2020 </li> </ul> </div> </div> </div> <!-- --> </div> <div class="row"> <div class="col-lg-12"> <div class="ltn__pagination-area text-center"> <div class="ltn__pagination"> <ul> <li><a href="#"><i class="fas fa-angle-double-left"></i></a></li> <li><a href="#">1</a></li> <li class="active"><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">...</a></li> <li><a href="#">10</a></li> <li><a href="#"><i class="fas fa-angle-double-right"></i></a></li> </ul> </div> </div> </div> </div> </div> <div class="col-lg-4"> <aside class="sidebar-area blog-sidebar ltn__right-sidebar"> <!-- Author Widget --> <div class="widget ltn__author-widget"> <div class="ltn__author-widget-inner text-center"> <img src="img/team/4.jpg" alt="Image"> <h5>Rosalina D. Willaimson</h5> <small>Traveller/Photographer</small> <div class="product-ratting"> <ul> <li><a href="#"><i class="fas fa-star"></i></a></li> <li><a href="#"><i class="fas fa-star"></i></a></li> <li><a href="#"><i class="fas fa-star"></i></a></li> <li><a href="#"><i class="fas fa-star-half-alt"></i></a></li> <li><a href="#"><i class="far fa-star"></i></a></li> <li class="review-total"> <a href="#"> ( 1 Reviews )</a></li> </ul> </div> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis distinctio, odio, eligendi suscipit reprehenderit atque.</p> <div class="ltn__social-media"> <ul> <li><a href="#" title="Facebook"><i class="fab fa-facebook-f"></i></a></li> <li><a href="#" title="Twitter"><i class="fab fa-twitter"></i></a></li> <li><a href="#" title="Linkedin"><i class="fab fa-linkedin"></i></a></li> <li><a href="#" title="Youtube"><i class="fab fa-youtube"></i></a></li> </ul> </div> </div> </div> <!-- Search Widget --> <div class="widget ltn__search-widget"> <h4 class="ltn__widget-title ltn__widget-title-border-2">Search Objects</h4> <form action="#"> <input type="text" name="search" placeholder="Search your keyword..."> <button type="submit"><i class="fas fa-search"></i></button> </form> </div> <!-- Form Widget --> <div class="widget ltn__form-widget"> <h4 class="ltn__widget-title ltn__widget-title-border-2">Drop Messege For Book</h4> <form action="#"> <input type="text" name="yourname" placeholder="Your Name*"> <input type="text" name="youremail" placeholder="Your e-Mail*"> <textarea name="yourmessage" placeholder="Write Message..."></textarea> <button type="submit" class="btn theme-btn-1">Send Messege</button> </form> </div> <!-- Top Rated Product Widget --> <div class="widget ltn__top-rated-product-widget"> <h4 class="ltn__widget-title ltn__widget-title-border-2">Top Rated Product</h4> <ul> <li> <div class="top-rated-product-item clearfix"> <div class="top-rated-product-img"> <a href="product-details.html"><img src="img/product/1.png" alt="#"></a> </div> <div class="top-rated-product-info"> <div class="product-ratting"> <ul> <li><a href="#"><i class="fas fa-star"></i></a></li> <li><a href="#"><i class="fas fa-star"></i></a></li> <li><a href="#"><i class="fas fa-star"></i></a></li> <li><a href="#"><i class="fas fa-star"></i></a></li> <li><a href="#"><i class="fas fa-star"></i></a></li> </ul> </div> <h6><a href="product-details.html">Luxury House In Greenville </a></h6> <div class="product-price"> <span>$30,000.00</span> <del>$35,000.00</del> </div> </div> </div> </li> <li> <div class="top-rated-product-item clearfix"> <div class="top-rated-product-img"> <a href="product-details.html"><img src="img/product/2.png" alt="#"></a> </div> <div class="top-rated-product-info"> <div class="product-ratting"> <ul> <li><a href="#"><i class="fas fa-star"></i></a></li> <li><a href="#"><i class="fas fa-star"></i></a></li> <li><a href="#"><i class="fas fa-star"></i></a></li> <li><a href="#"><i class="fas fa-star"></i></a></li> <li><a href="#"><i class="fas fa-star"></i></a></li> </ul> </div> <h6><a href="product-details.html">Apartment with Subunits</a></h6> <div class="product-price"> <span>$30,000.00</span> <del>$35,000.00</del> </div> </div> </div> </li> <li> <div class="top-rated-product-item clearfix"> <div class="top-rated-product-img"> <a href="product-details.html"><img src="img/product/3.png" alt="#"></a> </div> <div class="top-rated-product-info"> <div class="product-ratting"> <ul> <li><a href="#"><i class="fas fa-star"></i></a></li> <li><a href="#"><i class="fas fa-star"></i></a></li> <li><a href="#"><i class="fas fa-star"></i></a></li> <li><a href="#"><i class="fas fa-star-half-alt"></i></a></li> <li><a href="#"><i class="far fa-star"></i></a></li> </ul> </div> <h6><a href="product-details.html">3 Rooms Manhattan</a></h6> <div class="product-price"> <span>$30,000.00</span> <del>$35,000.00</del> </div> </div> </div> </li> </ul> </div> <!-- Menu Widget (Category) --> <div class="widget ltn__menu-widget ltn__menu-widget-2--- ltn__menu-widget-2-color-2---"> <h4 class="ltn__widget-title ltn__widget-title-border-2">Top Categories</h4> <ul> <li><a href="#">Apartments <span>(26)</span></a></li> <li><a href="#">Picture Stodio <span>(30)</span></a></li> <li><a href="#">Office <span>(71)</span></a></li> <li><a href="#">Luxary Vilas <span>(56)</span></a></li> <li><a href="#">Duplex House <span>(60)</span></a></li> </ul> </div> <!-- Popular Post Widget --> <div class="widget ltn__popular-post-widget"> <h4 class="ltn__widget-title ltn__widget-title-border-2">Leatest Blogs</h4> <ul> <li> <div class="popular-post-widget-item clearfix"> <div class="popular-post-widget-img"> <a href="blog-details.html"><img src="img/team/5.jpg" alt="#"></a> </div> <div class="popular-post-widget-brief"> <h6><a href="blog-details.html">Lorem ipsum dolor sit cing elit, sed do.</a></h6> <div class="ltn__blog-meta"> <ul> <li class="ltn__blog-date"> <a href="#"><i class="far fa-calendar-alt"></i>June 22, 2020</a> </li> </ul> </div> </div> </div> </li> <li> <div class="popular-post-widget-item clearfix"> <div class="popular-post-widget-img"> <a href="blog-details.html"><img src="img/team/6.jpg" alt="#"></a> </div> <div class="popular-post-widget-brief"> <h6><a href="blog-details.html">Lorem ipsum dolor sit cing elit, sed do.</a></h6> <div class="ltn__blog-meta"> <ul> <li class="ltn__blog-date"> <a href="#"><i class="far fa-calendar-alt"></i>June 22, 2020</a> </li> </ul> </div> </div> </div> </li> <li> <div class="popular-post-widget-item clearfix"> <div class="popular-post-widget-img"> <a href="blog-details.html"><img src="img/team/7.jpg" alt="#"></a> </div> <div class="popular-post-widget-brief"> <h6><a href="blog-details.html">Lorem ipsum dolor sit cing elit, sed do.</a></h6> <div class="ltn__blog-meta"> <ul> <li class="ltn__blog-date"> <a href="#"><i class="far fa-calendar-alt"></i>June 22, 2020</a> </li> </ul> </div> </div> </div> </li> <li> <div class="popular-post-widget-item clearfix"> <div class="popular-post-widget-img"> <a href="blog-details.html"><img src="img/team/8.jpg" alt="#"></a> </div> <div class="popular-post-widget-brief"> <h6><a href="blog-details.html">Lorem ipsum dolor sit cing elit, sed do.</a></h6> <div class="ltn__blog-meta"> <ul> <li class="ltn__blog-date"> <a href="#"><i class="far fa-calendar-alt"></i>June 22, 2020</a> </li> </ul> </div> </div> </div> </li> </ul> </div> <!-- Popular Post Widget (Twitter Post) --> <div class="widget ltn__popular-post-widget ltn__twitter-post-widget"> <h4 class="ltn__widget-title ltn__widget-title-border-2">Twitter Feeds</h4> <ul> <li> <div class="popular-post-widget-item clearfix"> <div class="popular-post-widget-img"> <a href="blog-details.html"><i class="fab fa-twitter"></i></a> </div> <div class="popular-post-widget-brief"> <p>Carsafe - #Gutenberg ready @wordpress Theme for Car Service, Auto Parts, Car Dealer available on @website <a href="https://website.net">https://website.net</a></p> <div class="ltn__blog-meta"> <ul> <li class="ltn__blog-date"> <a href="#"><i class="far fa-calendar-alt"></i>June 22, 2020</a> </li> </ul> </div> </div> </div> </li> <li> <div class="popular-post-widget-item clearfix"> <div class="popular-post-widget-img"> <a href="blog-details.html"><i class="fab fa-twitter"></i></a> </div> <div class="popular-post-widget-brief"> <p>Carsafe - #Gutenberg ready @wordpress Theme for Car Service, Auto Parts, Car Dealer available on @website <a href="https://website.net">https://website.net</a></p> <div class="ltn__blog-meta"> <ul> <li class="ltn__blog-date"> <a href="#"><i class="far fa-calendar-alt"></i>June 22, 2020</a> </li> </ul> </div> </div> </div> </li> <li> <div class="popular-post-widget-item clearfix"> <div class="popular-post-widget-img"> <a href="blog-details.html"><i class="fab fa-twitter"></i></a> </div> <div class="popular-post-widget-brief"> <p>Carsafe - #Gutenberg ready @wordpress Theme for Car Service, Auto Parts, Car Dealer available on @website <a href="https://website.net">https://website.net</a></p> <div class="ltn__blog-meta"> <ul> <li class="ltn__blog-date"> <a href="#"><i class="far fa-calendar-alt"></i>June 22, 2020</a> </li> </ul> </div> </div> </div> </li> </ul> </div> <!-- Social Media Widget --> <div class="widget ltn__social-media-widget"> <h4 class="ltn__widget-title ltn__widget-title-border-2">Follow us</h4> <div class="ltn__social-media-2"> <ul> <li><a href="#" title="Facebook"><i class="fab fa-facebook-f"></i></a></li> <li><a href="#" title="Twitter"><i class="fab fa-twitter"></i></a></li> <li><a href="#" title="Linkedin"><i class="fab fa-linkedin"></i></a></li> <li><a href="#" title="Instagram"><i class="fab fa-instagram"></i></a></li> </ul> </div> </div> <!-- Tagcloud Widget --> <div class="widget ltn__tagcloud-widget"> <h4 class="ltn__widget-title ltn__widget-title-border-2">Popular Tags</h4> <ul> <li><a href="#">Popular</a></li> <li><a href="#">desgin</a></li> <li><a href="#">ux</a></li> <li><a href="#">usability</a></li> <li><a href="#">develop</a></li> <li><a href="#">icon</a></li> <li><a href="#">Car</a></li> <li><a href="#">Service</a></li> <li><a href="#">Repairs</a></li> <li><a href="#">Auto Parts</a></li> <li><a href="#">Oil</a></li> <li><a href="#">Dealer</a></li> <li><a href="#">Oil Change</a></li> <li><a href="#">Body Color</a></li> </ul> </div> <!-- Banner Widget --> <div class="widget ltn__banner-widget d-none"> <a href="shop.html"><img src="img/banner/2.jpg" alt="#"></a> </div> <!-- Instagram Widget --> <div class="widget ltn__instagram-widget d-none"> <h4 class="ltn__widget-title ltn__widget-title-border">Instagram Feeds</h4> <div class="ltn__instafeed ltn__instafeed-grid insta-grid-gutter"></div> </div> </aside> </div> </div> </div> </div> <!-- BLOG AREA END --> <!-- CALL TO ACTION START (call-to-action-6) --> <div class="ltn__call-to-action-area call-to-action-6 before-bg-bottom" data-bs-bg="img/1.jpg--"> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="call-to-action-inner call-to-action-inner-6 ltn__secondary-bg position-relative text-center---"> <div class="coll-to-info text-color-white"> <h1>Buy medical disposable face mask <br> to protect your loved ones</h1> </div> <div class="btn-wrapper"> <a class="btn btn-effect-3 btn-white" href="shop.html">Explore Products <i class="icon-next"></i></a> </div> </div> </div> </div> </div> </div> <!-- CALL TO ACTION END --> <!-- FOOTER AREA START --> <footer class="ltn__footer-area "> <div class="footer-top-area section-bg-2 plr--5"> <div class="container-fluid"> <div class="row"> <div class="col-xl-3 col-md-6 col-sm-6 col-12"> <div class="footer-widget footer-about-widget"> <div class="footer-logo"> <div class="site-logo"> <a href="index.html" style="Color:white"><img src="img/favicon.png" alt="Logo">Pharmadepot</a> </div> </div> <p>Lorem Ipsum is simply dummy text of the and typesetting industry. Lorem Ipsum is dummy text of the printing.</p> <div class="footer-address"> <ul> <li> <div class="footer-address-icon"> <i class="icon-placeholder"></i> </div> <div class="footer-address-info"> <p>Brooklyn, New York, United States</p> </div> </li> <li> <div class="footer-address-icon"> <i class="icon-call"></i> </div> <div class="footer-address-info"> <p><a href="tel:+0123-456789">+0123-456789</a></p> </div> </li> <li> <div class="footer-address-icon"> <i class="icon-mail"></i> </div> <div class="footer-address-info"> <p><a href="mailto:example@example.com">example@example.com</a></p> </div> </li> </ul> </div> <div class="ltn__social-media mt-20"> <ul> <li><a href="#" title="Facebook"><i class="fab fa-facebook-f"></i></a></li> <li><a href="#" title="Twitter"><i class="fab fa-twitter"></i></a></li> <li><a href="#" title="Linkedin"><i class="fab fa-linkedin"></i></a></li> <li><a href="#" title="Youtube"><i class="fab fa-youtube"></i></a></li> </ul> </div> </div> </div> <div class="col-xl-3 col-md-6 col-sm-6 col-12"> <div class="footer-widget footer-menu-widget clearfix"> <h4 class="footer-title">Company</h4> <div class="footer-menu"> <ul> <li><a href="about.html">About</a></li> <li><a href="shop.html">All Products</a></li> <li><a href="locations.html">Locations Map</a></li> <li><a href="faq.html">FAQ</a></li> <li><a href="contact.html">Contact us</a></li> </ul> </div> </div> </div> <div class="col-xl-3 col-md-6 col-sm-6 col-12"> <div class="footer-widget footer-menu-widget clearfix"> <h4 class="footer-title">Services</h4> <div class="footer-menu"> <ul> <li><a href="order-tracking.html">Order tracking</a></li> <li><a href="wishlist.html">Wish List</a></li> <li><a href="login.html">Login</a></li> <li><a href="account.html">My account</a></li> <li><a href="about.html">Terms & Conditions</a></li> <li><a href="about.html">Promotional Offers</a></li> </ul> </div> </div> </div> <div class="col-xl-3 col-md-6 col-sm-6 col-12"> <div class="footer-widget footer-menu-widget clearfix"> <h4 class="footer-title">Customer Care</h4> <div class="footer-menu"> <ul> <li><a href="login.html">Login</a></li> <li><a href="account.html">My account</a></li> <li><a href="wishlist.html">Wish List</a></li> <li><a href="order-tracking.html">Order tracking</a></li> <li><a href="faq.html">FAQ</a></li> <li><a href="contact.html">Contact us</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="ltn__copyright-area ltn__copyright-2 section-bg-7 plr--5"> <div class="container-fluid ltn__border-top-2"> <div class="row"> <div class="col-md-6 col-12"> <div class="ltn__copyright-design clearfix"> <p>All Rights Reserved @ Company <span class="current-year"></span></p> </div> </div> <div class="col-md-6 col-12 align-self-center"> <div class="ltn__copyright-menu text-end"> <ul> <li><a href="#">Terms & Conditions</a></li> <li><a href="#">Claim</a></li> <li><a href="#">Privacy & Policy</a></li> </ul> </div> </div> </div> </div> </div> </footer> <!-- FOOTER AREA END --> </div> <!-- Body main wrapper end --> <!-- All JS Plugins --> <script src="js/plugins.js"></script> <!-- Main JS --> <script src="js/main.js"></script> </body> </html>