<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Blog: Listing Left Sidebar | Frexy Responsive HTML Template</title>
<link rel="shortcut icon" href="favicon.ico">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- Bootstrap css -->
<link type="text/css" rel='stylesheet' href="css/bootstrap.min.css">
<!-- End Bootstrap css -->
<!-- Fancybox -->
<link type="text/css" rel='stylesheet' href="js/fancybox/jquery.fancybox.css">
<!-- End Fancybox -->
<link type="text/css" rel='stylesheet' href="fonts/fonts.css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link type="text/css" data-themecolor="default" rel='stylesheet' href="css/main-default.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
</head>
<body>
<div class="mask-l" style="background-color: #fff; width: 100%; height: 100%; position: fixed; top: 0; left:0; z-index: 9999999;"></div> <!--removed by integration-->
<header>
<div class="container b-header__box b-relative">
<div class="b-header-r b-right b-header-r--icon">
<div class="b-top-nav-show-slide f-top-nav-show-slide b-right j-top-nav-show-slide"><i class="fa fa-align-justify"></i></div>
<nav class="b-top-nav f-top-nav b-right j-top-nav">
<ul class="b-top-nav__1level_wrap">
<li class="b-top-nav__1level f-top-nav__1level is-active-top-nav__1level f-primary-b"><a href="#"><i class="fa fa-home b-menu-1level-ico"></i>Home <span class="b-ico-dropdown"><i class="fa fa-arrow-circle-down"></i></span></a>
</li>
<li class="b-top-nav__1level f-top-nav__1level f-primary-b">
<a href="#"><i class="fa fa-picture-o b-menu-1level-ico"></i>Portfolio <span class="b-ico-dropdown"><i class="fa fa-arrow-circle-down"></i></span></a>
</li>
<li class="b-top-nav__1level f-top-nav__1level f-primary-b">
<a href="#"><i class="fa fa-code b-menu-1level-ico"></i>Blog <span class="b-ico-dropdown"><i class="fa fa-arrow-circle-down"></i></span></a>
</li>
<li class="b-top-nav__1level f-top-nav__1level f-primary-b b-top-nav-big">
<a href="#"><i class="fa fa-cloud-download b-menu-1level-ico"></i>Pages<span class="b-ico-dropdown"><i class="fa fa-arrow-circle-down"></i></span></a>
</li>
<li class="b-top-nav__1level f-top-nav__1level f-primary-b">
<a href="#"><i class="fa fa-folder-open b-menu-1level-ico"></i>Contact us<span class="b-ico-dropdown"><i class="fa fa-arrow-circle-down"></i></span></a>
</li>
</ul>
</nav>
</div>
</div>
</header>
<div class="j-menu-container"></div>
<div class="b-inner-page-header f-inner-page-header b-bg-header-inner-page">
<div class="b-inner-page-header__content">
<div class="container">
<h1 class="f-primary-l c-default">Blog Listing Left Sidebar</h1>
</div>
</div>
</div>
<div class="l-main-container">
<div class="b-breadcrumbs f-breadcrumbs">
<div class="container">
<ul>
<li><a href="#"><i class="fa fa-home"></i>Home</a></li>
<li><i class="fa fa-angle-right"></i><a href="#">Blog</a></li>
<li><i class="fa fa-angle-right"></i><span>Listing Left Sidebar</span></li>
</ul>
</div>
</div>
<div class="l-inner-page-container">
<div class="container">
<div class="row">
<div class="col-md-9 col-md-push-3">
<div class="b-blog-listing__block">
<div class="b-blog-listing__block-top">
<div class=" view view-sixth">
<img data-retina="" src="img/blog/blog_listing.jpg" alt="">
</div>
</div>
<div class="b-infoblock-with-icon b-blog-listing__infoblock">
<a href="#" class="b-infoblock-with-icon__icon f-infoblock-with-icon__icon fade-in-animate hidden-xs">
<i class="fa fa-pencil"></i>
</a>
<div class="b-infoblock-with-icon__info f-infoblock-with-icon__info">
<a href="#" class="f-infoblock-with-icon__info_title b-infoblock-with-icon__info_title f-primary-l b-title-b-hr f-title-b-hr">
Mauris ac risus neque, ut pulvinar risus
</a>
<div class="f-infoblock-with-icon__info_text b-infoblock-with-icon__info_text f-primary-b b-blog-listing__pretitle">
By <a href="#" class="f-more">Stephen Brock</a> In <a href="#" class="f-more">Lifestyle</a>, <a href="#" class="f-more">Photography</a> Posted May 24th, 2013
<a href="#" class="f-more b-blog-listing__additional-text f-primary"><i class="fa fa-comment"></i>12 Comments</a>
</div>
<div class="f-infoblock-with-icon__info_text b-infoblock-with-icon__info_text c-primary b-blog-listing__text">
Pendisse blandit ligula turpis, ac convallis risus fermentum non. Duis vestibulum quis quam vel accumsan. Nunc a vulputate lectus. Vestibulum eleifend nisl sed massa sagittis vestibulum. Vestibulum pretium blandit tellus, sodales volutpat sapien varius vel. Phasellus tristique cursus erat, a placerat tellus laoreet eget. Blandit ligula turpis, ac convallis risus fermentum non. Duis vestibulum quis.
</div>
<div class="f-infoblock-with-icon__info_text b-infoblock-with-icon__info_text">
<a href="#" class="f-more f-primary-b">Read more</a>
</div>
</div>
</div>
</div>
<div class="b-blog-listing__block">
<div class="b-video-player b-blog-listing__block-top">
<iframe src="http://player.vimeo.com/video/81801013?title=0&byline=0&portrait=0&badge=0" width="870" height="460" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
<div class="b-infoblock-with-icon b-blog-listing__infoblock">
<a href="#" class="b-infoblock-with-icon__icon f-infoblock-with-icon__icon fade-in-animate hidden-xs">
<i class="fa fa-video-camera"></i>
</a>
<div class="b-infoblock-with-icon__info f-infoblock-with-icon__info">
<a href="#" class="f-infoblock-with-icon__info_title b-infoblock-with-icon__info_title f-primary-l b-title-b-hr f-title-b-hr">
This Is Vimeo video post
</a>
<div class="f-infoblock-with-icon__info_text b-infoblock-with-icon__info_text f-primary-b b-blog-listing__pretitle">
By <a href="#" class="f-more">Stephen Brock</a> In <a href="#" class="f-more">Lifestyle</a>, <a href="#" class="f-more">Photography</a> Posted May 24th, 2013
<a href="#" class="f-more b-blog-listing__additional-text f-primary"><i class="fa fa-comment"></i>12 Comments</a>
响应式个人博客blog模板下载_响应式bootstrap简洁blog个人博客个人主页橙色.rar
需积分: 0 62 浏览量
2023-09-12
08:41:04
上传
评论
收藏 225KB RAR 举报
响应式个人博客blog模板下载_响应式bootstrap简洁blog个人博客个人主页橙色.rar （20个子文件） 
bootstrap.min.css 107KB
gallery_4.jpg 4KB gallery_6.jpg 3KB blog_listing.jpg 85KB bootstrap.min.js 31KB gallery_8.jpg 3KB gallery_5.jpg 4KB gallery_12.jpg 3KB gallery_9.jpg 3KB color-themes.js 6KB gallery_3.jpg 3KB cookie.js 1KB main-default.css 330KB gallery_7.jpg 3KB
index.html 25KB jquery-1.11.1.min.js 94KB gallery_10.jpg 3KB gallery_1.jpg 3KB gallery_2.jpg 3KB gallery_11.jpg 3KB资源评论
