Introduction
Thank you so much for purchasing this file called (EyeSports). This is an HTML AND CSS template. Please feel free to contact us if you have any question or problem about this file. No guarantees, but we will do our best to provide you with the best possible assistance. Alternatively if you have more general questions relating to this file please consider visiting the forums and asking your questions in the “Item Discussion” section.
HTML Structure and Files
Main Structure
<div class="ec-main-section">
<div class="container">
<div class="row">
</div>
</div>
</div>
General HTML structure
This theme is a fixed layout with two columns. All of the information within the main content area is nested within a div with class of “as-maincontent".
Script And Styles
<script src="script/jquery.js"></script>
<script src="script/modernizr.js"></script>
<script src="script/bootstrap.min.js"></script>
<script src="script/jquery.dlmenu.js"></script>
<script src="script/flexslider-min.js"></script>
<script src="script/jquery.prettyphoto.js"></script>
<script src="script/waypoints-min.js"></script>
<script src="script/owl.carousel.min.js"></script>
<script src="script/jquery.countdown.min.js"></script>
<script src="script/fitvideo.js"></script>
<script src="script/newsticker.js"></script>
<script src="script/skills.js"></script>
<script src="script/functions.js"></script>
StyleSheets
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/font-awesome.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<link href="css/owl.carousel.css" rel="stylesheet">
<link href="css/color.css" rel="stylesheet">
<link href="css/dl-menu.css" rel="stylesheet">
<link href="css/flexslider.css" rel="stylesheet">
<link href="css/prettyphoto.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">
Html Elements
Home Page Banner
<!--// Main Banner \\-->
<div class="ec-mainbanner">
<div class="flexslider">
<ul class="slides">
<li>
<img src="extra-images/banner-1.jpg" alt="">
<div class="ec-caption">
<div class="container">
<div class="caption-inner-wrap">
<h1 class="ec-bgcolor">MOUNTAIN BIKING</h1>
<p>Pellentesque sodales quam nunc. Sed scelerisque adipiscing pede donec nu Nullam tempus erat id tortor. Duis eget libero non nisi lobor tis.</p>
<a href="#" class="ec-bgcolor">More Info</a>
</div>
</div>
</div>
</li>
<li>
<img src="extra-images/banner-2.jpg" alt="">
<div class="ec-caption">
<div class="container">
<div class="caption-inner-wrap">
<h1 class="ec-bgcolor">MOUNTAIN BIKING</h1>
<p>Pellentesque sodales quam nunc. Sed scelerisque adipiscing pede donec nu Nullam tempus erat id tortor. Duis eget libero non nisi lobor tis.</p>
<a href="#" class="ec-bgcolor">More Info</a>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<!--// Main Banner \\-->
404 Page
<div class="ec-404page">
<div class="ec-404wrap">
<h2>404 not found</h2>
<p>Look Like something wrong! The page you were looking for is not here <a href="index.html">Go Home</a> or try search:</p>
<div class="clear"></div>
<div class="widget_search">
<form>
<input type="text" placeholder="Search here..">
<label><input type="submit" value=""></label>
</form>
</div>
</div>
</div>
Blog Medium
<div class="ec-blog ec-blog-medium">
<ul class="row">
<li class="col-md-12">
<div class="ec-blog-wrap">
<figure>
<a href="#"><img src="extra-images/blog-mediumtwo-1.jpg" alt=""></a>
<figcaption>
<span><small>8:12</small></span>
<a href="#" class="fa fa-play ec-playbutton"></a>
</figcaption>
</figure>
<div class="ec-blog-text">
<ul class="ec-blog-option">
<li><i class="fa fa-user"></i> Admin by. <a href="#" class="ec-colorhover">Alexander Protikhin</a></li>
</ul>
<h2><a href="#">Stamford Bridge contact information</a></h2>
<p>Africa has some of the most incredible soccer teams (referre to as “football” for. Lorem ipsum dolor sit amet, consectetur adipiscing elit quis nostrud exercitation ullamco laboris nisi ut..<a href="#" class="ec-color">Watch</a></p>
</div>
</div>
</li>
</ul>
</div>
Blog Grid
<div class="ec-blog ec-blog-grid">
<ul class="row">
<li class="col-md-6">
<div class="ec-blog-wrap">
<figure><a href="#"><img src="extra-images/blog-grid-1.jpg" alt=""></a> <span class="ec-featured-star ec-bgcolor"><i class="fa fa-star"></i></span></figure>
<div class="ec-blog-text">
<h2><a href="#">United, Palace Aim To Rebound From Setbacks</a></h2>
<div class="ec-grid-time">
<span><i class="fa fa-clock-o"></i> 3 hours ago</span>
<a href="#" class="fa fa-angle-right"></a>
</div>
</div>
</div>
</li>
</ul>
</div>
Team Detail Info
<div class="ec-plyer-information">
<figure><a href="#"><img src="extra-images/plyer-detail-1.jpg" alt=""></a></figure>
<div class="ec-plyer-designation">
<ul>
<li><small>Birthdate</small> <span>May 22, 1991</span></li>
<li><small>POSITION</small> <span>Striker</span></li>
<li><small>GOALs</small> <span>40</span></li>
<li><small>YELLOW CARDS</small> <span>10</span></li>
<li><small>RED CARDS</small> <span>4</span></li>
<li><small>NATIONALITY</small> <span>Asian</span></li>
<li><small>HEIGHT</small> <span>1.01 M</span></li>
<li><small>WEIGHT</small> <span>60 KG</span></li>
<li><small>Nicknames</small> <span>Nole</span></li>
</ul>
</div>
</div>
Shop Listing
<div class="ec-shop ec-shop-list">
<ul class="row">
<li class="col-md-3">
<figure>
<a href="#" class="ec-shop-thumb"><img src="extra-images/shop-list-1.jpg" alt=""></a>
<span class="ec-festured">Sale</span>
<figcaption>
<ul>
<li><a href="#"><i class="fa fa-shopping-cart"></i></a></li>
<li><a href="#"><i class="fa fa-heart"></i></a></li>
<li><a href="#"><i class="fa fa-retweet"></i></a></li>
<li><a href="#"><i class="fa fa-search"></i></a></li>
</ul>
</figcaption>
</figure>
<div class="ec-shopinfo">
<h2><a href="#">Footbal Bol</a></h2>
<span class="ec-price"><del><span class="amount">£300</span></del> <ins><span class="amount">£250</span></ins></span>
</div>
</li>
</ul>
</div>
Accordian
<!--// Accordion //-->
<div class="ec-accordion">
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne">
<h4 class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<i class="fa fa-question"></i> Cordial mawkishly sourly picked squirrel much
</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel">
<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. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
</div>
</div>
</div>
</div>
</div>
<!--// Accordion //-->
Testimonial
<div class="ec-testimonial flexslider">
<ul class="slides">
<li>
<div class="ec-testimonial-wrap">
<h2>People Love us</h2>
<p>“Fiercely contested matches between Kaizer Chiefs and Orlando Pirates have become known as The Soweto Derby some of South Africa's biggest and most popular sporting events.”</p>
<img src="extra-images/testimonial-1.jpg" alt="">
<span>Jorge Olino</span>
</div>
</li>
</ul>
</div>
Form
<!--// Comment Form //-->
<div class="ec-form">
<div class="ec-fancy-title"> <h2>Leave a Replay</h2> </div>
<form>
<p> <input type="text" value="Your Name" onblur="if(this.value == '') { this.value ='Your Name'; }" onfocus="if(this.value =='Your Name') { this.value = ''; }" name="usrname" required> </p>
<p> <input type="text" value="Email" onblur="if(this.value == '') { this.value ='Email'; }" onfocus="if(this.value =='Email') { this.value = ''; }" name="usrname" required> </p>
<p> <input type="text" value="Website" onblur="if(this.value == '') { this.value ='Website'; }" onfocus="if(this.value =='Website') { this.value = ''; }" name="usrname" required> </p>
<p class="ec-comment"> <textarea placeholder="Comment"></textarea> </p>
<p class="ec-submit"> <input type="submit" value="Send" class="ec-bgcolor"> </p>
</form>
</div>
<!--// Comment Form //-->
Service Shortcode
<div class="ec-services ec-simple-service">
<ul class="row">
<li class="col-md-3">
<div class="ec-service-wrap">
<i class="fa fa-calendar"></i>
<h2>FEDERATION cup</h2>
<p>Eleifend lobortis bibendum volutpat est senectus duis convallis augue..</p>
</div>
</li>
</ul>
</div>
Plyer Grid
<div class="ec-team ec-team-grid">
<ul class="row">
<li class="col-md-4">
<div class="ec-team-wrap">
<figure><a href="#"><img src="extra-images/team-grid-1.jpg" alt=""></a></figure>
<div class="ec-team-info">
<div class="ec-forinfo">
<h3><a href="#">KELVIN DAVIS</a></h3>
<small>gOALKEEPER</small>
</div>
<span class="ec-goal-counter ec-bgcolor">06</span>
<span class="ec-plyer-info">Born August 31, 1988 <br> Medellin, Colombia</span>
</div>
</div>
</li>
</ul>
</div>
Contact Us
Contact Form
<!--// Comment Form //-->
<div class="ec-form">
<div class="ec-fancy-title"> <h2>Contact Form</h2> </div>
<form>
<p> <input type="text" value="Your Name" onblur="if(this.value == '') { this.value ='Your Name'; }" onfocus="if(this.value =='Your Name') { this.value = ''; }" name="usrname" required> </p>
<p> <input type="text" value="Email" onblur="if(this.value == '') { this.value ='Email'; }" onfocus="if(this.value =='Email') { this.value = ''; }" name="usrname" required> </p>
<p> <input type="text" value="Website" onblur="if(this.value == '') { this.value ='Website'; }" onfocus="if(this.value =='Website') { this.value = ''; }" name="usrname" required> </p>
<p class="ec-comment"> <textarea placeholder="Comment"></textarea> </p>
<p class="ec-submit"> <input type="submit" value="Send" class="ec-bgcolor"> </p>
</form>
</div>
<!--// Comment Form //-->
Contact Information
<div class="col-md-4">
<div class="widget widget-userinfo">
<div class="ec-fancy-title">
<h2>Location</h2>
</div>
<ul>
<li> <i class="fa fa-bank"></i>
<p>Studio Name Lower Mart Near to Cheepra, 1234, Washington. United States.</p>
</li>
<li> <i class="fa fa-phone"></i>
<p>00 44 303 123456</p>
</li>
<li> <i class="fa fa-fax"></i>
<p>00 44 303 123456</p>
</li>
</ul>
</div>
<div class="widget widget-userinfo">
<div class="ec-fancy-title">
<h2>Email Me</h2>
</div>
<ul>
<li> <i class="fa fa-envelope"></i>
<p><a href="#">info@envatostudio.com</a></p>
</li>
<li> <i class="fa fa-envelope-o"></i>
<p><a href="#">info@mystudio.com</a></p>
</li>
</ul>
</div>
</div>
Single Thumb
<figure class="ec-detail-thumb"><img src="extra-images/blog-detail-1.jpg" alt=""></figure>
blockquote
<blockquote>I did study the art of being a barber because I wanted to figure out what my routine would be. Do you start in the front or back? Top or bottom? Swivel the chair or walk around? What I did</blockquote>
Comment Form
<!--// Comment Form //-->
<div class="ec-form">
<div class="ec-fancy-title"> <h2>Leave a Replay</h2> </div>
<form>
<p> <input type="text" value="Your Name" onblur="if(this.value == '') { this.value ='Your Name'; }" onfocus="if(this.value =='Your Name') { this.value = ''; }" name="usrname" required> </p>
<p> <input type="text" value="Email" onblur="if(this.value == '') { this.value ='Email'; }" onfocus="if(this.value =='Email') { this.value = ''; }" name="usrname" required> </p>
<p> <input type="text" value="Website" onblur="if(this.value == '') { this.value ='Website'; }" onfocus="if(this.value =='Website') { this.value = ''; }" name="usrname" required> </p>
<p class="ec-comment"> <textarea placeholder="Comment"></textarea> </p>
<p class="ec-submit"> <input type="submit" value="Send" class="ec-bgcolor"> </p>
</form>
</div>
<!--// Comment Form //-->
Shop Thumb In Detail
<div class="ec-images">
<ul class="gallery">
<li class="ec-featured-thumb"><a href="extra-images/shop-detail-1.jpg" data-rel="prettyPhoto[gallery1]" title=""><img src="extra-images/shop-detail-1.jpg" alt=""> <i class="fa fa-search-plus"></i></a></li>
<li><a href="extra-images/shop-detail-1.jpg" data-rel="prettyPhoto[gallery1]" title=""><img src="extra-images/shop-detail-2.jpg" alt="">
<span class="ec-images-hover"><i class="fa fa-plus"></i></span></a>
</li>
<li><a href="extra-images/shop-detail-1.jpg" data-rel="prettyPhoto[gallery1]" title=""><img src="extra-images/shop-detail-3.jpg" alt="">
<span class="ec-images-hover"><i class="fa fa-plus"></i></span>
</a></li>
<li><a href="extra-images/shop-detail-1.jpg" data-rel="prettyPhoto[gallery1]" title=""><img src="extra-images/shop-detail-4.jpg" alt="">
<span class="ec-images-hover"><i class="fa fa-plus"></i></span>
</a></li>
</ul>
</div>
Shop Summary In Detail
<div class="ec-summary">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets.It has survived not only five centuries, but also the leap into electronic.</p>
<div class="ec-quality">
<div class="left-section">
<span>Quality: </span>
<div class="ec-rating"><span style="width:82%" class="rating-box"></span></div>
</div>
<div class="right-section">
<span>Stock Availability:</span>
AVAILABLE
</div>
</div>
<a href="#" class="ec-detail-btn">Add to cart</a>
<a href="#" class="ec-detail-btn">Add to Whislist</a>
</div>
Counter
<div class="ec-counter">
<ul class="row">
<li class="col-md-2">
<div class="ec-counter-info">
<small>TOTAL GOALS</small>
<span class="word-count ec-color">15,000</span>
</div>
<i class="flaticon-football28"></i>
</li>
</ul>
</div>
Tab
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Tab One</a></li>
<li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Tab Two</a></li>
<li role="presentation"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Tab Three</a></li>
<li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Tab Four</a></li>
</ul>
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="home">
<h3>Product Detail</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets.It has survived not only five centuries, but also the leap into electronic.</p>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting.</p>
</div>
<div role="tabpanel" class="tab-pane" id="profile">
<h3>Product Detail</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets.It has survived not only five centuries, but also the leap into electronic.</p>
</div>
</div>
Gallery Simple
<div class="ec-gallery ec-simple-gallery">
<ul class="row gallery">
<li class="col-md-3">
<figure><a href="#"><img src="extra-images/gallery-list-1.jpg" alt=""></a>
<figcaption>
<a title="" rel="prettyPhoto[gallery1]" href="extra-images/gallery-list-1.jpg" class="ec-color"><i class="fa fa-compress"></i></a>
</figcaption>
</figure>
</li>
</ul>
</div>
Gallery Modren
<div class="ec-gallery ec-modren-gallery">
<ul class="row gallery">
<li class="col-md-4">
<figure><a href="#"><img src="extra-images/gallery-list-1.jpg" alt=""></a>
<figcaption>
<ul>
<li><a title="" rel="prettyPhoto[gallery1]" href="extra-images/gallery-list-1.jpg" class="ec-bgcolor"><i class="fa fa-plus"></i></a></li>
<li><a href="https://www.facebook.com/" target="_blank" class="ec-bgcolor"><i class="fa fa-share-alt"></i></a></li>
</ul>
</figcaption>
</figure>
<div class="ec-gallery-info">
<h2>STRONG IS THE NEW SKINNY</h2>
<p>We create unique simple to use themes .We create trends that many follow. We innovate.</p>
</div>
</li>
</ul>
</div>
Newslatter Widget
<div class="ec-newslatter">
<h6>Join the Newsletter</h6>
<span>Sign up for our personalized daily newsletter</span>
<form>
<input type="text" value="Enter email address" onblur="if(this.value == '') { this.value ='Enter email address'; }" onfocus="if(this.value =='Enter email address') { this.value = ''; }">
<input type="submit" value="Sign up" class="ec-bgcolor">
</form>
</div>
Fancy Title
<div class="ec-fancy-title">
<h2>Match Fixture</h2>
</div>
Partner
<div class="owl-carousel ec-sponsored">
<div class="item"><a href="#"><img src="extra-images/partner-logo-1.jpg" alt=""></a></div>
<div class="item"><a href="#"><img src="extra-images/partner-logo-2.jpg" alt=""></a></div>
<div class="item"><a href="#"><img src="extra-images/partner-logo-3.jpg" alt=""></a></div>
<div class="item"><a href="#"><img src="extra-images/partner-logo-4.jpg" alt=""></a></div>
<div class="item"><a href="#"><img src="extra-images/partner-logo-5.jpg" alt=""></a></div>
<div class="item"><a href="#"><img src="extra-images/partner-logo-6.jpg" alt=""></a></div>
</div>
Papular News Widget
<aside class="widget col-md-3 ec-recentnews_widget">
<div class="ec-section-heading"><h2>Recently News</h2></div>
<ul>
<li>
<figure><a href="#"><img src="extra-images/recent-widget-1.jpg" alt=""></a></figure>
<section>
<h6><a href="#">United, Palace Aim To Rebound From Setbacks</a></h6>
<span><i class="fa fa-clock-o"></i> 2 days ago</span>
</section>
</li>
<li>
<figure><a href="#"><img src="extra-images/recent-widget-2.jpg" alt=""></a></figure>
<section>
<h6><a href="#">The summer of 2014 all about.</a></h6>
<span><i class="fa fa-clock-o"></i> 2 days ago</span>
</section>
</li>
<li>
<figure><a href="#"><img src="extra-images/recent-widget-3.jpg" alt=""></a></figure>
<section>
<h6><a href="#">Sevilla finished fifth and just out of the.</a></h6>
<span><i class="fa fa-clock-o"></i> 2 days ago</span>
</section>
</li>
</ul>
</aside>
Sub Header
<div class="ec-minheader">
<span class="ec-full-pattren"></span>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="ec-page-title"><h1>Blog Detail</h1></div>
</div>
</div>
</div>
</div>
FixTure
<ul class="ec-fixture-option">
<li><i class="fa fa-flag"></i> <a href="#">Football, </a> <a href="#">Hockey</a></li>
<li><i class="fa fa-calendar"></i> June 22, 2014 13:00 - 14:30</li>
<li><i class="fa fa-map-marker"></i> 121 King Street, Melbourne Australia</li>
</ul>
<div class="ec-latest-result-wrap">
<div class="ec-latest-result">
<ul>
<li>
<span>Liverpool FC</span>
<img src="extra-images/latest-result-1.png" alt="">
<span>Win</span>
</li>
<li>
<div class="ec-result-time">
<div class="ec-time-wrap">
5:2
<small>14 October 2013 23:00 (FT)</small>
</div>
</div>
</li>
<li>
<span>Real Madrid</span>
<img src="extra-images/latest-result-2.png" alt="">
<span>Loss</span>
</li>
</ul>
</div>
</div>
FixTure Table
<div class="ec-table-point">
<ul class="ec-table-head">
<li>
<div class="ec-cell">S.#</div>
<div class="ec-cell">Team</div>
<div class="ec-cell">P</div>
<div class="ec-cell">W</div>
<div class="ec-cell">D</div>
<div class="ec-cell">L</div>
</li>
</ul>
<ul class="ec-table-list">
<li>
<div class="ec-cell">1</div>
<div class="ec-cell">Arsenal</div>
<div class="ec-cell">20</div>
<div class="ec-cell">28</div>
<div class="ec-cell">5</div>
<div class="ec-cell">5</div>
</li>
<li>
<div class="ec-cell">2</div>
<div class="ec-cell">1.FCK</div>
<div class="ec-cell">30</div>
<div class="ec-cell">23</div>
<div class="ec-cell">9</div>
<div class="ec-cell">6</div>
</li>
<li>
<div class="ec-cell">3</div>
<div class="ec-cell">Liver Pool</div>
<div class="ec-cell">10</div>
<div class="ec-cell">22</div>
<div class="ec-cell">10</div>
<div class="ec-cell">8</div>
</li>
<li>
<div class="ec-cell">4</div>
<div class="ec-cell">Real Madrid</div>
<div class="ec-cell">5</div>
<div class="ec-cell">21</div>
<div class="ec-cell">14</div>
<div class="ec-cell">10</div>
</li>
<li>
<div class="ec-cell">5</div>
<div class="ec-cell">Premier League</div>
<div class="ec-cell">14</div>
<div class="ec-cell">10</div>
<div class="ec-cell">9</div>
<div class="ec-cell">8</div>
</li>
</ul>
</div>
PromoBox
<figure class="ec-promobox">
<a href="#"><img src="extra-images/promobox-1.jpg" alt=""></a>
<figcaption>
<span>Stock Tickets</span>
<p>Dictum habitant semper fringilla primis pretium amet faucibus ligula inceptos, potenti sem neque quis.</p>
<a href="#" class="ec-default-button">Book Now</a>
</figcaption>
</figure>
Latest Result
<div class="ec-latest-result-wrap">
<div class="ec-latest-result">
<ul>
<li>
<span>Liverpool FC</span>
<img src="extra-images/latest-result-1.png" alt="">
<span>Win</span>
</li>
<li>
<div class="ec-result-time">
<div class="ec-time-wrap">
5:2
<small>14 October 2013 23:00 (FT)</small>
</div>
</div>
</li>
<li>
<span>Real Madrid</span>
<img src="extra-images/latest-result-2.png" alt="">
<span>Loss</span>
</li>
</ul>
</div>
<div class="ec-skillst">
<div class="skillbar" data-percent="40%">
<div class="count-bar">
<div class="count"></div>
</div>
</div>
</div>
</div>
Resour & Cescredit
Credits :- Jquery.js
Credits :- bootstrap.min.js
Credits :- FlexSlider.js
Credits :- CountDown.js
Credits :- PrettyPhoto.js
Credits :- jquery.dlmenu.js
Credits :- owl.carousel.min.js
Credits :- skills.js
Credits :- Modernizr.js
Credits :- bootstrap.min.js
Credits :- FlexSlider.js
Credits :- CountDown.js
Credits :- PrettyPhoto.js
Credits :- jquery.dlmenu.js
Credits :- owl.carousel.min.js
Credits :- skills.js
Credits :- Modernizr.js
Photo Credits
StyleSheet Css Credits
Credits :- FontAwsme.css
Comments
<div id="eccomments"> <div class="ec-content-title"> <h2>12 Comments</h2> </div> <ul> <li> <div class="thumblist"> <ul> <li> <figure><a href="#"><img src="extra-images/comment1.jpg" alt=""></a></figure> <div class="text"> <a href="#">Juf Suit</a> <time datetime="2008-02-14 20:00"><i class="fa fa-clock-o"></i> 11 January 2015 9:26pm</time> <p>Wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in.</p> <a class="replay-button" href="#"><i class="fa fa-mail-reply"></i> Reply</a> <a href="#" class="comment-button"><i class="fa fa-comments"></i> 25 Comments</a> </div> </li> </ul> </div> <ul class="children"> <li> <figure><a href="#"><img src="extra-images/comment2.jpg" alt=""></a></figure> <div class="text"> <a href="#">Kareem John</a> <time datetime="2008-02-14 20:00"><i class="fa fa-clock-o"></i> 18 January 2015 6:26pm</time> <p>Wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut wisi enim ad minim veniam, quis nostrud exerc.</p> <a class="replay-button" href="#"><i class="fa fa-mail-reply"></i> Reply</a> <a href="#" class="comment-button"><i class="fa fa-comments"></i> 25 Comments</a> </div> </li> </ul> </li> <li> <div class="thumblist"> <ul> <li> <figure><a href="#"><img src="extra-images/comment3.jpg" alt=""></a></figure> <div class="text"> <a href="#">Bely Kely</a> <time datetime="2008-02-14 20:00"><i class="fa fa-clock-o"></i> 11 January 2015 9:26pm</time> <p>Wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper.</p> <a class="replay-button" href="#"><i class="fa fa-mail-reply"></i> Reply</a> <a href="#" class="comment-button"><i class="fa fa-comments"></i> 25 Comments</a> </div> </li> </ul> </div> <ul class="children"> <li> <figure><a href="#"><img src="extra-images/comment4.jpg" alt=""></a></figure> <div class="text"> <a href="#">Aroun Stem</a> <time datetime="2008-02-14 20:00"><i class="fa fa-clock-o"></i> 14 January 2015 3:26pm</time> <p>Wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit.</p> <a class="replay-button" href="#"><i class="fa fa-mail-reply"></i> Reply</a> <a href="#" class="comment-button"><i class="fa fa-comments"></i> 25 Comments</a> </div> </li> </ul> </li> </ul> </div>