File size: 23.58Kb
<!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>Rainy Responsive Multipurpose Template</title>
<meta name="description" content="">
<!-- CSS FILES -->
<link rel="stylesheet" type="text/css" 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" 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.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div id="rainy-container">
<img id="background" alt="background" class="background" src="" style="width:100%;"/>
</div>
<!--Start Header-->
<div id="top-fix">
<!--Start Header-->
<header id="header" class="container">
<div class="row">
<div class="hidden-xs col-sm-7 top-info">
<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-5 top-info clearfix">
<ul>
<li><a class="my-facebook" href=""><i class="fa fa-facebook"></i></a></li>
<li><a class="my-tweet" href=""><i class="fa fa-twitter"></i></a></li>
<li><a class="my-pint" href=""><i class="fa fa-pinterest"></i></a></li>
<li><a class="my-rss" href=""><i class="fa fa-rss"></i></a></li>
<li><a class="my-skype" href=""><i class="fa fa-skype"></i></a></li>
<li><a class="my-google" href=""><i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
</div>
<div class="row">
<!-- Logo / Mobile Menu -->
<div id="logo-bar" class="col-sm-12 ">
<div id="logo">
<h1><a href="index.html"><img src="images/logo.png" alt="Rainy" /></a></h1>
</div>
</div>
</div>
<div class="row">
<!-- Navigation
================================================== -->
<div class="navbar navbar-default navbar-static-top" role="navigation">
<!--<div class="navbar navbar-default navbar-static-top" role="navigation">-->
<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="index.html">Home</a>
<ul class="dropdown-menu">
<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>
</ul>
</li>
<li><a href="#">Shortcodes</a>
<ul class="dropdown-menu">
<li><a href="elements.html">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="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 class="active"><a href="#">Portfolio</a>
<ul class="dropdown-menu">
<li class="active"><a href="portfolio_1.html">Portfolio 1</a></li>
<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>
<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><a href="#">Blog</a>
<ul class="dropdown-menu">
<li><a href="blog-large-image.html">Large Image</a></li>
<li><a href="blog-medium-image.html">Medium Image</a></li>
<li><a href="blog-post.html">Single Post</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<!--</div>-->
</div>
</div>
<!-- Container / End -->
</header>
<section class="page_head">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<h2>Portfolio 1 Columns</h2>
<nav id="breadcrumbs">
<ul>
<li>You are here:</li>
<li><a href="index.html">Home</a></li>
<li><a href="index.html">Portfolio</a></li>
<li>Portfolio 1 Columns</li>
</ul>
</nav>
</div>
</div>
</div>
</section>
</div>
<!--start wrapper-->
<section class="wrapper">
<section class="content portfolio">
<div class="container">
<div class="row">
<!--begin isotope -->
<div class="isotope">
<!--begin portfolio filter -->
<ul id="filter" class="option-set clearfix">
<li data-filter="*" class="selected"><a href="#">All</a></li>
<li data-filter=".responsive"><a href="#">Responsive</a></li>
<li data-filter=".mobile"><a href="#">Mobile</a></li>
<li data-filter=".branding"><a href="#">Branding</a></li>
</ul>
<!--end portfolio filter -->
<!--begin portfolio_list -->
<ul id="list" class="portfolio_list clearfix ">
<!--begin List Item -->
<li class="list_item col-lg-12 col-md-12 mobile">
<div class="recent-item">
<figure class="portfolio_1 touching medium">
<div class="pic">
<img src="images/portfolio/portfolio_1_1.png" alt="" />
<div class="skin-overlay"></div>
<a href="images/portfolio/full/portfolio_4.png" class="hover-zoom mfp-image" ><i class="fa fa-search"></i></a>
<a href="portfolio_single.html" class="hover-link">
<i class="fa fa-link"></i>
</a>
</div>
<figcaption class="item-description">
<h5>Reiciendise</h5>
<span>Technology</span>
<p>Lorem ipsum dolor sit amet, consectetur adip, sed do eiusmod tempor incididunt ut aut reiciendise voluptat maiores alias dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.</p>
<p>Veos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit consequaturs aut perferendis doloribus asperiores ut labore et.</p>
<div class="go_link">
<a href="#" class="btn btn-default btn-small">View Project</a>
<a href="#" class="btn btn-default btn-small">Read More</a>
</div>
</figcaption>
</figure>
</div>
</li>
<!--end List Item -->
<!--begin List Item -->
<li class="list_item col-lg-12 col-md-12 mobile">
<div class="recent-item">
<figure class="portfolio_1 touching medium">
<div class="pic">
<img src="images/portfolio/portfolio_1_2.png" alt="" />
<div class="skin-overlay"></div>
<a href="images/portfolio/full/portfolio_4.png" class="hover-zoom mfp-image" ><i class="fa fa-search"></i></a>
<a href="portfolio_single.html" class="hover-link">
<i class="fa fa-link"></i>
</a>
</div>
<figcaption class="item-description">
<h5>Voluptatem sequi</h5>
<span>Technology</span>
<p>Lorem ipsum dolor sit amet, consectetur adip, sed do eiusmod tempor incididunt ut aut reiciendise voluptat maiores alias dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.</p>
<p>Veos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit consequaturs aut perferendis doloribus asperiores ut labore et.</p>
<div class="go_link">
<a href="#" class="btn btn-default btn-small">View Project</a>
<a href="#" class="btn btn-default btn-small">Read More</a>
</div>
</figcaption>
</figure>
</div>
</li>
<!--end List Item -->
<!--begin List Item -->
<li class="list_item col-lg-12 col-md-12 responsive">
<div class="recent-item">
<figure class="portfolio_1 touching medium">
<div class="pic">
<img src="images/portfolio/portfolio_1_3.png" alt="" />
<div class="skin-overlay"></div>
<a href="images/portfolio/full/portfolio_4.png" class="hover-zoom mfp-image" ><i class="fa fa-search"></i></a>
<a href="portfolio_single.html" class="hover-link">
<i class="fa fa-link"></i>
</a>
</div>
<figcaption class="item-description">
<h5>Consectetur Adip</h5>
<span>Technology</span>
<p>Lorem ipsum dolor sit amet, consectetur adip, sed do eiusmod tempor incididunt ut aut reiciendise voluptat maiores alias dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.</p>
<p>Veos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit consequaturs aut perferendis doloribus asperiores ut labore et.</p>
<div class="go_link">
<a href="#" class="btn btn-default btn-small">View Project</a>
<a href="#" class="btn btn-default btn-small">Read More</a>
</div>
</figcaption>
</figure>
</div>
</li>
<!--end List Item -->
<!--begin List Item -->
<li class="list_item col-lg-12 col-md-12 branding">
<div class="recent-item">
<figure class="portfolio_1 touching medium">
<div class="pic">
<img src="images/portfolio/portfolio_1_4.png" alt="" />
<div class="skin-overlay"></div>
<a href="images/portfolio/full/portfolio_4.png" class="hover-zoom mfp-image" ><i class="fa fa-search"></i></a>
<a href="portfolio_single.html" class="hover-link">
<i class="fa fa-link"></i>
</a>
</div>
<figcaption class="item-description">
<h5>Lorem ipsum</h5>
<span>Technology</span>
<p>Lorem ipsum dolor sit amet, consectetur adip, sed do eiusmod tempor incididunt ut aut reiciendise voluptat maiores alias dolore magna aliqua. Ut enim ad minim veniam quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo.</p>
<p>Veos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit consequaturs aut perferendis doloribus asperiores ut labore et.</p>
<div class="go_link">
<a href="#" class="btn btn-default btn-small">View Project</a>
<a href="#" class="btn btn-default btn-small">Read More</a>
</div>
</figcaption>
</figure>
</div>
</li>
<!--end List Item -->
</ul> <!--end portfolio_list -->
</div>
<!--end isotope -->
<div class="col-lg-12 col-md-12 col-sm-12">
<ul class="pagination pull-right 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> <!--./span12-->
</div> <!--./div-->
</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.</p>
<ul class="contact-details-alt">
<li><i class="fa fa-map-marker"></i> <p><strong>Address</strong>:#2021</p></li>
<li><i class="fa fa-user"></i> <p><strong>Phone</strong>:(+91) 7696263851</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, 2014</span></a></li>
<li><a href="#">Temporibus autem quibusdam <span>November 05, 2014</span></a></li>
<li><a href="#">Debitis aut rerum saepe <span>November 03, 2014</span></a></li>
<li><a href="#">Et voluptates repudiandae <span>November 02, 2014</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 2014</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 2014</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 2014</span>
</li>
</ul>
</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-md-6">
<p class="copyright">© Copyright 2014 jQuery Rain | Powered by <a href="http://jQueryrain.com/"> jQuery Rain</a></p>
</div>
<div class="col-md-6">
<div class="footer_social">
<ul class="footbot_social">
<li><a class="fb" href="#." data-placement="top" data-toggle="tooltip" title="Facbook"><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.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 src="js/jquery.smartmenus.min.js"></script>
<script src="js/jquery.smartmenus.bootstrap.min.js"></script>
<script src="js/jquery-scrolltofixed-min.js"></script>
<script type="text/javascript" src="js/jquery.jcarousel.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/rainyday.js"></script>
<script type="text/javascript" src="js/rainy-script.js"></script>
<script src="js/main.js"></script>
<!-- Start Style Switcher -->
<div class="switcher"></div>
<!-- End Style Switcher -->
</body>
</html>