File size: 26.83Kb
<!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 class="active"><a href="#">Pages</a>
<ul class="dropdown-menu">
<li class="active">
<a href="about.html">About</a>
<ul class="dropdown-menu">
<li class="active"><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_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>About Us</h2>
<nav id="breadcrumbs">
<ul>
<li>You are here:</li>
<li><a href="index.html">Home</a></li>
<li><a href="index.html">pages</a></li>
<li>About Us</li>
</ul>
</nav>
</div>
</div>
</div>
</section>
</div>
<!--start wrapper-->
<section class="wrapper">
<section class="content about">
<div class="container">
<div class="row sub_content">
<div class="who">
<div class="col-lg-8 col-md-8 col-sm-8">
<div class="dividerHeading">
<h4><span>Who we are?</span></h4>
</div>
<span class="pic_about_1 left_img">
<img src="images/about_1.png" alt="about img">
</span>
<p>Donec rutrum erat non arcu gravida porttitor. Nunc et magna nisi. Lore aliquam at erat in lorem purus aliquet mollis. Fusce elementum velit vel dolor iaculis egestas. Maecenas ut nulla quis eros scelerisque posuere vel vitae nibh eros scelerisque posuere vel. </p>
<p>Nunc et magna nisi. lore Aliquam at erat in lorem purus aliquet mollis. Fusce elementum velit vel dolor iaculis. </p>
<p>Fusce lacinia tempor malesuada. Ut lacus sapien, placerat a ornare nec, elementum sit amet felis. Maecenas pretium lorem hendrerit eros sagittis fermentum. Donec in ut odio libero, at vulputate urna. Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo ad gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus.</p>
</div>
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="dividerHeading">
<h4><span>Our Skills</span></h4>
</div>
<p>Nunc et magna nisi. lore Aliquam at erat in lorem purus aliquet mollis. Fusce elementum velit vel dolor iaculis. </p>
<ul class="progress-skill-bar">
<li>
<span class="lable">70%</span>
<div class="progress_skill">
<div class="bar" data-value="70" role="progressbar" data-height="100">
HTML
</div>
</div>
</li>
<li>
<span class="lable">80%</span>
<div class="progress_skill">
<div class="bar" data-value="80" role="progressbar" data-height="100">
CSS
</div>
</div>
</li>
<li>
<span class="lable">90%</span>
<div class="progress_skill">
<div class="bar" data-value="90" role="progressbar" data-height="100">
JavaScript
</div>
</div>
</li>
<li>
<span class="lable">80%</span>
<div class="progress_skill">
<div class="bar" data-value="80" role="progressbar" data-height="100">
MySQL
</div>
</div>
</li>
<li>
<span class="lable">70%</span>
<div class="progress_skill">
<div class="bar" data-value="70" role="progressbar" data-height="100">
PHP
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="row sub_content">
<div class="col-md-6">
<div class="dividerHeading">
<h4><span>Why Choose Us?</span></h4>
</div>
<ul class="list_style circle">
<li><a href="#"> Donec convallis, metus nec tempus aliquet</a></li>
<li><a href="#"> Aenean commodo ligula eget dolor</a></li>
<li><a href="#"> Cum sociis natoque penatibus mag dis parturient</a></li>
<li><a href="#"> Lorem ipsum dolor sit amet cons adipiscing</a></li>
<li><a href="#"> Accumsan vulputate faucibus turpis tortor dictum</a></li>
<li><a href="#"> Nullam ultrices eros accumsan vulputate faucibus</a></li>
<li><a href="#"> Nunc aliquet tincidunt metus sit amet</a></li>
</ul>
</div>
<!-- TESTIMONIALS -->
<div class="col-md-6">
<div class="dividerHeading">
<h4><span>What Client's Say</span></h4>
</div>
<div id="testimonial-carousel" class="testimonial carousel slide">
<div class="carousel-inner">
<div class="active item">
<div class="testimonial-item">
<div class="icon"><i class="fa fa-quote-right"></i></div>
<blockquote>
<p>Donec convallis, metus nec tempus aliquet, nunc metus adipiscing leo, a lobortis nisi dui ut odio. Nullam ultrices, eros accumsan vulputate faucibus, turpis tortor dictum.</p>
</blockquote>
<div class="icon-tr"></div>
<div class="testimonial-review">
<img src="images/testimonials/1.png" alt="testimoni">
<h1>Jonathan Dower,<small>Company Inc.</small></h1>
</div>
</div>
</div>
<div class="item">
<div class="testimonial-item">
<div class="icon"><i class="fa fa-quote-right"></i></div>
<blockquote>
<p>Nunc aliquet tincidunt metus, sit amet mattis lectus sodales ac. Suspendisse rhoncus dictum eros, ut egestas eros luctus eget. Nam nibh sem, mattis et feugiat ut, porttitor nec risus.</p>
</blockquote>
<div class="icon-tr"></div>
<div class="testimonial-review">
<img src="images/testimonials/2.png" alt="testimoni">
<h1>Jonathan Dower<small>Leopard</small></h1>
</div>
</div>
</div>
</div>
<div class="testimonial-buttons">
<a href="#testimonial-carousel" data-slide="prev"><i class="fa fa-chevron-left"></i></a><a href="#testimonial-carousel" data-slide="next"><i class="fa fa-chevron-right"></i></a>
</div>
</div>
</div><!-- TESTIMONIALS END -->
</div>
<div class="row sub_content">
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="promo_box">
<div class="col-sm-9">
<div class="promo_content">
<h3>Rainy is awesome responsive template, with refreshingly clean design.</h3>
<p>Lorem ipsum dolor sit amet, cons adipiscing elit. Aenean commodo ligula eget dolor. </p>
</div>
</div>
<div class="col-sm-3">
<div class="pb_action">
<a href="#fakelink" class="btn btn-default btn-lg">
<i class="fa fa-shopping-cart"></i>
Download Now
</a>
</div>
</div>
</div>
</div>
</div>
<div class="row sub_content">
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="dividerHeading">
<h4><span>Meet the Team</span></h4>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 team-members">
<div class="pic">
<img alt="profile img" src="images/teams/1.png">
</div>
<div class="team_prof">
<div class="profile">
<h3 class="names">Jannifer<small>Web Desginer</small></h3>
<p class="description">Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commo</p>
</div>
<div class="social_media_team">
<ul class="team_social">
<li><a title="" data-toggle="tooltip" data-placement="bottom" href="#." class="fb" data-original-title="Facbook"><i class="fa fa-facebook"></i></a></li>
<li><a title="Twitter" data-toggle="tooltip" data-placement="bottom" href="#." class="twtr"><i class="fa fa-twitter"></i></a></li>
<li><a title="" data-toggle="tooltip" data-placement="bottom" href="#." class="gmail" data-original-title="Google"><i class="fa fa-google-plus"></i></a></li>
<li><a title="" data-toggle="tooltip" data-placement="bottom" href="#." class="dribbble" data-original-title="Dribbble"><i class="fa fa-dribbble"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 team-members">
<div class="pic">
<img alt="profile img" src="images/teams/2.png">
</div>
<div class="team_prof">
<div class="profile">
<h3 class="names">Jhoen smith<small>Web Developer</small></h3>
<p class="description">Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commo </p>
</div>
<div class="social_media_team">
<ul class="team_social">
<li><a title="" data-toggle="tooltip" data-placement="bottom" href="#." class="fb" data-original-title="Facbook"><i class="fa fa-facebook"></i></a></li>
<li><a title="Twitter" data-toggle="tooltip" data-placement="bottom" href="#." class="twtr"><i class="fa fa-twitter"></i></a></li>
<li><a title="" data-toggle="tooltip" data-placement="bottom" href="#." class="gmail" data-original-title="Google"><i class="fa fa-google-plus"></i></a></li>
<li><a title="Dribbble" data-toggle="tooltip" data-placement="bottom" href="#." class="dribbble"><i class="fa fa-dribbble"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 team-members">
<div class="pic">
<img alt="profile img" src="images/teams/3.png">
</div>
<div class="team_prof">
<div class="profile">
<h3 class="names">Alison<small>Marketing manager</small></h3>
<p class="description">Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commo </p>
</div>
<div class="social_media_team">
<ul class="team_social">
<li><a title="Facbook" data-toggle="tooltip" data-placement="bottom" href="#." class="fb"><i class="fa fa-facebook"></i></a></li>
<li><a title="Twitter" data-toggle="tooltip" data-placement="bottom" href="#." class="twtr"><i class="fa fa-twitter"></i></a></li>
<li><a title="Google" data-toggle="tooltip" data-placement="bottom" href="#." class="gmail"><i class="fa fa-google-plus"></i></a></li>
<li><a title="Dribbble" data-toggle="tooltip" data-placement="bottom" href="#." class="dribbble"><i class="fa fa-dribbble"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-6 team-members">
<div class="pic">
<img alt="profile img" src="images/teams/4.png">
</div>
<div class="team_prof">
<div class="profile">
<h3 class="names">Mathew<small>Software Testing</small></h3>
<p class="description">Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commo</p>
</div>
<div class="social_media_team">
<ul class="team_social">
<li><a title="Facbook" data-toggle="tooltip" data-placement="bottom" href="#." class="fb"><i class="fa fa-facebook"></i></a></li>
<li><a title="Twitter" data-toggle="tooltip" data-placement="bottom" href="#." class="twtr"><i class="fa fa-twitter"></i></a></li>
<li><a title="Google" data-toggle="tooltip" data-placement="bottom" href="#." class="gmail"><i class="fa fa-google-plus"></i></a></li>
<li><a title="Dribbble" data-toggle="tooltip" data-placement="bottom" href="#." class="dribbble"><i class="fa fa-dribbble"></i></a></li>
</ul>
</div>
</div>
</div>
</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>