core/skin/virtual-nt.ru/mobile/blogs.html

782 lines
27 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic page needs
============================================ -->
<title>Market - Premium Multipurpose HTML5/CSS3 Theme</title>
<meta charset="utf-8">
<meta name="keywords" content="boostrap, responsive, html5, css3, jquery, theme, multicolor, parallax, retina, business" />
<meta name="author" content="Magentech">
<meta name="robots" content="index, follow" />
<!-- Mobile specific metas
============================================ -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- Favicon
============================================ -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="ico/favicon.png">
<!-- Google web fonts
============================================ -->
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'>
<!-- Libs CSS
============================================ -->
<link rel="stylesheet" href="css/bootstrap/css/bootstrap.min.css">
<link href="css/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="js/owl-carousel/owl.carousel.css" rel="stylesheet">
<link href="js/owl-carousel/owl.carousel.css" rel="stylesheet">
<link href="js/ratchet/ratchet.css" rel="stylesheet">
<!-- Theme CSS
============================================ -->
<link href="css/mobile.css" rel="stylesheet">
</head>
<body class="ltr mobilelayout-0">
<!-- Begin Main wrapper -->
<div id="wrapper" >
<!-- Begin Bar Tab -->
<nav class="bar bar-tab">
<a class="tab-item " href="index.html" data-transition="slide-in">
<span class="icon icon-home"></span>
<span class="tab-label">Home</span>
</a>
<a class="tab-item" href="#" data-transition="slide-in">
<span class="icon icon-search"></span>
<span class="tab-label">Search</span>
</a>
<a class="tab-item item-cart" href="checkout.html" data-transition="slide-in">
<span class="icon icon-download"></span>
<div id="cart" class="btn-shopping-cart">
<span class="total-shopping-cart cart-total-full">
<span class="items_cart">0 </span> </span>
</div>
<span class="tab-label">View Cart</span>
</a>
<a class="tab-item" href="login.html" data-transition="slide-in">
<span class="icon icon-person"></span>
<span class="tab-label">My Account</span>
</a>
<a class="tab-item tab-item--more tooltip-popovers" href="#popover">
<span class="icon icon-more"></span>
<span class="tab-label">More</span>
</a>
</nav>
<div id="popover" class="popover fade bottom in right">
<ul class="table-view">
<li class="table-view-cell"><a class="tab-item" href="index.html"> Home </a></li>
<li class="table-view-cell"><a class="tab-item" href="home2.html"> Home 2 </a></li>
<li class="table-view-cell"><a class="tab-item" href="home3.html"> Home 3 </a></li>
</ul>
</div>
<!-- //End Bar Tab -->
<!-- Begin Bar Nav -->
<header class="bar bar-nav ">
<a class="btn btn-link btn-nav pull-left" href="#" onclick="history.go(-1); return false;">
<span class="icon icon-left-nav"></span>
</a>
<a class="btn btn-link btn-nav pull-right toggle-panel" href="#panel-menu">
<span class="icon icon-bars"></span>
</a>
<h1 class="title">Blogs</h1>
</header>
<!-- //End Bar Nav -->
<div class="content">
<!-- //Begin Main Content -->
<div class="container page-sitemap">
<div class="row">
<div id="content" class="col-xs-12">
<div class="blog-listitem grid">
<div class="blog-item col-md-6 col-sm-6">
<div class="itemBlogImg left-block col-sm-12">
<div class="article-image banners ">
<a class="popup-gallery" href="blog-detail.html"><img src="../img/demo/blog/blog-1.jpg" alt="Nure caten raverunt lector legere"> </a>
<div class="article-date">
<div class="date"> <b>11</b> Apr </div>
</div>
</div>
</div>
<div class="itemBlogContent right-block col-sm-12">
<!-- NAME TITLE-->
<div class="article-title font-ct">
<h4><a href="blog-detail.html">Nure Caten Raverunt Lector Legere</a></h4>
</div>
<!-- COMMENT -->
<div class="blog-meta">
<span class="author"><i class="fa fa-user"></i><span>Post by </span>Admin</span>
<span class="comment_count"><i class="fa fa-comments"></i><a href="#">3 Comments</a></span>
</div>
<div class="readmore">
<a class="btn-readmore" href="blog-detail.html"><i class="fa fa-caret-right"></i>Read More</a>
</div>
</div>
</div>
<div class="blog-item col-md-6 col-sm-6">
<div class="itemBlogImg left-block col-sm-12">
<div class="article-image banners ">
<div>
<a class="popup-gallery" href="blog-detail.html"><img src="../img/demo/blog/blog-4.jpg" alt="Donec tellus Nulla lorem">
</a>
</div>
<div class="article-date">
<div class="date"><b>11</b> Apr </div>
</div>
</div>
</div>
<div class="itemBlogContent right-block col-sm-12">
<!-- NAME TITLE-->
<div class="article-title font-ct">
<h4><a href="blog-detail.html">Donec Tellus Nulla Lorem</a></h4>
</div>
<!-- COMMENT -->
<div class="blog-meta">
<span class="author"><i class="fa fa-user"></i><span>Post by </span>Admin</span>
<span class="comment_count"><i class="fa fa-comments"></i><a href="#">2 Comments</a></span>
</div>
<div class="readmore">
<a class="btn-readmore" href="blog-detail.html"><i class="fa fa-caret-right"></i>Read More</a>
</div>
</div>
</div>
<div class="blog-item col-md-6 col-sm-6">
<div class="itemBlogImg left-block col-sm-12">
<div class="article-image banners ">
<div>
<a class="popup-gallery" href="blog-detail.html"><img src="../img/demo/blog/blog-3.jpg" alt="Commodo laoreet semper">
</a>
</div>
<div class="article-date">
<div class="date"> <b>11</b> Apr </div>
</div>
</div>
</div>
<div class="itemBlogContent right-block col-sm-12">
<!-- NAME TITLE-->
<div class="article-title font-ct">
<h4><a href="blog-detail.html">Commodo Laoreet Semper</a></h4>
</div>
<!-- COMMENT -->
<div class="blog-meta">
<span class="author"><i class="fa fa-user"></i><span>Post by </span>Admin</span>
<span class="comment_count"><i class="fa fa-comments"></i><a href="#">5 Comments</a></span>
</div>
<div class="readmore">
<a class="btn-readmore" href="blog-detail.html"><i class="fa fa-caret-right"></i>Read More</a>
</div>
</div>
</div>
<div class="blog-item col-md-6 col-sm-6">
<div class="itemBlogImg left-block col-sm-12">
<div class="article-image banners ">
<div>
<a class="popup-gallery" href="blog-detail.html"><img src="../img/demo/blog/blog-2.jpg" alt="Biten demonstraverunt lector ">
</a>
</div>
<div class="article-date">
<div class="date"> <b>11</b> Apr </div>
</div>
</div>
</div>
<div class="itemBlogContent right-block col-sm-12">
<!-- NAME TITLE-->
<div class="article-title font-ct">
<h4><a href="blog-detail.html">Biten Demonstraverunt Lector </a></h4>
</div>
<!-- COMMENT -->
<div class="blog-meta">
<span class="author"><i class="fa fa-user"></i><span>Post by </span>Admin</span>
<span class="comment_count"><i class="fa fa-comments"></i><a href="#">0 Comments</a></span>
</div>
<div class="readmore">
<a class="btn-readmore" href="blog-detail.html"><i class="fa fa-caret-right"></i>Read More</a>
</div>
</div>
</div>
<div class="blog-item col-md-6 col-sm-6">
<div class="itemBlogImg left-block col-sm-12">
<div class="article-image banners ">
<div>
<a class="popup-gallery" href="blog-detail.html"><img src="../img/demo/blog/blog-1.jpg" alt="Ullamco laboris nisi ut aliquip">
</a>
</div>
<div class="article-date">
<div class="date"> <b>11</b> Apr </div>
</div>
</div>
</div>
<div class="itemBlogContent right-block col-sm-12">
<!-- NAME TITLE-->
<div class="article-title font-ct">
<h4><a href="blog-detail.html">Ullamco Laboris Nisi Ut Aliquip</a></h4>
</div>
<!-- COMMENT -->
<div class="blog-meta">
<span class="author"><i class="fa fa-user"></i><span>Post by </span>Admin</span>
<span class="comment_count"><i class="fa fa-comments"></i><a href="#">0 Comments</a></span>
</div>
<div class="readmore">
<a class="btn-readmore" href="blog-detail.html"><i class="fa fa-caret-right"></i>Read More</a>
</div>
</div>
</div>
<div class="blog-item col-md-6 col-sm-6">
<div class="itemBlogImg left-block col-sm-12">
<div class="article-image banners ">
<div>
<a class="popup-gallery" href="blog-detail.html"><img src="../img/demo/blog/blog-3.jpg" alt="laoreet massa pellentesque placerat nisl placerat nisl ">
</a>
</div>
<div class="article-date">
<div class="date">
<b>31</b> Mar </div>
</div>
</div>
</div>
<div class="itemBlogContent right-block col-sm-12">
<!-- NAME TITLE-->
<div class="article-title font-ct">
<h4><a href="blog-detail.html">Laoreet Massa Pellentesque Placerat Nisl Placerat Nisl </a></h4>
</div>
<!-- COMMENT -->
<div class="blog-meta">
<span class="author"><i class="fa fa-user"></i><span>Post by </span>Admin</span>
<span class="comment_count"><i class="fa fa-comments"></i><a href="#">0 Comments</a></span>
</div>
<div class="readmore">
<a class="btn-readmore" href="blog-detail.html"><i class="fa fa-caret-right"></i>Read More</a>
</div>
</div>
</div>
<div class="blog-item col-md-6 col-sm-6">
<div class="itemBlogImg left-block col-sm-12">
<div class="article-image banners ">
<div>
<a class="popup-gallery" href="blog-detail.html"><img src="../img/demo/blog/blog-6.jpg" alt="placerat massa pellentesque placerat nisl laoreet pacera nisl ">
</a>
</div>
<div class="article-date">
<div class="date">
<b>31</b> Mar </div>
</div>
</div>
</div>
<div class="itemBlogContent right-block col-sm-12">
<!-- NAME TITLE-->
<div class="article-title font-ct">
<h4><a href="blog-detail.html">Placerat Massa Pellentesque Placerat Nisl Laoreet Pacera Nisl </a></h4>
</div>
<!-- COMMENT -->
<div class="blog-meta">
<span class="author"><i class="fa fa-user"></i><span>Post by </span>Admin</span>
</div>
<div class="readmore">
<a class="btn-readmore" href="blog-detail.html"><i class="fa fa-caret-right"></i>Read More</a>
</div>
</div>
</div>
<div class="blog-item col-md-6 col-sm-6">
<div class="itemBlogImg left-block col-sm-12">
<div class="article-image banners ">
<div>
<a class="popup-gallery" href="blog-detail.html"><img src="../img/demo/blog/blog-5.jpg" alt="Donec massa pellentesque placerat nisl laoreet placerat nisl ">
</a>
</div>
<div class="article-date">
<div class="date">
<b>31</b> Mar </div>
</div>
</div>
</div>
<div class="itemBlogContent right-block col-sm-12">
<!-- NAME TITLE-->
<div class="article-title font-ct">
<h4><a href="blog-detail.html">Donec Massa Pellentesque Placerat Nisl Laoreet Placerat Nisl </a></h4>
</div>
<!-- COMMENT -->
<div class="blog-meta">
<span class="author"><i class="fa fa-user"></i><span>Post by </span>Admin</span>
</div>
<div class="readmore">
<a class="btn-readmore" href="blog-detail.html"><i class="fa fa-caret-right"></i>Read More</a>
</div>
</div>
</div>
<!-- <div class="clearfix visible-sm-block"></div> -->
<div class="blog-item col-md-6 col-sm-6">
<div class="itemBlogImg left-block col-sm-12">
<div class="article-image banners ">
<div>
<a class="popup-gallery" href="blog-detail.html"><img src="../img/demo/blog/blog-4.jpg" alt="Neque porro quisquam est">
</a>
</div>
<div class="article-date">
<div class="date">
<b>06</b> Mar </div>
</div>
</div>
</div>
<div class="itemBlogContent right-block col-sm-12">
<!-- NAME TITLE-->
<div class="article-title font-ct">
<h4><a href="blog-detail.html">Neque Porro Quisquam Est</a></h4>
</div>
<!-- COMMENT -->
<div class="blog-meta">
<span class="author"><i class="fa fa-user"></i><span>Post by </span>Admin</span>
<span class="comment_count"><i class="fa fa-comments"></i><a href="#">0 Comments</a></span>
</div>
<div class="readmore">
<a class="btn-readmore" href="blog-detail.html"><i class="fa fa-caret-right"></i>Read More</a>
</div>
</div>
</div>
</div>
<div class="product-filter product-filter-bottom filters-panel filters-blog clearfix">
<div class="row">
<div class="col-xs-12">
<div class="pull-right">
<ul class="pagination">
<li class="active"><span>1</span>
</li>
<li><a href="#">2</a>
</li>
<li><a href="#">&gt;</a>
</li>
<li><a href="#">&gt;|</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- //End Main Content -->
<!-- //Begin Footer Content -->
<div class="container footer-content">
<div class="footernav-top">
<div class="need-help">
<p>Need Help</p>
<div class="nh-contact">
<a href="tel:12345678"><i class="fa fa-phone"></i>12345678</a> <a class="need-help-padding" href="mailto:Support@revo.com" target="_top"><i class="fa fa-envelope-o"></i> Email Us</a> </div>
</div>
</div>
<div class="footernav-social">
<p><a href="javascript:void(0);">FIND US ON</a>
</p>
<ul class="list-inline">
<li>
<a href="https://www.facebook.com/MagenTech/" target="_blank"> <i class="fa fa-facebook social-icon"></i>
</a>
</li>
<li>
<a href="https://twitter.com/magentech" target="_blank"> <i class="fa fa-twitter social-icon"></i>
</a>
</li>
<li>
<a href="https://plus.google.com/+Magentech-responsive-magento-theme" target="_blank"> <i class="fa fa-google-plus social-icon"></i>
</a>
</li>
</ul>
</div>
<div class="footernav-midde">
<ul class="footer-link-list row">
<li class="col-xs-6"><a href="about-us.html"> About us </a></li>
<li class="col-xs-6"><a href="sitemap.html"> Sitemap </a></li>
<li class="col-xs-6"><a href="blog-detail.html"> Blog Detail </a></li>
<li class="col-xs-6"><a href="category.html"> Category </a></li>
<li class="col-xs-6"><a href="blogs.html"> Blog </a></li>
<li class="col-xs-6"><a href="product.html"> Product </a></li>
<li class="col-xs-6"><a href="login.html"> Login </a></li>
<li class="col-xs-6"><a href="checkout.html"> Checkout </a></li>
<li class="col-xs-6"><a href="register.html"> Register </a></li>
<li class="col-xs-6"><a href="contact.html"> Contact </a></li>
</ul>
</div>
<div class="footernav-bottom">
<div class="text-center">
<p class="nomargin"><img alt="Footer Image" class="form-group" src="../img/demo/payment/payment_method_mob.png">
</p>
Copyright © 2017 by Market. All Rights Reserved.
</div>
</div>
</div>
<!-- //End Footer Content -->
</div>
</div>
<div id="panel-menu" class="side-menu panel panel-left">
<div class="content">
<div class="panel-left__top clearfix text-center">
<div class="panel-logo">
<a href="index.php"><img src="../img/demo/logos/theme_logo.png" title="Your Store" alt="Your Store"></a>
</div>
<div class="panel-search">
<div id="search" class="input-group">
<input type="text" name="search" value="" placeholder="Search" class="form-control input-lg">
<span class="input-group-btn">
<button type="button" class="btn btn-default btn-link"><i class="fa fa-search"></i></button>
</span>
</div>
</div>
</div>
<div class="panel-left__midde">
<div class="panel-group" id="panel-category" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab">
<a href="#">Jewelry</a>
<span class="head"><a class="pull-right accordion-toggle" data-toggle="collapse" data-parent="#panel-category" href="#panel-category1" aria-expanded="true"></a></span>
</div>
<div id="panel-category1" class="panel-collapse collapse " role="tabpanel">
<ul>
<li>
<a href="#">Necklaces</a>
</li>
<li>
<a href="#">Pearl Jewelry</a>
</li>
<li>
<a href="#">Slider 925</a>
</li>
</ul>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab">
<a href="#">Womens</a>
<span class="head"><a class="pull-right accordion-toggle" data-toggle="collapse" data-parent="#panel-category" href="#panel-category2" aria-expanded="true"></a></span>
</div>
<div id="panel-category2" class="panel-collapse collapse " role="tabpanel">
<ul>
<li>
<a href="#">necklaces</a>
</li>
<li>
<a href="#">Pearl mens</a>
</li>
</ul>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab">
<a href="#">Fashion</a>
<span class="head"><a class="pull-right accordion-toggle" data-toggle="collapse" data-parent="#panel-category" href="#panel-category3" aria-expanded="true"></a></span>
</div>
<div id="panel-category3" class="panel-collapse collapse " role="tabpanel">
<ul>
<li>
<a href="#">Gadgets &amp; Auto Parts</a>
</li>
<li>
<a href="#">More Car Accessories</a>
</li>
<li>
<a href="#">Alarms</a>
</li>
<li>
<a href="#">Printers</a>
</li>
<li>
<a href="#">Scanners</a>
</li>
<li>
<a href="#">Speakers</a>
</li>
<li>
<a href="#">Web Cameras</a>
</li>
</ul>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab">
<a href="#">Shop Collection</a>
<span class="head"><a class="pull-right accordion-toggle" data-toggle="collapse" data-parent="#panel-category" href="#panel-category4" aria-expanded="true"></a></span>
</div>
<div id="panel-category4" class="panel-collapse collapse " role="tabpanel">
<ul>
<li>
<a href="#">Hanet magente</a>
</li>
<li>
<a href="#">Knage unget</a>
</li>
<li>
<a href="#">Latenge mange</a>
</li>
<li>
<a href="#">Punge nenune</a>
</li>
<li>
<a href="#">Qunge genga</a>
</li>
<li>
<a href="#">Tange manue</a>
</li>
</ul>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab">
<a href="#">Electronics </a>
<span class="head"><a class="pull-right accordion-toggle" data-toggle="collapse" data-parent="#panel-category" href="#panel-category5" aria-expanded="true"></a></span>
</div>
<div id="panel-category5" class="panel-collapse collapse " role="tabpanel">
<ul>
<li>
<a href="#">Angene mafin</a>
</li>
<li>
<a href="#">Body Chains</a>
</li>
<li>
<a href="#">DIY Beads</a>
</li>
<li>
<a href="#">Egante mangetes</a>
</li>
<li>
<a href="#">Necklaces</a>
</li>
<li>
<a href="#">Rengae manges</a>
</li>
</ul>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab">
<a href="#">Sports 2</a>
<span class="head"><a class="pull-right accordion-toggle" data-toggle="collapse" data-parent="#panel-category" href="#panel-category6" aria-expanded="true"></a></span>
</div>
<div id="panel-category6" class="panel-collapse collapse " role="tabpanel">
<ul>
<li>
<a href="#">Accessories</a>
</li>
<li>
<a href="#">Boys News</a>
</li>
<li>
<a href="#">Computers</a>
</li>
<li>
<a href="#">Electronics</a>
</li>
<li>
<a href="#">Fashion</a>
</li>
<li>
<a href="#">Girls New</a>
</li>
<li>
<a href="#">Men</a>
</li>
<li>
<a href="#">Mobiles</a>
</li>
<li>
<a href="#">Sports</a>
</li>
<li>
<a href="#">Women</a>
</li>
</ul>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading" role="tab">
<a href="#">Sports</a>
<span class="head"><a class="pull-right accordion-toggle" data-toggle="collapse" data-parent="#panel-category" href="#panel-category7" aria-expanded="true"></a></span>
</div>
<div id="panel-category7" class="panel-collapse collapse " role="tabpanel">
<ul>
<li>
<a href="#">Camping &amp; Hiking</a>
</li>
<li>
<a href="#">Cusen mariot</a>
</li>
<li>
<a href="#">Denta magela</a>
</li>
<li>
<a href="#">Engite nanet</a>
</li>
<li>
<a href="#">Theid cupensg</a>
</li>
<li>
<a href="#">Verture agoent</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="panel-left__bottom clearfix text-center">
<div class="col-xs-6">
<i class="fa fa-check-square-o" aria-hidden="true"></i>
<div class="bot-inner">
<a href="compare.html">Compare</a>
</div>
</div>
<div class="col-xs-6">
<i class="fa fa-heart" aria-hidden="true"></i>
<div class="bot-inner">
<a href="wishlist.html">Wish List</a>
</div>
</div>
<div class="col-xs-6 panel-left__language">
<div class="btn-group languages-block">
<form action="#" method="post" enctype="multipart/form-data" id="form-language">
<div class="btn-group">
<button class="btn-link dropdown-toggle" data-toggle="dropdown">
<img src="../img/demo/flags/gb.png" alt="English" title="English">
<span class="hidden-xs">English</span>
<i class="fa fa-angle-down"></i>
</button>
<ul class="dropdown-menu">
<li>
<button class="btn-block language-select" type="button" name="en-gb"><img src="../img/demo/flags/gb.png" alt="English" title="English"> English</button>
</li>
<li>
<button class="btn-block language-select" type="button" name="ar"><img src="../img/demo/flags/lb.png" alt="Arabic" title="Arabic"> Arabic</button>
</li>
</ul>
</div>
<input type="hidden" name="code" value="">
<input type="hidden" name="redirect" value="#">
</form>
</div>
<h4>Language</h4>
</div>
<div class="col-xs-6 panel-left__currency">
<div class="btn-group currencies-block">
<form action="#" method="post" enctype="multipart/form-data" id="form-currency">
<div class="btn-group">
<button class="btn-link dropdown-toggle" data-toggle="dropdown">
$ USD
<i class="fa fa-angle-down"></i>
</button>
<ul class="dropdown-menu">
<li>
<button class="currency-select btn-block" type="button" name="EUR">€ Euro</button>
</li>
<li>
<button class="currency-select btn-block" type="button" name="USD">$ USD</button>
</li>
</ul>
</div>
<input type="hidden" name="code" value="">
<input type="hidden" name="redirect" value="index.html">
</form>
</div>
<h4>Currency</h4>
</div>
</div>
</div>
</div>
<!-- Include Libs & Plugins
============================================ -->
<!-- Placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="js/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/owl-carousel/owl.carousel.js"></script>
<script type="text/javascript" src="js/ratchet/ratchet.js"></script>
<!-- Theme files
============================================ -->
</body>
</html>