<!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>Edge 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" href="css/flexslider.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" href="css/animate.css"/>
<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 class="home">
<!--Start Header-->
<header id="header">
<!-- Start header-top -->
<div class="header-top">
<div class="container">
<div class="row">
<div class="hidden-xs col-lg-7 col-sm-5 top-info">
<span><i class="fa fa-phone"></i>Phone: (123) 456-7890</span>
<span class="hidden-sm"><i class="fa fa-envelope"></i>Email: mail@example.com</span>
</div>
<div class="col-lg-5 col-sm-7 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>
<li>
<form class="search-bar">
<label for="search" class="search-label">
<button class="search-button"><i class="fa fa-search"></i></button><!-- Fix the break-row-bug
--><input type="text" id="search" class="search-input" />
</label>
</form>
</li>
</ul>
</div>
</div>
</div>
</div>
<!--/.header-top -->
<div id="menu-bar">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-3">
<div id="logo">
<h1><a href="index.html"><img src="images/logo.png"/></a></h1>
</div>
</div>
<!-- Navigation
================================================== -->
<div class="col-lg-9 col-sm-9 navbar navbar-default navbar-static-top container" 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 class="active"><a href="index.html"><span class="data-hover"data-hover="home">home</span></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 class="active"><a href="index_5.html">Home 5</a></li>
</ul>
</li>
<li><a href="#"><span class="data-hover" data-hover="Shortcodes">Shortcodes</span></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="#" ><span class="data-hover" data-hover="pages">Pages</span></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="#"><span class="data-hover" data-hover="Portfolio">Portfolio</span></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><a href="#"><span class="data-hover" data-hover="blog">Blog</span></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>
<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><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="#"> <span class="data-hover" data-hover="contact">Contact</span></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>
<!--/.container -->
</div>
<!--/#menu-bar -->
<div class="slider_block">
<div class="flexslider top_slider">
<ul class="slides">
<li class="slide1">
<div class="container">
<div class="flex_caption1">
<p class="slide-heading FromTop">Voluptas Assumenda Est </p><br/>
<p class="sub-line FromBottom">Dolore Magnam Aliquam Quaerat Voluptatem </p><br/>
<a href="" class="slider-read FromLeft">Download Now</a>
</div>
<div class="flex_caption2 FromRight"></div>
</div>
</li>
<li class="slide2">
<div class="container">
<div class="slide flex_caption1">
<p class="slide-heading FromTop">Edge is our theme</p><br/>
<p class="sub-line FromRight">Dolore Magnam Aliquam Quaerat Voluptatem </p><br/>
<a href="" class="slider-read FromLeft">Download Now</a>
</div>
<div class="flex_caption2 FromBottom"></div>
</div>
</li>
<li class="slide3">
<div class="container">
<div class="slide flex_caption1">
<p class="slide-heading FromTop">Easy to Maintain </p><br/>
<p class="sub-line FromRight">Powerful Features & Responsive Designs </p><br/>
<a href="" class="slider-read FromLeft">Download Now</a>
</div>
<div class="flex_caption2 FromRight"></div>
</div>
</li>
</ul>
</div>
</div>
</header>
<!--End Header-->
<!--start wrapper-->
<section class="wrapper">
<!--start info service-->
<section class="grey_bg">
<div class="container">
<div class="row sub_content">
<div class="col-sm-4">
<div class="serviceBox_4">
<span class="service-icon">01</span>
<h3>Web <br>Agency</h3>
<p>Lorem ipsum dolor sit amet, consec tetur adipisc elit. Proin ultricies ves tibulum velit, bibendum et condi.</p>
<div class="read">
<a href="" class="btn btn-default">Read Info</a>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="serviceBox_4">
<span class="service-icon">02</span>
<h3>Clean & Clear<br> Design</h3>
<p>Lorem ipsum dolor sit amet, consec tetur adipisc elit. Proin ultricies ves tibulum velit, bibendum et condi.</p>
<div class="read">
<a href="" class="btn btn-default">Read Info</a>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="serviceBox_4">
<span class="service-icon">03</span>
<h3>Responsive<br> Designs</h3>
<p>Lorem ipsum dolor sit amet, consec tetur adipisc elit. Proin ultricies ves tibulum velit, bibendum et condi.</p>
<div class="read">
<a href="" class="btn btn-default">Read Info</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--end info service-->
<section>
<div class="container">
<div class="row sub_content">
<div class="col-md-4 wow fadeInLeft">
<div class="dividerHeading">
<h4><span>More About Us</span></h4>
</div>
<div class="widget widget_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="#Recent-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">
<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. </p>
<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>
</ul>
</div>
<div class="tab-pane fade" id="Recent">
<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. </p>
<ul class="list_style">
<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>
</ul>
</div>
<div class="tab-pane fade" id="Recent-Comment">
<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. </p>
<ul class="list_style square">
<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>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-4 wow fadeInUp">
<div class="dividerHeading">
<h4><span>Why Choose Us</span></h4>
</div>
<div id="accordion" class="panel-group accordion"><!-- Accordians -->
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
<i class="switch fa fa-plus"></i>
Full Responsive Theme
</a>
</h4>
</div>
<div class="panel-collapse collapse in" id="collapseOne">
<div class="panel-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
<i class="switch fa fa-plus"></i>
Touchable Slider
</a>
</h4>
</div>
<div class="panel-collapse collapse" id="collapseTwo">
<div class="panel-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseTen">
<i class="switch fa fa-plus"></i>
Vestibulum turpis lacus
</a>
</h4>
</div>
<div id="collapseTen" class="panel-collapse collapse">
<div class="panel-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.</div>
<div class="panel-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseEleven">
<i class="switch fa fa-plus"></i>
How to Copy and paste ?
</a>
</h4>
</div>
<div id="collapseEleven" class="panel-collapse collapse">
<div class="panel-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.</div>
<div class="panel-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
<i class="switch fa fa-plus"></i>
Retina Ready
</a>
</h4>
</div>
<div class="panel-collapse collapse" id="collapseThree">
<div class="panel-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 wow fadeInRight">
<div class="dividerHeading">
<h4><span>Vimeo Video</span></h4>
</div>
<div class="embed-responsive embed-responsive-4by3">
<iframe src="https://player.vimeo.com/video/80101893?title=0&byline=0&portrait=0" width="800" height="450" frameborder="0"></iframe>
</div>
</div>
</div>
</div>
</section>
<!--Start recent work-->
<section class="latest_work">
<div class="container">
<div class="row sub_content">
<div class="carousel-intro">
<div class="col-md-12">
<div class="dividerHeading">
<h4><span>Recent Work</span></h4>
</div>
<div class="carousel-navi">
<div id="work-prev" class="arrow-left jcarousel-prev"><i class="fa fa-angle-left"></i></div>
<div id="work-next" class="arrow-right jcarousel-next"><i class="fa fa-angle-right"></i></div>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="jcarousel recent-work-jc">
<ul class="jcarousel-list">
<!-- Recent Work Item -->
<li class="col-sm-3 col-md-3 col-lg-3">
<figure class="touching effect-bubba">
<img src="images/portfolio/portfolio_1.png" alt="" class="img-responsive">
<div class="option">
<a href="portfolio_single.html" class="fa fa-link"></a>
<a href="images/portfolio/portfolio_1.png" class="fa fa-search mfp-image"></a>
</div>
<figcaption class="item-description">
<h5>Touch and Swipe</h5>
<p>Technology</p>
</figcaption>
</figure>
</li>
<!-- Recent Work Item -->
<li class="col-sm-3 col-md-3 col-lg-3">
<figure class="touching effect-bubba">
<img src="images/portfolio/portfolio_2.png" alt="" class="img-responsive">
<div class="option">
<a href="portfolio_single.html" class="fa fa-link"></a>
<a href="images/portfolio/portfolio_2.png" class="fa fa-search mfp-image"></a>
</div>
<figcaption class="item-description">
<h5>Touch and Swipe</h5>
<p>Technology</p>
</figcaption>
</figure>
</li>
<!-- Recent Work Item -->
<li class="col-sm-3 col-md-3 col-lg-3">
<figure class="touching effect-bubba">
<img src="images/portfolio/portfolio_3.png" alt="" class="img-responsive">
<div class="option">
<a href="portfolio_single.html" class="fa fa-link"></a>
<a href="images/portfolio/portfolio_3.png" class="fa fa-search mfp-image"></a>
</div>
<figcaption class="item-description">
<h5>Touch and Swipe</h5>
<p>Technology</p>
</figcaption>
</figure>
</li>
<!-- Recent Work Item -->
<li class="col-sm-3 col-md-3 col-lg-3">
<figure class="touching effect-bubba">
<img src="images/portfolio/portfolio_4.png" alt="" class="img-responsive">
<div class="option">
<a href="portfolio_single.html" class="fa fa-link"></a>
<a href="images/portfolio/portfolio_4.png" class="fa fa-search mfp-image"></a>
</div>
<figcaption class="item-description">
<h5>Touch and Swipe</h5>
<p>Technology</p>
</figcaption>
</figure>
</li>
<!-- Recent Work Item -->
<li class="col-sm-3 col-md-3 col-lg-3">
<figure class="touching effect-bubba">
<img src="images/portfolio/portfolio_5.png" alt="" class="img-responsive">
<div class="option">
<a href="portfolio_single.html" class="fa fa-link"></a>
<a href="images/portfolio/portfolio_5.png" class="fa fa-search mfp-image"></a>
</div>
<figcaption class="item-description">
<h5>Touch and Swipe</h5>
<p>Technology</p>
</figcaption>
</figure>
</li>
<!-- Recent Work Item -->
<li class="col-sm-3 col-md-3 col-lg-3">
<figure class="touching effect-bubba">
<img src="images/portfolio/portfolio_6.png" alt="" class="img-responsive">
<div class="option">
<a href="portfolio_single.html" class="fa fa-link"></a>
<a href="images/portfolio/portfolio_6.png" class="fa fa-search mfp-image"></a>
</div>
<figcaption class="item-description">
<h5>Touch and Swipe</h5>
<p>Technology</p>
</figcaption>
</figure>
</li>
<!-- Recent Work Item -->
<li class="col-sm-3 col-md-3 col-lg-3">
<figure class="touching effect-bubba">
<img src="images/portfolio/portfolio_7.png" alt="" class="img-responsive">
<div class="option">
<a href="portfolio_single.html" class="fa fa-link"></a>
<a href="images/portfolio/portfolio_7.png" class="fa fa-search mfp-image"></a>
</div>
<figcaption class="item-description">
<h5>Touch and Swipe</h5>
<p>Technology</p>
</figcaption>
</figure>
</li>
<!-- Recent Work Item -->
<li class="col-sm-3 col-md-3 col-lg-3">
<figure class="touching effect-bubba">
<img src="images/portfolio/portfolio_8.png" alt="" class="img-responsive">
<div class="option">
<a href="portfolio_single.html" class="fa fa-link"></a>
<a href="images/portfolio/portfolio_8.png" class="fa fa-search mfp-image"></a>
</div>
<figcaption class="item-description">
<h5>Touch and Swipe</h5>
<p>Technology</p>
</figcaption>
</figure>
</li>
</ul>
</div>
</div>
</div>
</section>
<!--Start recent work-->
<section class="feature-block">
<div class="container">
<div class="row sub_content">
<div class="col-lg-6 wow fadeInLeft">
<div class="text-center">
<img src="images/mobile-1.png" alt=""/>
</div>
</div>
<div class="col-lg-6 fadeInRight">
<div class="dividerHeading">
<h4><span>Responsive Designs</span></h4>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae cum dolore fugit impedit nisi, quasi saepe temporibus velit! Debitis, nihil velit? A accusantium adipisci aliquam amet aperiam aut consequuntur dolore ducimus eaque eius est eveniet fugiat maxime molestias natus necessitatibus quae sapiente suscipit tenetur veniam vero, voluptate voluptatum! At, quia!</p>
<hr>
<i class="fa fa-apple"></i>
<i class="fa fa-windows"></i>
<i class="fa fa-clock-o"></i>
<i class="fa fa-android"></i>
<i class="fa fa-paperclip"></i>
<i class="fa fa-skype"></i>
<hr>
<a href="" class="btn btn-default btn-lg">Read more</a>
<a href="" class="btn btn-default btn-lg">Purchase Now</a>
</div>
</div>
</div>
</section>
<section class="clients">
<div class="container">
<div class="row sub_content">
<div class="col-lg-12 col-md-12 col-sm-12">
<div class="dividerHeading">
<h4><span>Our Clients</span></h4>
</div>
<div class="our_clients">
<ul class="client_items clearfix">
<li class="col-sm-3 col-md-3 col-lg-3"><a href="services.html" data-placement="bottom" data-toggle="tooltip" title="Client 1" ><img src="images/clients/1.png" alt="" /></a></li>
<li class="col-sm-3 col-md-3 col-lg-3"><a href="services.html" data-placement="bottom" data-toggle="tooltip" title="Client 2" ><img src="images/clients/2.png" alt="" /></a></li>
<li class="col-sm-3 col-md-3 col-lg-3"><a href="services.html" data-placement="bottom" data-toggle="tooltip" title="Client 3" ><img src="images/clients/3.png" alt="" /></a></li>
<li class="col-sm-3 col-md-3 col-lg-3"><a href="services.html" data-placement="bottom" data-toggle="tooltip" title="Client 4" ><img src="images/clients/4.png" alt="" /></a></li>
</ul><!--/ .client_items-->
</div>
</div>
</div>
</div>
</section>
<section class="promo_box wow bounce">
<div class="container">
<div class="row">
<div class="col-sm-9">
<div class="promo_content">
<h3>Edge is awesome responsive template, with 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 class="btn btn-lg btn-default" href="#fakelink">
<i class="fa fa-shopping-cart"></i>
Download Now
</a>
</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 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 Edge | 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 src="js/jquery.fractionslider.js" type="text/javascript" charset="utf-8"></script>
-->
<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/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/jquery-scrolltofixed-min.js"></script>
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
<script src="js/main.js"></script>
<!-- Start Style Switcher -->
<div class="switcher"></div>
<!-- End Style Switcher -->
<script>
$('.flexslider.top_slider').flexslider({
animation: "fade",
controlNav: false,
directionNav: true,
prevText: "←",
nextText: "→"
});
</script>
<!-- WARNING: Wow.js doesn't work in IE 9 or less -->
<!--[if gte IE 9 | !IE ]><!-->
<script type="text/javascript" src="js/wow.min.js"></script>
<script>
// WOW Animation
new WOW().init();
</script>
<![endif]-->
</body>
</html>