<!DOCTYPE html>
<!--[if IE 8 ]><html class="ie ie8" class="no-js" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Electrify Responsive Multipurpose Template</title>
<meta name="description" content="">
<!-- CSS FILES -->
<link rel="stylesheet" href="css/bootstrap.min.css"/>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" data-name="skins">
<link rel="stylesheet" href="css/layout/wide.css" data-name="layout">
<link rel="stylesheet" type="text/css" href="css/switcher.css" media="screen" />
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!--Start Header-->
<header id="header">
<div id="top-bar">
<div class="container">
<div class="row">
<div class="col-sm-8 top-info hidden-xs">
<span><i class="fa fa-phone"></i>Phone: (123) 456-7890</span>
<span><i class="fa fa-envelope"></i>Email: mail@example.com</span>
</div>
<div class="col-sm-4 top-info">
<ul>
<li><a href="" class="my-tweet"><i class="fa fa-twitter"></i></a></li>
<li><a href="" class="my-facebook"><i class="fa fa-facebook"></i></a></li>
<li><a href="" class="my-skype"><i class="fa fa-skype"></i></a></li>
<li><a href="" class="my-pint"><i class="fa fa-pinterest"></i></a></li>
<li><a href="" class="my-rss"><i class="fa fa-rss"></i></a></li>
<li><a href="" class="my-google"><i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="logo-bar">
<div class="container">
<div class="row">
<!-- Logo / Mobile Menu -->
<div class="col-lg-3 col-sm-3 ">
<div id="logo">
<h1><a href="index.html"><img alt="logo" src="images/logo.png"/></a></h1>
</div>
</div>
<!-- Navigation
================================================== -->
<div class="col-lg-9 col-sm-9">
<div class="navbar navbar-default navbar-static-top" role="navigation">
<!-- <div class="container">-->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="#">Home</a>
<ul class="dropdown-menu">
<li><a href="index.html">Home 1</a></li>
<li><a href="index_2.html">Home 2</a></li>
<li><a href="index_3.html">Home 3</a></li>
<li><a href="index_4.html">Home 4</a></li>
<li><a href="index_5.html">Home 5</a></li>
<li><a href="index_6.html">Home 6</a></li>
<li><a href="index_7.html">Home 7</a></li>
</ul>
</li>
<li><a href="#">Shortcodes</a>
<ul class="dropdown-menu">
<li><a href="elements.html">Elements</a></li>
<li><a href="form-elements.html">Form Elements</a></li>
<li><a href="columns.html">Columns</a></li>
<li><a href="typography.html">Typography</a></li>
<li><a href="pricing-tables.html">Pricing Tables</a></li>
<li><a href="animation.html">Animation</a></li>
<li><a href="icons.html">Icons</a></li>
</ul>
</li>
<li><a href="#" >Pages</a>
<ul class="dropdown-menu">
<li>
<a href="about.html">About</a>
<ul class="dropdown-menu">
<li><a href="about.html">About Us 1</a></li>
<li><a href="about-2.html">About Us 2</a></li>
</ul>
</li>
<li><a href="services.html">Services</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="sidebar-right.html">Right Sidebar</a></li>
<li><a href="sidebar-left.html">Left Sidebar</a></li>
<li><a href="404-page.html">404 Page</a></li>
</ul>
</li>
<li><a href="#">Portfolio</a>
<ul class="dropdown-menu">
<li>
<a href="#">Portfolio Classic</a>
<ul class="dropdown-menu">
<li><a href="portfolio_2.html">Portfolio 2</a></li>
<li><a href="portfolio_3.html">Portfolio 3</a></li>
<li><a href="portfolio_4.html">Portfolio 4</a></li>
</ul>
</li>
<li>
<a href="portfolio_masonry_3.html">Portfolio Masnory</a>
<ul class="dropdown-menu">
<li><a href="portfolio_masonry_2.html">Masonry portfolio 2</a></li>
<li><a href="portfolio_masonry_3.html">Masonry portfolio 3</a></li>
<li><a href="portfolio_masonry_4.html">Masonry portfolio 4</a></li>
</ul>
</li>
<li>
<a href="portfolio_single.html">Portfolio Single</a>
<ul class="dropdown-menu">
<li><a href="portfolio_single.html">Portfolio Single 1</a></li>
<li><a href="portfolio_single_2.html">Portfolio Single 2</a></li>
<li><a href="portfolio_single_3.html">Portfolio Single 3</a></li>
</ul>
</li>
</ul>
</li>
<li class="active"><a href="#">Blog</a>
<ul class="dropdown-menu">
<li>
<a href="portfolio_masonry_3.html">Masnory Blog Style</a>
<ul class="dropdown-menu">
<li><a href="blog-masonry-two.html">Blog Masonry 2</a></li>
<li><a href="blog-masonry-three.html">Blog Masonry 3</a></li>
<li><a href="blog-masonry-four.html">Blog Masonry 4</a></li>
</ul>
</li>
<li class="active">
<a href="portfolio_masonry_3.html">Classic Blog Style</a>
<ul class="dropdown-menu">
<li><a href="blog-large-image.html">Large Image</a></li>
<li class="active"><a href="blog-medium-image.html">Medium Image</a></li>
</ul>
</li>
<li><a href="blog-post.html">Single Post</a></li>
</ul>
</li>
<li><a href="#">Contact</a>
<ul class="dropdown-menu">
<li><a href="contact_1.html">Contact 1</a></li>
<li><a href="contact_2.html">Contact 2</a></li>
<li><a href="contact_3.html">Contact 3</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!--End Header-->
<!--start wrapper-->
<section class="wrapper">
<section class="page_head">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="page_title">
<h2>Blog Medium Images</h2>
</div>
<nav id="breadcrumbs">
<ul>
<li><a href="index.html">Home</a>/</li>
<li>Blog</li>
</ul>
</nav>
</div>
</div>
</div>
</section>
<section class="content blog">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
<div class="blog_medium">
<article class="post">
<div class="post_date">
<span class="day">28</span>
<span class="month">Nov</span>
</div>
<figure class="post_img">
<a href="#">
<img src="images/blog/blog_medium_1.png" alt="blog post">
</a>
</figure>
<div class="post_content">
<div class="post_meta">
<h2>
<a href="#">perferendis dolor asperio</a>
</h2>
<div class="metaInfo">
<span><i class="fa fa-user"></i> By <a href="#">Louis</a> </span>
<span><i class="fa fa-comments"></i> <a href="#">12 Comments</a></span>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adip, sed do eiusmod tempor incididunt ut aut reiciendise voluptat maiores alias consequaturs aut perferendis doloribus asperiores ut labore.</p>
<a class="btn btn-small btn-default" href="#">Read More</a>
</div>
</article>
<article class="post">
<div class="post_date">
<span class="day">28</span>
<span class="month">Nov</span>
</div>
<figure class="post_img">
<a href="#">
<img src="images/blog/blog_medium_2.png" alt="blog post">
</a>
</figure>
<div class="post_content">
<div class="post_meta">
<h2>
<a href="#">perferendis dolor asperio</a>
</h2>
<div class="metaInfo">
<span><i class="fa fa-user"></i> By <a href="#">Louis</a> </span>
<span><i class="fa fa-comments"></i> <a href="#">12 Comments</a></span>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adip, sed do eiusmod tempor incididunt ut aut reiciendise voluptat maiores alias consequaturs aut perferendis doloribus asperiores ut labore.</p>
<a class="btn btn-small btn-default" href="#">Read More</a>
</div>
</article>
<article class="post">
<div class="post_date">
<span class="day">28</span>
<span class="month">Nov</span>
</div>
<figure class="post_img">
<a href="#">
<img src="images/blog/blog_medium_3.png" alt="blog post">
</a>
</figure>
<div class="post_content">
<div class="post_meta">
<h2>
<a href="#">perferendis dolor asperio</a>
</h2>
<div class="metaInfo">
<span><i class="fa fa-user"></i> By <a href="#">Louis</a> </span>
<span><i class="fa fa-comments"></i> <a href="#">12 Comments</a></span>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adip, sed do eiusmod tempor incididunt ut aut reiciendise voluptat maiores alias consequaturs aut perferendis doloribus asperiores ut labore.</p>
<a class="btn btn-small btn-default" href="#">Read More</a>
</div>
</article>
<article class="post no_images">
<div class="post_date">
<span class="day">28</span>
<span class="month">Nov</span>
</div>
<div class="post_content">
<div class="post_meta">
<h2>
<a href="#">perferendis dolor asperio</a>
</h2>
<div class="metaInfo">
<span><i class="fa fa-user"></i> By <a href="#">Louis</a> </span>
<span><i class="fa fa-comments"></i> <a href="#">12 Comments</a></span>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adip, sed do eiusmod tempor incididunt ut aut reiciendise voluptat maiores alias consequaturs aut perferendis doloribus asperiores ut labore.</p>
<a class="btn btn-small btn-default" href="#">Read More</a>
</div>
</article>
<article class="post">
<div class="post_date">
<span class="day">28</span>
<span class="month">Nov</span>
</div>
<figure class="post_img">
<a href="#">
<img src="images/blog/blog_medium_4.png" alt="blog post">
</a>
</figure>
<div class="post_content">
<div class="post_meta">
<h2>
<a href="#">perferendis dolor asperio</a>
</h2>
<div class="metaInfo">
<span><i class="fa fa-user"></i> By <a href="#">Louis</a> </span>
<span><i class="fa fa-comments"></i> <a href="#">12 Comments</a></span>
</div>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adip, sed do eiusmod tempor incididunt ut aut reiciendise voluptat maiores alias consequaturs aut perferendis doloribus asperiores ut labore.</p>
<a class="btn btn-small btn-default" href="#">Read More</a>
</div>
</article>
</div>
<div class="col-lg-12 col-md-12 col-sm-12">
<ul class="pagination pull-left mrgt-0">
<li><a href="#">«</a></li>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">»</a></li>
</ul>
</div>
</div>
<!--Sidebar Widget-->
<div class="col-xs-12 col-md-4 col-lg-4 col-sm-4">
<div class="sidebar">
<div class="widget widget_search">
<div class="site-search-area">
<form method="get" id="site-searchform" action="#">
<div>
<input class="input-text" name="s" id="s" placeholder="Enter Search keywords..." type="text" />
<input id="searchsubmit" value="Search" type="submit" />
</div>
</form>
</div><!-- end site search -->
</div>
<div class="widget widget_categories">
<div class="widget_title">
<h4><span>Categories</span></h4>
</div>
<ul class="arrows_list list_style">
<li><a href="#"> Grapic Design (10)</a></li>
<li><a href="#"> Web Design & Development (25)</a></li>
<li><a href="#"> Photography (29)</a></li>
<li><a href="#"> Custom Illustrations (19)</a></li>
<li><a href="#"> Wordpress Themes(38)</a></li>
<li><a href="#"> Videography (33)</a></li>
</ul>
</div>
<div class="widget widget_about">
<div class="widget_title">
<h4><span>Basic Text Widget</span></h4>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adip, 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.</p>
</div>
<div class="widget widget_tab">
<div class="velocity-tab sidebar-tab">
<ul class="nav nav-tabs">
<li class="active"><a href="#Popular" data-toggle="tab">Popular</a></li>
<li class=""><a href="#Recent" data-toggle="tab">Recent</a></li>
<li class="last-tab"><a href="#Comment" data-toggle="tab"><i class="fa fa-comments-o"></i></a></li>
</ul>
<div class="tab-content clearfix">
<div class="tab-pane fade active in" id="Popular">
<ul class="recent_tab_list">
<li>
<span><a href="#"><img src="images/content/recent_1.png" alt="" /></a></span>
<a href="#">Publishing packag esanse web page editos</a>
<i>October 09, 2015</i>
</li>
<li>
<span><a href="#"><img src="images/content/recent_2.png" alt="" /></a></span>
<a href="#">Sublishing packag esanse web page editos</a>
<i>October 08, 2015</i>
</li>
<li class="last-tab">
<span><a href="#"><img src="images/content/recent_3.png" alt="" /></a></span>
<a href="#">Mublishing packag esanse web page editos</a>
<i>October 07, 2015</i>
</li>
</ul>
</div>
<div class="tab-pane fade" id="Recent">
<ul class="recent_tab_list">
<li>
<span><a href="#"><img src="images/content/recent_4.png" alt="" /></a></span>
<a href="#">Various versions has evolved over the years</a>
<i>October 18, 2015</i>
</li>
<li>
<span><a href="#"><img src="images/content/recent_5.png" alt="" /></a></span>
<a href="#">Rarious versions has evolve over the years</a>
<i>October 17, 2015</i>
</li>
<li class="last-tab">
<span><a href="#"><img src="images/content/recent_6.png" alt="" /></a></span>
<a href="#">Marious versions has evolven over the years</a>
<i>October 16, 2015</i>
</li>
</ul>
</div>
<div class="tab-pane fade" id="Comment">
<ul class="comments">
<li class="comments_list clearfix">
<a class="post-thumbnail" href="#"><img width="60" height="60" src="images/content/recent_3.png" alt="#"></a>
<p><strong><a href="#">Prambose</a> <i>says: </i> </strong> Morbi augue velit, tempus mattis dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu dui. Fusce lacinia tempor malesuada.</p>
</li>
<li class="comments_list clearfix">
<a class="post-thumbnail" href="#"><img width="60" height="60" src="images/content/recent_1.png" alt="#"></a>
<p><strong><a href="#">Makaroni</a> <i>says: </i> </strong> Tempus mattis dignissim nec, porta sed risus. Donec eget magna eu lorem tristique pellentesque eget eu dui. Fusce lacinia tempor malesuada.</p>
</li>
<li class="comments_list clearfix">
<a class="post-thumbnail" href="#"><img width="60" height="60" src="images/content/recent_2.png" alt="#"></a>
<p><strong><a href="#">Prambanan</a> <i>says: </i> </strong> Donec convallis, metus nec tempus aliquet, nunc metus adipiscing leo, a lobortis nisi dui ut odio. Nullam ultrices, eros accumsan vulputate faucibus, turpis tortor.</p>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="widget widget_tags">
<div class="widget_title">
<h4><span>Tags Widget</span></h4>
</div>
<ul class="tags">
<li><a href="#"><b>business</b></a></li>
<li><a href="#">corporate</a></li>
<li><a href="#">css3</a></li>
<li><a href="#"><b>html5</b></a></li>
<li><a href="#">javascript</a></li>
<li><a href="#"><b>jquery</b></a></li>
<li><a href="#">multipurpose</a></li>
<li><a href="#"><b>mysql</b></a></li>
<li><a href="#">portfolio</a></li>
<li><a href="#">premium</a></li>
<li><a href="#">responsive</a></li>
<li><a href="#"><b>theme</b></a></li>
<li><a href="#"><b>jQuery Rain</b></a></li>
</ul>
</div>
<div class="widget widget_archives">
<div class="widget_title">
<h4><span>Archives</span></h4>
</div>
<ul class="archives_list list_style">
<li><a href="#"> November 2015</a></li>
<li><a href="#"> October 2015</a></li>
<li><a href="#"> September 2015</a></li>
<li><a href="#"> August 2015</a></li>
<li><a href="#"> July 2015</a></li>
<li><a href="#"> June 2015</a></li>
<li><a href="#"> May 2015</a></li>
</ul>
</div>
</div>
</div>
</div><!--/.row-->
</div> <!--/.container-->
</section>
</section>
<!--end wrapper-->
<!--start footer-->
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-3 col-lg-3">
<div class="widget_title">
<h4><span>About Us</span></h4>
</div>
<div class="widget_content">
<p>Donec earum rerum hic tenetur ans sapiente delectus, ut aut reiciendise voluptat maiores alias consequaturs aut perferendis doloribus asperiores.</p>
<ul class="contact-details-alt">
<li><i class="fa fa-map-marker"></i> <p><strong>Address</strong>: #2021 Lorem Ipsum</p></li>
<li><i class="fa fa-user"></i> <p><strong>Phone</strong>:(+91) 9000-12345</p></li>
<li><i class="fa fa-envelope"></i> <p><strong>Email</strong>: <a href="#">mail@example.com</a></p></li>
</ul>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3">
<div class="widget_title">
<h4><span>Recent Posts</span></h4>
</div>
<div class="widget_content">
<ul class="links">
<li><a href="#">Aenean commodo ligula eget dolor<span>November 07, 2015</span></a></li>
<li><a href="#">Temporibus autem quibusdam <span>November 05, 2015</span></a></li>
<li><a href="#">Debitis aut rerum saepe <span>November 03, 2015</span></a></li>
<li><a href="#">Et voluptates repudiandae <span>November 02, 2015</span></a></li>
</ul>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3">
<div class="widget_title">
<h4><span>Twitter</span></h4>
</div>
<div class="widget_content">
<ul class="tweet_list">
<li class="tweet_content item">
<p class="tweet_link"><a href="#">@jquery_rain </a> Lorem ipsum dolor et, consectetur adipiscing eli</p>
<span class="time">29 September 2015</span>
</li>
<li class="tweet_content item">
<p class="tweet_link"><a href="#">@jquery_rain </a> Lorem ipsum dolor et, consectetur adipiscing eli</p>
<span class="time">29 September 2015</span>
</li>
<li class="tweet_content item">
<p class="tweet_link"><a href="#">@jquery_rain </a> Lorem ipsum dolor et, consectetur adipiscing eli</p>
<span class="time">29 September 2015</span>
</li>
</ul>
</div>
<div class="widget_content">
<div class="tweet_go"></div>
</div>
</div>
<div class="col-sm-6 col-md-3 col-lg-3">
<div class="widget_title">
<h4><span>Flickr Gallery</span></h4>
</div>
<div class="widget_content">
<div class="flickr">
<ul id="flickrFeed" class="flickr-feed"></ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<!--end footer-->
<section class="footer_bottom">
<div class="container">
<div class="row">
<div class="col-sm-6">
<p class="copyright">© Copyright 2015 Electrify | Powered by <a href="http://www.jqueryrain.com/">jQuery Rain</a></p>
</div>
<div class="col-sm-6 ">
<div class="footer_social">
<ul class="footbot_social">
<li><a class="fb" href="#." data-placement="top" data-toggle="tooltip" title="Facebook"><i class="fa fa-facebook"></i></a></li>
<li><a class="twtr" href="#." data-placement="top" data-toggle="tooltip" title="Twitter"><i class="fa fa-twitter"></i></a></li>
<li><a class="dribbble" href="#." data-placement="top" data-toggle="tooltip" title="Dribbble"><i class="fa fa-dribbble"></i></a></li>
<li><a class="skype" href="#." data-placement="top" data-toggle="tooltip" title="Skype"><i class="fa fa-skype"></i></a></li>
<li><a class="rss" href="#." data-placement="top" data-toggle="tooltip" title="RSS"><i class="fa fa-rss"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/retina-1.1.0.min.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script> <!-- jQuery cookie -->
<script type="text/javascript" src="js/styleswitch.js"></script> <!-- Style Colors Switcher -->
<script type="text/javascript" src="js/jquery.smartmenus.min.js"></script>
<script type="text/javascript" src="js/jquery.smartmenus.bootstrap.min.js"></script>
<script type="text/javascript" src="js/jflickrfeed.js"></script>
<script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
<script type="text/javascript" src="js/jquery.isotope.min.js"></script>
<script type="text/javascript" src="js/swipe.js"></script>
<script type="text/javascript" src="js/jquery-scrolltofixed-min.js"></script>
<script src="js/main.js"></script>
<!-- Start Style Switcher -->
<div class="switcher"></div>
<!-- End Style Switcher -->
</body>
</html>