Files
pkrstarsbot/website/Boson/htdocs/shop-single.html
2021-02-17 19:15:28 +01:00

559 lines
30 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<title>Boson</title>
<!-- Styles -->
<link rel="stylesheet" href="css/prettyPhoto.css">
<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/jquery-ui.css">
<link rel="stylesheet" href="css/yamm/yamm.css">
<link rel="stylesheet" href="css/color-scheme/blue.css">
<link rel="stylesheet" href="css/responsive.css">
<link href="js/flexslider/flexslider.css" rel="stylesheet" />
<!-- Base JS -->
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/flexslider/jquery.flexslider.js"></script>
<script src="js/jquery.sticky.js"></script>
<script src="js/stellar.js"></script>
<script src="js/main.js"></script>
<script src="js/main2.js"></script>
<script src="js/shop.js"></script>
</head>
<body>
<div class="main">
<!-- HEADER
============================================= -->
<div class="header">
<header>
<div class="navbar yamm navbar-default navbar-top">
<div class="container">
<div class="navbar-header">
<button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="./index.html" class="navbar-brand logo"><img src="img/logo.png" alt=""></a>
</div>
<div id="navbar-collapse-1" class="navbar-collapse collapse">
<!-- Search Form -->
<form action="/" class="b-search-form">
<div class="input-wrap">
<input type="text" placeholder="Search..">
</div>
</form>
<!-- End Search Form -->
<ul class="nav navbar-nav pull-right">
<li class="dropdown yamm-fw yamm-fw5">
<a href="#" data-toggle="dropdown" class="dropdown-toggle active">Home</a> <ul class="dropdown-menu">
<li>
<div class="yamm-content">
<div class="row">
<div class="col-xs-12 col-sm-3 m-submenu first">
<div class="mmenu-title">Home Pages</div>
<a href="index-1.html">Home Layout 1</a>
<a href="index-2.html">Home Layout 2</a>
<a href="index-3.html">Home Layout 3</a>
<a href="index-4.html">Home Layout 4</a>
<a href="index-5.html">Home Layout 5</a>
<a href="index-6.html">Home Layout 6</a>
<a href="index-7.html">Home Layout 7</a>
</div>
<div class="col-xs-12 col-sm-3 m-submenu">
<a href="index-8.html">Home Layout 8</a>
<a href="index-9.html">Home Layout 9</a>
<a href="index-10.html">Home Layout 10</a>
<a href="index-11.html">Home Layout 11</a>
<div class="mmenu-title">Home - One Page</div>
<a href="index-onepage.html">One Page Default</a>
<a href="oncepage-topbar.html">One Page Topbar</a>
<a href="onepage-transparent.html">One Page Transparent</a>
</div>
<div class="col-xs-12 col-sm-3 m-submenu">
<div class="mmenu-title">Landing Page 1-7</div>
<a href="home-restaurant.html">Home - Restaurant</a>
<a href="home-construction.html">Home - Construction</a>
<a href="home-hosting.html">Home - Hosting</a>
<a href="home-lawyer.html">Home - Lawyer</a>
<a href="home-fashion.html">Home - Fashion</a>
<a href="home-portfolio.html">Home - Portfolio</a>
<a href="home-landing.html">Home - App Landing</a>
</div>
<div class="col-xs-12 col-sm-3 m-submenu">
<div class="mmenu-title">Landing Pages 8 - 14</div>
<a href="home-creative.html">Home - Creative</a>
<a href="home-marketing.html">Home - Marketing</a>
<a href="home-resume.html">Home - Resume</a>
<a href="home-medical.html">Home - Medical</a>
<a href="home-gym.html">Home - Gym</a>
<a href="home-church.html">Home - church</a>
<a href="home-charity.html">Home - Charity</a>
</div>
<div class="col-xs-12 col-sm-3 m-submenu">
<div class="mmenu-title">Landing Pages 15-21 </div>
<a href="home-resume.html">Home - Resume</a>
<a href="home-portfolio2.html">Home - Portfolio 2</a>
<a href="home-app-landing.html">Home - App landing</a>
<a href="home-corporate.html">Home - Corporate</a>
<a href="home-hosting2.html">Home - Hosting</a>
<a href="home-marketing.html">Home - Marketing</a>
<a href="home-restaurant2.html">Home - Restaurant 2</a>
</div>
</div>
</div>
</li>
</ul>
</li>
<!-- Classic list -->
<li class="dropdown">
<a href="#" data-toggle="dropdown" class="dropdown-toggle">One Page</a>
<ul class="dropdown-menu yamm-sm">
<li class="dropdown-submenu">
<a href="#">Home - One Page</a>
<ul class="dropdown-menu">
<li><a href="index-onepage.html">One Page Default</a></li>
<li><a href="oncepage-topbar.html">One Page Topbar</a></li>
<li><a href="onepagefullslider.html">One Page Full Slider</a></li>
<li><a href="onepage-transparent.html">One Page Transparent</a></li>
</ul>
</li>
<li><a href="onepage-restaurant.html">OnePage - Restaurant</a></li>
<li><a href="onepage-construction.html">One Page - Construction</a></li>
<li><a href="onepage-hosting.html">One Page - Hosting</a></li>
<li><a href="onepage-lawyer.html">One Page - Lawyer</a></li>
<li><a href="onepage-fashion.html">One Page - Fashion</a></li>
<li><a href="onepage-landing.html">One Page - App Landing</a></li>
<li><a href="onepage-resume.html">One Page - Resume</a></li>
<li><a href="onepage-medical.html">One Page - Medical</a></li>
<li><a href="onepage-gym.html">One Page - Gym</a></li>
<li><a href="onepage-church.html">One Page - church</a></li>
<li><a href="onepage-charity.html">One Page - Charity</a></li>
<li><a href="onepage-corporate.html">One Page - Corporate</a></li>
</ul>
</li><li class="dropdown">
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Nav Style</a>
<ul class="dropdown-menu yamm-sm">
<li><a href="index-nav-with-topbar.html">Nav With Topbar</a></li>
<li><a href="index-nav-without-topbar.html">Nav Without Topbar</a></li>
<li><a href="index-bottom-nav-style.html">Bottom Nav Style</a></li>
<li><a href="index-bottom-nav-with-blackbar.html">Bottom Nav with Topbar</a></li>
<li><a href="index-transparent.html">Transparent Nav</a></li>
</ul>
</li>
<li class="dropdown yamm-fw">
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
<ul class="dropdown-menu">
<li>
<div class="yamm-content">
<div class="row">
<div class="col-xs-12 col-sm-3 m-submenu first">
<a href="about-us.html">About Us</a>
<a href="pricing.html">Pricing Tables</a>
<a href="testimonials.html">Testimonials</a>
<a href="testimonials-2.html">Testimonials: 2</a>
<a href="404-error-page.html">404 Error Page</a>
</div>
<div class="col-xs-12 col-sm-3 m-submenu">
<a href="services-2.html">Services: 1</a>
<a href="services-3.html">Services: 2</a>
<a href="services-4.html">Services: 3</a>
<a href="services-5.html">Services: 4</a>
<a href="services-6.html">Services: 5</a>
</div>
<div class="col-xs-12 col-sm-3 m-submenu">
<a href="meet-the-team.html">Meet The Team</a>
<a href="faq.html">F.A.Q.</a>
<a href="full-width-page.html">Full Width Page</a>
<a href="side-navigation.html">Side Navigation</a>
<a href="search-results.html">Search Results</a>
</div>
<div class="col-xs-12 col-sm-3 m-submenu">
<a href="page-with-right-sidebar.html">Page With Right Sidebar</a>
<a href="page-with-left-sidebar.html">Page With Left Sidebar</a>
<a href="no-title-bar.html">No Title Bar</a>
<a href="contact-us-1.html">Contact Us 1</a>
<a href="contact-us-2.html">Contact Us 2</a>
</div>
</div>
</div>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Portfolio</a>
<ul class="dropdown-menu yamm-sm">
<li><a href="portfolio-2-columns.html">Portfolio: 2 Columns</a></li>
<li><a href="portfolio-3-columns.html">Portfolio: 3 Columns</a></li>
<li><a href="portfolio-4-columns.html">Portfolio: 4 Columns</a></li>
<li class="dropdown-submenu">
<a href="#">Single Project: Wide</a>
<ul class="dropdown-menu">
<li><a href="portfolio-single-wide-image.html">Image</a></li>
<li><a href="portfolio-single-wide-slider.html">Slider</a></li>
<li><a href="portfolio-single-wide-video.html">Video</a></li>
</ul>
</li>
<li class="dropdown-submenu">
<a href="#">Single Project: Half</a>
<ul class="dropdown-menu">
<li><a href="portfolio-single-half-image.html">Image</a></li>
<li><a href="portfolio-single-half-slider.html">Slider</a></li>
<li><a href="portfolio-single-half-video.html">Video</a></li>
</ul>
</li>
</ul>
</li>
<li class="dropdown">
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Blog</a>
<ul class="dropdown-menu yamm-sm">
<li><a href="blog-large.html">Blog: Large Images</a></li>
<li><a href="blog-medium.html">Blog: Medium Images</a></li>
<li class="dropdown-submenu">
<a href="#">Blog: Single Post</a>
<ul class="dropdown-menu">
<li><a href="blog-single-image.html">Image</a></li>
<li><a href="blog-single-slider.html">Slider</a></li>
<li><a href="blog-single-video.html">Video</a></li>
</ul>
</li>
<li><a href="news.html">News</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Elements</a>
<ul class="dropdown-menu yamm-sm">
<li><a href="icon-boxes-1.html">Icon Boxes: 1</a></li>
<li><a href="icon-boxes-2.html">Icon Boxes: 2</a></li>
<li><a href="elements.html">Elements</a></li>
<li><a href="images.html">Images & Gallery</a></li>
<li><a href="lists.html">Lists</a></li>
<li><a href="columns.html">Grid Columns</a></li>
<li><a href="typography.html">Typography</a></li>
<li><a href="media.html">Media</a></li>
<li><a href="pricing-elements.html">Elements of Prices</a></li>
</ul>
</li>
<li class="dropdown">
<a href="./contact-us-1.html" data-toggle="dropdown" class="dropdown-toggle"><i class="shopping-cart"></i>Shop</a>
<ul class="dropdown-menu yamm-sm">
<li><a href="./shop.html">Shop - Home</a></li>
<li><a href="./shop-single.html">Shop - Single</a></li>
<li><a href="./shop_checkout.html">Shop - Checkout</a></li>
<li><a href="./shop_cart.html">Shop - Cart</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</header>
</div>
<!-- END HEADER
============================================= -->
<!-- TITLE BAR
============================================= -->
<div class="b-titlebar">
<div class="container layout">
<!-- Bread Crumbs -->
<ul class="crumbs">
<li>You are here:</li>
<li><a href="#">Home</a></li>
<li><a href="#">Shop</a></li>
</ul>
<!-- Title -->
<h1>Shop</h1>
</div>
</div>
<!-- END TITLE BAR
============================================= -->
<!-- SHOP SINGLE CONTENT
============================================= -->
<div class="content">
<div class="container layout">
<div class="row">
<div class="row-item col-md-4">
<div class="shop-inner">
<div class="flexslider" id="portfolio-slider1">
<ul class="slides">
<li><img src="img/shop/single/1.jpg"></li>
<li><img src="img/shop/single/1.jpg"></li>
<li><img src="img/shop/single/1.jpg"></li>
</ul>
</div>
<ol class=
"flex-control-nav1 flex-control-thumbs portfolio-slider1-thumbs">
<li><img class="" draggable="false" src=
"img/shop/1.jpg"></li>
<li><img class="" draggable="false" src=
"img/shop/2.jpg"></li>
<li><img class="" draggable="false" src=
"img/shop/3.jpg"></li>
</ol>
</div>
</div>
<div class="row-item col-md-8">
<div class="entry-summary">
<h2 class="shorter"><strong>Sed ut
Perspiciatis</strong></h2>
<div class="price">
<span class="amount">$25</span>
</div>
<p>Pellentesque habitant morbi tristique senectus et netus
et malesuada fames ac turpis egestas. Vestibulum tortor
quam, feugiat vitae, ultricies eget, tempor sit amet, ante.
Donec eu libero sit amet quam egestas semper. Aenean
ultricies mi vitae est. Mauris placerat eleifend leo.</p>
<!-- Success List -->
<ul class="b-list iconok">
<li><span>Cotton Construction</span></li>
<li><span>70/30 Acrylic/Wool Lining</span></li>
<li><span>Strategically Placed, Utilitarian
Pockets</span></li>
<li><span>Reinforced Elbows</span></li>
<li><span>Vented Yoke</span></li>
</ul><!-- End Success List -->
<p>Feugiat vitae, ultricies eget, tempor sit amet, ante.
Donec eu libero sit amet quam egestas semper. Aenean
ultricies mi vitae est. Mauris placerat eleifend leo.</p>
<form class="cart" enctype="multipart/form-data" method=
"post">
<div class="quantity">
<input class="minus btn" type="button" value="-">
<input class="input-text qty text" min="1" name=
"quantity" step="1" title="Qty" type="number"
value="1"> <input class="plus btn" type="button"
value="+">
</div><a href="#" class="btn colored">Add to cart</a>
</form>
<div class="product_meta">
<span>SKU: W007. Categories: <a href="#" rel=
"tag">Clothes</a> , <a href="#" rel="tag">Featured</a>
, <a href="#" rel="tag">Kids</a> , <a href="#" rel=
"tag">Kides gadgets</a>.</span>
</div><!-- Horizontal Tabs -->
<div class="b-tabs">
<!-- Tabs Navigation -->
<ul class="tabs-nav">
<li class="active"><span>Description</span></li>
<li><span>Reviews(2)</span></li>
</ul><!-- End Tabs Navigation -->
<!-- Tabs Content -->
<div class="tabs-content">
<div class="tab active">
<p>Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Pellentesque sem mauris,
aliquam vel interdum in, faucibus non libero.
Asunt in anim uis aute irure dolor in
reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in anim
id est laborum. Allamco laboris nisi ut aliquip
ex ea commodo consequat. Aser velit esse cillum
dolore eu fugiat nulla pariatur. Excepteur sint
occaecat cupidatat non proident, sunt in anim
id est laborum.</p>
</div>
<div class="tab reviews">
<div class="r-ratings"></div>
<p>2 review for Sed ut Perspiciatis</p>
<div class="review-content">
<div class="reviews-info">
<img alt="" class="reviews-thumb" src=
"img/reviews/author1.png">
<div class="reviews-info-inner">
<div class="r-ratings"></div>
<p><span class="name">Jane <em>-
December 10,2012:</em></span>
Feugiat vitae, ultricies eget,
tempor sit amet, ante. Donec eu
libero sit amet quam egestas
semper. Aenean ultricies mi vitae
est. Mauris placerat eleifend
leo.</p>
</div>
</div>
<div class="reviews-info">
<img alt="" class="reviews-thumb" src=
"img/reviews/author2.png">
<div class="reviews-info-inner">
<div class="r-ratings"></div>
<p><span class="name">Alex <em>-
December 10,2012:</em></span> Donec
eu libero sit amet quam egestas
semper.</p>
</div>
</div>
</div>
</div><!-- End Tabs Content -->
</div><!-- End Horizontal Tabs -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END CONTENT
============================================= -->
<!-- FOOTER
============================================= -->
<div class="footer">
<!-- Widget Area -->
<div class="b-widgets">
<div class="container layout">
<div class="row">
<!-- Links -->
<div class="row-item col-md-3">
<h3>Links</h3>
<ul class="b-list just-links m-dark">
<li><a href="#">Voluptas Assumenda</a></li>
<li><a href="#">Repudiandae Sint</a></li>
<li><a href="#">Perferendis Doloribus</a></li>
<li><a href="#">Maxime Placeat</a></li>
<li><a href="#">Quidem Rerum</a></li>
<li><a href="#">Occaecati Cupiditate</a></li>
</ul>
</div>
<!-- End Links -->
<!-- Latest Tweets -->
<div class="row-item col-md-3">
<h3>Latest Tweets</h3>
<div class="b-twitter m-footer">
<ul>
<!-- Twitter Message 1 -->
<li>
<span>Sed ut perspiciatis unde omnis iste natus error sit voluptatem <a href="#" class="link">http://twitter.com</a></span>
<span class="twit-date">Jan 7, 2013</span>
</li>
<!-- Twitter Message 2 -->
<li>
<span>Nemo enim ipsam voluptatem quia voluptas sit aspernatur aliquid :) <a href="#" class="link">http://twitter.com</a></span>
<span class="twit-date">Jan 7, 2013</span>
</li>
</ul>
</div>
</div>
<!-- End Latest Tweets -->
<!-- Tag Cloud -->
<div class="row-item col-md-3">
<h3>Popular Tags</h3>
<div class="b-tag-cloud m-dark">
<a href="#">beach</a>
<a href="#">bar</a>
<a href="#">blog</a>
<a href="#">business</a>
<a href="#">coctail</a>
</div>
</div>
<!-- End Tag Cloud -->
<!-- Contact Form -->
<div class="row-item col-md-3">
<h3>Contact Form</h3>
<!-- Success Message -->
<div class="form-message"></div>
<!-- Form -->
<form class="b-form b-contact-form" action="contact.php">
<div class="input-wrap m-full-width">
<i class="icon-user"></i>
<input class="field-name" type="text" placeholder="Name (required)">
</div>
<div class="input-wrap m-full-width">
<i class="icon-envelope"></i>
<input class="field-email" type="text" placeholder="E-mail (required)">
</div>
<div class="textarea-wrap">
<i class="icon-pencil"></i>
<textarea class="field-comments" placeholder="Message"></textarea>
</div>
<input class="btn-submit btn colored" type="submit" value="Send">
</form>
<!-- End Contact Form -->
</div>
<!-- End Get In Touch -->
</div>
</div>
</div>
<!-- End Widget Area -->
<!-- Copyright Area -->
<div class="b-copyright">
<div class="container layout">
<!-- Copyright Text -->
<span class="copy">Copyright &copy; 2016 <a href="index.html">Boson</a>. All Right Reserved.</span>
<!-- Social Icons -->
<ul class="b-social bot">
<li>Follow Us:</li>
<li><a class="fb" href="#"><i class="icon-facebook"></i></a></li>
<li><a class="tw" href="#"><i class="icon-twitter"></i></a></li>
<li><a class="gl" href="#"><i class="icon-google-plus"></i></a></li>
<li><a class="dr" href="#"><i class="icon-dribbble"></i></a></li>
<li><a class="sk" href="#"><i class="icon-skype"></i></a></li>
<!--
<li><a class="yt" href="#"><i class="icon-youtube"></i></a></li>
<li><a class="tl" href="#"><i class="icon-tumblr"></i></a></li>
<li><a class="is" href="#"><i class="icon-instagram"></i></a></li>
<li><a class="pt" href="#"><i class="icon-pinterest"></i></a></li>
<li><a class="lin" href="#"><i class="icon-linkedin"></i></a></li>
<li><a class="vk" href="#"><i class="icon-vk"></i></a></li>
<li><a class="dx" href="#"><i class="icon-dropbox"></i></a></li>
<li><a class="fs" href="#"><i class="icon-foursquare"></i></a></li>
<li><a class="gh" href="#"><i class="icon-github-alt"></i></a></li>
<li><a class="mx" href="#"><i class="icon-maxcdn"></i></a></li>-->
</ul>
</div>
</div>
</div>
<!-- END FOOTER
============================================= -->
</div>
<!-- END MAIN
============================================= -->
</body>
</html>