File size: 34.33Kb
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="title" content="Corona">
<meta property="fb:app_id" content="312" />
<meta property="og:type" content="Corona" />
<meta property="og:url" content="http://steelthemes.com/demo/Elango/Corona-final" />
<meta property="og:title" content="Corona">
<meta property="og:image" content="http://steelthemes.com/demo/Elango/Corona-final/assets/image/fbimg-210x210.jpg">
<meta property="og:description" content="Corona is html 5 Template">
<meta name="full-screen" content="yes">
<meta name="theme-color" content="#269bef ">
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<title>Product Details | Corano | Responsive HTML 5 Template</title>
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<link rel="stylesheet" type="text/css" href="assets/fonts/font/flaticon.css">
<!---------favicon--------------->
<link rel="icon" type="image/png" href="assets/image/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="assets/image/favicon-16x16.png" sizes="16x16">
<!---------favicon--------------->
</head>
<body class="home_page_one">
<div class="page_wapper">
<!--Start Preloader-->
<div class="preloader">
<div class="preloader_box">
<div class="loader">
<div class="circle item0"></div>
<div class="circle item1"></div>
<div class="circle item2"></div>
</div>
</div>
</div>
<!--End Preloader -->
<!--Header-->
<header class="header_v2">
<section class="header_top">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="row">
<div class="col-lg-3 col-md-3">
<div class="heading">
<h2>Today Updates</h2>
</div>
</div>
<div class="col-lg-9 col-md-9">
<div class="news_inner">
<div class="owl-carousel owl-theme single_items">
<div class="mid-text">
<p><a href="#">Stabilitech's COVID-19 Vaccine Intended to Be Delivered in a Disruptive Thermally Stable Oral Capsule</a></p>
</div>
<div class="mid-text">
<p><a href="#"> Controlled Release Drug Delivery Market Size Worth $69.8 Billion by 2027: Grand View Research, Inc.</a></p>
</div>
<div class="mid-text">
<p><a href="#"> Drug Delivery Market Size Worth $69.8 Billion by 2027: Grand View Research, Inc.
</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="text_right">
<div class="social_media_icon">
<ul class="clearfix">
<li>
<a href="#" class="has-tooltip">
<span class="fa fa-facebook"></span>
<div class="c-tooltip">
<div class="tooltip-inner">Facebook</div>
</div>
</a>
</li>
<li>
<a href="#" class="has-tooltip">
<span class="fa fa-twitter"></span>
<div class="c-tooltip">
<div class="tooltip-inner">Twitter</div>
</div>
</a>
</li>
<li>
<a href="#" class="has-tooltip">
<span class="fa fa-linkedin"></span>
<div class="c-tooltip">
<div class="tooltip-inner">Linkedin</div>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="navbar_outer">
<div class="navbar navbar-expand-lg bsnav bsnav-sticky bsnav-sticky-slide">
<div class="container">
<a class="navbar-brand" href="index.html"><img src="assets/image/home-1-logo.png" class="img-fluid" alt="img"></a>
<button class="navbar-toggler toggler-spring"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse scroll-nav">
<ul class="navbar-nav navbar-mobile navbar_left ml-auto" id="nav">
<li class="nav-item nav_item dropdown">
<a class="nav-link link_hd" href="#"> Home </a>
<ul class="navbar-nav submenu">
<li class="nav-item"><a class="nav-link" href="index.html">Home Default 01</a></li>
<li class="nav-item"><a class="nav-link" href="index-2.html">Home Default 02 <span class="new_page">new</span></a></li>
<li class="nav-item"><a class="nav-link" href="index-3.html">Home Default 03 <span class="new_page">new</span></a></li>
<li class="nav-item"><a class="nav-link" href="one-page-index-1.html">Home Onepage Version</a></li>
<li class="nav-item"><a class="nav-link" href="rtl/index.html" target="_blank">Home Default RTL </a></li>
<li class="nav-item"><a class="nav-link" href="rtl/one-page-index-1.html">Home Onepage RTL</a></li>
</ul>
</li>
<li class="nav-item nav_item"><a class="nav-link link_hd" href="about.html">About </a></li>
<li class="nav-item nav_item dropdown">
<a class="nav-link link_hd" href="#"> Prevention </a>
<ul class="navbar-nav submenu">
<li class="nav-item"><a class="nav-link" href="prevention.html">Prevention</a></li>
<li class="nav-item"><a class="nav-link" href="prevention-single.html">Prevention Detail</a></li>
</ul>
</li>
<li class="nav-item nav_item"><a class="nav-link link_hd" href="team.html">Doctors</a></li>
<li class="nav-item nav_item"><a class="nav-link link_hd" href="faq.html">Faq's</a></li>
<li class="nav-item nav_item dropdown">
<a class="nav-link link_hd" href="#"> Blog </a>
<ul class="navbar-nav submenu">
<li class="nav-item dropdown">
<a class="nav-link arrow" href="#">Blog Grid </a>
<ul class="navbar-nav child_menu">
<li class="nav-item"><a class="nav-link" href="blog-three-column.html">Blog Three Column</a></li>
<li class="nav-item"><a class="nav-link" href="blog-four-column.html">Blog Four Column</a></li>
<li class="nav-item"><a class="nav-link" href="blog-single.html">Blog With Sidebar</a></li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link arrow" href="#">Blog Details </a>
<ul class="navbar-nav child_menu">
<li class="nav-item"><a class="nav-link" href="blog-detail-sidebar.html">With Sidebar</a></li>
<li class="nav-item"><a class="nav-link" href="blog-detail.html">Without Sidebar</a></li>
</ul>
</li>
</ul>
</li>
<li class="nav-item nav_item dropdown">
<a class="nav-link link_hd" href="#"> Shop </a>
<ul class="navbar-nav submenu">
<li class="nav-item"><a class="nav-link" href="shop.html">Shop</a></li>
<li class="nav-item"><a class="nav-link" href="product-details.html">Product Details</a></li>
<li class="nav-item"><a class="nav-link" href="shop-cart.html">cart</a></li>
<li class="nav-item"><a class="nav-link" href="checkout.html">checkout</a></li>
</ul>
</li>
<li class="nav-item nav_item"><a class="nav-link link_hd" href="contact.html">Contact</a></li>
</ul>
<ul class="navbar-nav navbar-mobile navbar_right">
<li class="nav-item dropdown">
<a href="#" class="cart_btn"><i class="flaticon-add-to-cart icon"></i></a>
</li>
<li class="nav-item dropdown">
<a href="#" class="topbar-one__search search-popup__toggler"><i class="flaticon-search icon"></i></a>
</li>
<li class="nav-item dropdown">
<!-- /.site-header__cart -->
<a href="#" class="site-header__sidemenu-nav side-menu__toggler">
<span class="site-header__sidemenu-nav-line"></span>
<!-- /.site-header__sidemenu-nav-line -->
<span class="site-header__sidemenu-nav-line"></span>
<!-- /.site-header__sidemenu-nav-line -->
<span class="site-header__sidemenu-nav-line"></span>
<!-- /.site-header__sidemenu-nav-line -->
<!-- /.site-header__sidemenu -->
</a>
</li>
</ul>
</div>
</div>
</div>
</section>
</header>
<!--Header-->
<!------main-content------>
<main class="main-content">
<section class="page_title">
<div class="container">
<div class="row">
<div class="col-lg-12 d-flex">
<div class="content_box">
<ul class="bread_crumb text-center">
<li class="bread_crumb-item"><a href="#">Home</a></li>
<li class="bread_crumb-item active">Product Details</li>
</ul>
<h1>Product Details</h1>
</div>
</div>
</div>
</div>
</section>
<section class="product_details_outer">
<div class="container">
<div class="row one">
<div class="col-lg-6">
<div class="slider">
<div id="slider" class="flexslider">
<ul class="slides">
<li>
<img src="assets/image/shop/product-4.jpg" class="img-fluid" alt="pro" />
</li>
<li>
<img src="assets/image/shop/product-3.jpg" class="img-fluid" alt="pro" />
</li>
<li>
<img src="assets/image/shop/product-4.jpg" class="img-fluid" alt="pro" />
</li>
<li>
<img src="assets/image/shop/product-3.jpg" class="img-fluid" alt="pro" />
</li>
</ul>
</div>
<div id="carousel" class="flexslider">
<ul class="slides">
<li>
<img src="assets/image/shop/product-4.jpg" class="img-fluid" alt="pro" />
</li>
<li>
<img src="assets/image/shop/product-3.jpg" class="img-fluid" alt="pro" />
</li>
<li>
<img src="assets/image/shop/product-4.jpg" class="img-fluid" alt="pro" />
</li>
<li>
<img src="assets/image/shop/product-3.jpg" class="img-fluid" alt="pro" />
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="product_detail_right ">
<ul class="rating">
<li><span class="flaticon-star"></span><span class="flaticon-star"></span><span class="flaticon-star"></span><span class="flaticon-star"></span><span class="flaticon-star"></span></li>
<li>(1 Reviews)</li>
</ul>
<h2 class="product_nam">Sanitizer Gel</h2>
<h6 class="product_price">$25.00</h6>
<h5><span class="flaticon-correct"></span>In Stock</h5>
<p class="product_description">Cooksville Classic Wayframe Mask are made of new material Ultem, superlight, flexible and anti-allergic, a technologically advanced plastic used by the aerospace industry, and they are as strong as they are light, three
color options: Red, Mblack and Tortoise.
</p>
<div class="add_to_carts">
<div class="field">
<button type="button" class="sub">-</button>
<input type="number" id="1" value="1" min="1" max="3">
<button type="button" class="add">+</button>
</div>
<div class="addbtnct">
<button class="theme_btn tp_one">ADD TO CART</button>
</div>
</div>
<div class="from_">
<p><span>SKU:</span> N/A</p>
<p><span>Categories:</span> Sanitizer Gel, Anitseptics
</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="product_details_nav_tabs">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="description_tab" data-toggle="tab" href="#description" role="tab" aria-controls="description" aria-selected="true">Description </a>
</li>
<li class="nav-item">
<a class="nav-link" id="Reviews_tab" data-toggle="tab" href="#Reviews" role="tab" aria-controls="Reviews" aria-selected="false"> Reviews<sup>(1)</sup></a>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="description" role="tabpanel" aria-labelledby="description_tab">
<p>Only 6 grams of weight is suitable for both men and women who are looking for a pair of chic and comfortable Mask daily wear. Medium-sized frame can suit different face shape. Both computer Mask and plano Mask are
available.
</p>
<div class="row">
<div class="col-lg-6">
<div class="titles">
<ul class="first">
<li>Frame: Full</li>
<li> Shape: Wayframe</li>
<li> PD: 52 - 71</li>
<li> Gender: Men | Women</li>
</ul>
<ul class="second">
<li>Material: Ultem</li>
<li> Progressive: Yes</li>
<li> Bifocal: Yes</li>
</ul>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="Reviews" role="tabpanel" aria-labelledby="Reviews_tab">
</div>
</div>
</div>
</div>
</div>
<div class="products_carousel">
<div class="row ">
<div class="col-lg-12">
<div class="heading text-center">
<h1>Related Products</h1>
</div>
</div>
<div class="col-lg-12 padding_zero">
<div class="owl-carousel four_items">
<div class="product_box type_one">
<div class="inner_box">
<div class="image_box">
<img src="assets/image/shop/product-3.jpg" class="img-fluid" alt="">
<div class="overlay">
<a href="assets/image/shop/product-3.jpg" data-fancybox="gallery" data-caption=" ">
<span class="flaticon-magnifying-glass zoom_icon "></span>
</a>
</div>
</div>
<div class="content_box">
<div class="upper_box clearfix">
<h2>
<a href="#">Medical Mask</a>
</h2>
<a href="#" class="cart_icon"><span class="flaticon-shopping-cart"></span></a>
</div>
<p>$20</p>
</div>
</div>
</div>
<div class="product_box type_one">
<div class="inner_box">
<div class="image_box">
<img src="assets/image/shop/product-3.jpg" class="img-fluid" alt="">
<div class="overlay">
<a href="assets/image/shop/product-3.jpg" data-fancybox="gallery" data-caption=" ">
<span class="flaticon-magnifying-glass zoom_icon "></span>
</a>
</div>
</div>
<div class="content_box">
<div class="upper_box clearfix">
<h2>
<a href="#">Medical Mask</a>
</h2>
<a href="#" class="cart_icon"><span class="flaticon-shopping-cart"></span></a>
</div>
<p>$20</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--------cart-------->
<section class="footer type_two ">
<div class="footer_layer" style="background-image: url(assets/image/resources/footer-bg1.png);"></div>
<div class="container ">
<div class="row ">
<div class="col-lg-3 col-xs-12 ">
<div class="footer_widgets tp_two first ">
<h3 class="widgets_title logo ">
<a href="index.html "><img src="assets/image/home-1-logo-white.png " class="img-fluid " alt="logo "></a>
</h3>
<div class="inner_widgets ">
<p>A novel coronavirus is a new coronavirus that has not been previously identified. The virus causing coronavirus disease 2019 (COVID-19)</p>
<div class="social_media_icon ">
<ul class="clearfix ">
<li>
<a href="# " class="has-tooltip ">
<span class="fa fa-facebook "></span>
<div class="c-tooltip ">
<div class="tooltip-inner ">Facebook</div>
</div>
</a>
</li>
<li>
<a href="# " class="has-tooltip ">
<span class="fa fa-twitter "></span>
<div class="c-tooltip ">
<div class="tooltip-inner ">Twitter</div>
</div>
</a>
</li>
<li>
<a href="# " class="has-tooltip ">
<span class="fa fa-linkedin "></span>
<div class="c-tooltip ">
<div class="tooltip-inner ">Linkedin</div>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 ">
<div class="footer_widgets tp_two ">
<h3 class="widgets_title ">Usefull links</h3>
<div class="inner_widgets ">
<ul>
<li><a href="# ">Situation Reports</a></li>
<li><a href="# ">Advice For Public</a></li>
<li><a href="# ">Prevention</a></li>
<li><a href="# ">Coronavirus Symptoms</a></li>
<li><a href="# ">Donor & Partners</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-xs-12 ">
<div class="footer_widgets tp_two ">
<h3 class="widgets_title ">Contact us</h3>
<div class="inner_widgets ">
<div class="text_box ">
<span class="fa fa-map-marker"></span>
<p>124, Queens walk 2nd cross newyork 5241.</p>
</div>
<div class="text_box ">
<span class="fa fa-phone"></span>
<p>+44 555 67 890</p>
</div>
<div class="text_box ">
<span class="fa fa-clock-o"></span>
<p>Mon - Fri: 09.00 to 18.00</p>
</div>
<div class="text_box ">
<span class="fa fa-envelope"></span>
<p>support@corano.com</p>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-sm-12 col-xs-12 ">
<div class="footer_widgets tp_two ">
<h3 class="widgets_title ">Newsletter</h3>
<div class="inner_widgets ">
<p class="sub_description ">Subscribe Us & Recive Our Offers and Updates i Your Inbox Directly.</p>
<form>
<input type="email" name="email" placeholder="Email Address... " />
<button class="sub_btn" type="submit"><span class="flaticon-paper-plane "></span></button>
</form>
</div>
</div>
</div>
</div>
<div class="footer_last type_two ">
<div class="row ">
<div class="col-lg-12 text-center ">
<p>Copyright © 2020 Corano. All Rights Reserved.</p>
</div>
</div>
</div>
</div>
</section>
<!-------------main-centent-end--------------->
</main>
<!-------------pagewapper-end--------------->
</div>
<!--Scroll to top-->
<a href="# " id="scroll" class="default-bg " style="display: inline;"><span class="fa fa-angle-up "></span></a>
<!---------mbile-navbar----->
<div class="bsnav-mobile ">
<div class="bsnav-mobile-overlay"></div>
<div class="navbar ">
<button class="navbar-toggler toggler-spring mobile-toggler"><span class="fa fa-close "></span></button>
</div>
</div>
<!---------mbile-navbar----->
<!-- /.side-menu__block -->
<div class="side-menu__block">
<div class="side-menu__block-overlay custom-cursor__overlay">
<div class="cursor "></div>
<div class="cursor-follower"></div>
</div>
<!-- /.side-menu__block-overlay -->
<div class="side-menu__block-inner">
<div class="row ">
<div class="col-lg-12 ">
<div class="logo_site ">
<a href="index.html "><img src="assets/image/home-1-logo.png" alt="logo " /></a>
</div>
<div class="side-menu__block-contact ">
<h2>Quick Online Consultancy Only on Few Minutes</h2>
<div class="form_outer ">
<form>
<div class="from_group ">
<input type="text" name="name" placeholder="Name " />
</div>
<div class="from_group ">
<input type="email" name="email" placeholder="Email " />
</div>
<div class="from_group">
<input type="text" name="phone" placeholder="Phone " />
</div>
<div class="from_group">
<textarea rows="4" placeholder="Share Your Thoughts "></textarea>
</div>
<div class="from_group ">
<button class="theme_btn tp_two" type="submit">Contact Us</button>
</div>
</form>
</div>
</div>
<!-- /.side-menu__block-contact -->
<div class="side-menu__block-contact ">
<h3 class="side-menu__block__title ">Contact Us</h3>
<!-- /.side-menu__block__title -->
<ul class="side-menu__block-contact__list ">
<li class="side-menu__block-contact__list-item ">
<i class="fa fa-map-marker "></i> Rock St 12, Newyork City, USA
</li>
<!-- /.side-menu__block-contact__list-item -->
<li class="side-menu__block-contact__list-item ">
<i class="fa fa-phone "></i>
<a href="tel:526-236-895-4732 ">(526) 236-895-4732</a>
</li>
<!-- /.side-menu__block-contact__list-item -->
<li class="side-menu__block-contact__list-item ">
<i class="fa fa-envelope "></i>
<a href="mailto:example@mail.com ">example@mail.com</a>
</li>
<!-- /.side-menu__block-contact__list-item -->
<li class="side-menu__block-contact__list-item ">
<i class="fa fa-clock-o "></i> Week Days: 09.00 to 18.00 Sunday: Closed
</li>
<!-- /.side-menu__block-contact__list-item -->
</ul>
<!-- /.side-menu__block-contact__list -->
</div>
<!-- /.side-menu__block-contact -->
<p class="side-menu__block__text site-footer__copy-text "><a href="# ">corano</a> <i class="fa fa-copyright "></i> 2020 All Right Reserved</p>
</div>
</div>
<!-- /.side-menu__block-inner -->
</div>
</div>
<!-- /.side-menu__block -->
<!-- /.search-popup -->
<div class="search-popup">
<div class="search-popup__overlay custom-cursor__overlay">
<div class="cursor "></div>
<div class="cursor-follower "></div>
</div>
<!-- /.search-popup__overlay -->
<div class="search-popup__inner ">
<form action="# " class="search-popup__form ">
<input type="text" name="search" placeholder="Type here to Search.... ">
<button type="submit"><i class="flaticon-magnifying-glass "></i></button>
</form>
</div>
<!-- /.search-popup__inner -->
</div>
<!-- /.search-popup -->
<!-----------------------------------script-------------------------------------->
<script src="assets/js/jquery.js "></script>
<script src="assets/js/popper.min.js "></script>
<script src="assets/js/bootstrap.min.js "></script>
<script src="assets/js/bsnav.min.js "></script>
<script src="assets/js/jquery-ui.js "></script>
<script src="assets/js/wow.js "></script>
<script src="assets/js/owl.js "></script>
<script src="assets/js/odometer.min.js "></script>
<script src="assets/js/TweenMax.min.js "></script>
<script src="assets/js/validator.min.js "></script>
<script src="assets/js/appear.js "></script>
<script src="assets/js/moment.js "></script>
<script src="assets/js/jquery.flexslider-min.js"></script>
<script src="assets/js/pagenav.js"></script>
<script src="assets/js/custom.js "></script>
</body>
</html>