| Server IP : 104.21.21.239 / Your IP : 216.73.216.114 Web Server : Apache/2.4.68 (Amazon Linux) OpenSSL/3.5.5 System : Linux ip-172-31-69-123.ec2.internal 6.1.176-223.369.amzn2023.x86_64 #1 SMP PREEMPT_DYNAMIC Fri Jul 24 13:34:27 UTC 2026 x86_64 User : ec2-user ( 1000) PHP Version : 8.4.23 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/banners/domains/mcifa.com/public_html/ |
Upload File : |
<!DOCTYPE html> <!--[if IE 7]> <html class="ie7 no-js" lang="en"> <![endif]--> <!--[if lte IE 8]> <html class="ie8 no-js" lang="en"> <![endif]--> <!--[if (gte IE 9)|!(IE)]><!--> <html class="not-ie no-js" lang="en"> <!--<![endif]--> <head> <!-- Basic Page Needs ================================================== --> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!--[if ie]><meta http-equiv='X-UA-Compatible' content="IE=edge,IE=9,IE=8,chrome=1" /><![endif]--> <title>Adelia HTML Template | Typography</title> <meta name="description" content=""> <meta name="author" content=""> <link rel="icon" type="image/x-icon" href="favicon.ico" /> <!-- Mobile Specific Metas ================================================== --> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <!-- CSS ================================================== --> <link rel="stylesheet" href="css/style.css" /> <link rel="stylesheet" href="css/colors/orange.css" id="colors" /> <link rel="stylesheet" href="css/skeleton.css" /> <link rel="stylesheet" href="css/layout.css" /> <link rel="stylesheet" href="css/font-awesome.css" /> <!-- HTML5 Shiv ================================================== --> <script src="js/jquery.modernizr.js"></script> </head> <body class="wide color pattern-1"> <div id="wrapper"> <header id="header"> <div class="container"> <div class="eight columns"> <div id="logo"> </div> <!--/ #logo--> </div> <!--/ .columns--> <div class="eight columns"> <div class="widget widget_contacts"> <ul class="social-icons"> <li class="vimeo"><a href="#">Vimeo</a></li> <li class="skype"><a href="#">Skype</a></li> <li class="dribble"><a href="#">Dribble</a></li> <li class="youtube"><a href="#">Youtube</a></li> <li class="twitter"><a href="#">Twitter</a></li> <li class="facebook"><a href="#">Facebook</a></li> <li class="rss"><a href="#">Rss</a></li> </ul> <!--/ .social-icons --> </div> </div> <!--/ .columns--> <div class="clear"></div> <div class="sixteen columns"> <div class="menu-container clearfix"> <nav class="mega-menu"> <label for="mobile-button"> <i class="fa fa-bars"></i> </label> <input id="mobile-button" type="checkbox"> <ul class="collapse"> <li><a href="#">Home</a> <ul class="drop-down one-column hover-fade"> <li><a href="index.html">Home Page 1</a></li> <li><a href="index-2.html">Home Page 2</a></li> <li><a href="index-3.html">Home Page 3</a></li> <li><a href="index-4.html">Home Page 4</a></li> <li><a href="index-5.html">Home Page 5</a></li> <li><a href="one-page-template.html">One Page Template</a></li> </ul> </li> <li><a href="#">Pages</a> <ul class="drop-down two-column hover-fade"> <li> <ul> <li><a href="about-us.html">About Us</a></li> <li><a href="about-us-2.html">About Us 2</a></li> <li><a href="services.html">Services</a></li> <li><a href="services-2.html">Services 2</a></li> <li><a href="pricing-tables.html">Pricing Tables</a></li> <li><a href="pricing-tables-2.html">Pricing Tables 2</a></li> <li><a href="contact.html">Contact Us</a></li> </ul> <ul> <li><a href="faq.html">FAQ + sidebar</a></li> <li><a href="side-nav.html">Side Navigation</a></li> <li><a href="right-sidebar.html">Right Sidebar</a></li> <li><a href="left-sidebar.html">Left Sidebar</a></li> <li><a href="404.html">404 Page</a></li> <li><a href="coming-soon.html">Coming Soon</a></li> </ul> </li> </ul> </li> <li><a href="#">Portfolio</a> <div class="drop-down two-column hover-fade"> <ul> <li><h2>Without Sidebar</h2></li> <li><a href="portfolio-2-columns.html">Portfolio 2 Columns</a></li> <li><a href="portfolio-3-columns.html">Portfolio 3 Columns</a></li> <li><a href="portfolio-4-columns.html">Portfolio 4 Columns</a></li> <li><a href="portfolio-single.html">Portfolio Single</a></li> </ul> <ul> <li><h2>With Sidebar</h2></li> <li><a href="portfolio-2-columns-sidebar.html">Portfolio 2 Columns</a></li> <li><a href="portfolio-3-columns-sidebar.html">Portfolio 3 Columns</a></li> <li><a href="portfolio-4-columns-sidebar.html">Portfolio 4 Columns</a></li> <li><a href="portfolio-single-sidebar.html">Portfolio Single</a></li> </ul> </div> </li> <li><a href="#">Blog</a> <ul class="drop-down one-column hover-fade"> <li><a href="#">Without Sidebar</a> <i class="fa fa-angle-right"></i> <ul class="drop-down one-column hover-fade"> <li><a href="blog.html">Blog</a></li> <li><a href="blog-single.html">Blog Single</a></li> </ul> </li> <li><a href="#">With Sidebar</a> <i class="fa fa-angle-right"></i> <ul class="drop-down one-column hover-fade"> <li><a href="blog-sidebar.html">Blog</a></li> <li><a href="blog-single-sidebar.html">Blog Single</a></li> </ul> </li> </ul> </li> <li><a href="#">Shop</a> <ul class="drop-down one-column hover-fade"> <li><a href="#">Without Sidebar</a> <i class="fa fa-angle-right"></i> <ul class="drop-down one-column hover-fade"> <li><a href="shop-3-columns.html">Shop 3 Columns</a></li> <li><a href="shop-4-columns.html">Shop 4 Columns</a></li> <li><a href="shop-single.html">Shop Single</a></li> </ul> </li> <li><a href="#">With Sidebar</a> <i class="fa fa-angle-right"></i> <ul class="drop-down one-column hover-fade"> <li><a href="shop-3-columns-sidebar.html">Shop 3 Columns</a></li> <li><a href="shop-4-columns-sidebar.html">Shop 4 Columns</a></li> <li><a href="shop-single-sidebar.html">Shop Single</a></li> </ul> </li> </ul> </li> <li class="current-menu-item"><a href="#">Shortcodes</a> <ul class="drop-down one-column hover-fade"> <li class="current-menu-item"><a href="typography.html">Typography</a></li> <li><a href="elements.html">Elements</a></li> <li><a href="columns.html">Columns</a></li> </ul> </li> <li><a href="#">Mega Menu</a> <div class="drop-down full-width hover-fade"> <ul> <li><h2>Features 1</h2></li> <li><a href="#">Clean Design</a></li> <li><a href="#">40 HTML Pages</a></li> <li><a href="#">Responsive Layout</a></li> <li><a href="#">Cross-browser</a></li> <li><a href="#">Easy to Customize</a></li> <li><a href="#">Valid HTML5 Code</a></li> <li><a href="#">8 Color Schemes</a></li> </ul> <ul> <li><h2>Features 2</h2></li> <li><a href="#">Portfolio Pages</a></li> <li><a href="#">Blog Pages</a></li> <li><a href="#">Shop Pages</a></li> <li><a href="#">About Us Pages</a></li> <li><a href="#">Services Pages</a></li> <li><a href="#">Contact Us Page</a></li> <li><a href="#">FAQ Page</a></li> </ul> <ul> <li><h2>Features 3</h2></li> <li><a href="#">Multipage Demo</a></li> <li><a href="#">One Page Demo</a></li> <li><a href="#">Coming Soon Page</a></li> <li><a href="#">Pricing Pages</a></li> <li><a href="#">404 Page</a></li> <li><a href="#">Left/Right Sidebar</a></li> <li><a href="#">Free Icon Fonts</a></li> </ul> <ul> <li><h2>Features 4</h2></li> <li><a href="#">Video Support</a></li> <li><a href="#">CSS3 Animations</a></li> <li><a href="#">Mega Menu</a></li> <li><a href="#">Boxed/Wide Layouts</a></li> <li><a href="#">Many Shortcodes</a></li> <li><a href="#">Contact Form</a></li> <li><a href="#">Newsletter Form</a></li> </ul> </div> </li> <li class="login-form"> <i class="fa fa-user"></i> <ul class="drop-down hover-fade"> <li> <form method="post" action="#"> <table> <tr> <td colspan="2"><input type="email" name="email" placeholder="Your email address" required></td> </tr> <tr> <td colspan="2"><input type="password" name="password" placeholder="Password" required></td> </tr> <tr> <td><a href="#" class="button medium color">SIGN IN</a></td> <td><label><input type="checkbox" name="check_box">Keep me signed in </label></td> </tr> </table> </form> </li> </ul> </li> <li class="search-bar"> <i class="fa fa-search"></i> <ul class="drop-down hover-fade"> <li> <form method="post" action="#"> <table> <tr> <td><input type="text" name="serach_bar" placeholder="Type Keyword and Hit Enter"></td> </tr> </table> </form> </li> </ul> </li> </ul> </nav> <!-- nav container end --> </div> <!--/ .menu-container--> </div> <!--/ .columns--> </div> <!--/ .container--> </header> <!--/ #header--> <section id="content" class="sbr"> <div class="menu-shadow"></div> <div class="container clearfix"> <div class="page-header clearfix"> <h1>Typography</h1> <div class="line"></div> </div> <!--/ .page-header--> <div class="sixteen columns"> <h1>H1 Lorem ipsum dolor sit amet</h1> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididuntut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamcolaboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit </p> <h2>H2 Lorem ipsum dolor sit amet</h2> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididuntut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamcolaboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit </p> <h3>H3 Lorem ipsum dolor sit amet</h3> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididuntut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamcolaboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit </p> <h4>H4 Lorem ipsum dolor sit amet</h4> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididuntut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamcolaboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit </p> <h5>H5 Lorem ipsum dolor sit amet</h5> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididuntut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamcolaboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit </p> <h6>H6 Lorem ipsum dolor sit amet</h6> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididuntut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamcolaboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit </p> </div> <!--/ #columns --> <div class="divider-solid"></div> <div class="sixteen columns"> <h6 class="section-title">Dropcaps</h6> <p> <span class="dropcap">D</span> onec sollicitudin risus risus, nec faucibus nisi iaculis nec. Aenean ornare feugiat sapien sit amet rhoncus. Nam convallis vestibulum tellus, in tincidunt orci bibendum id. Nam commodo velit sit amet nibh commodo, sed placerat ante accumsan. Nam in condimentum arcu, nec suscipit nunc. Sed faucibus augue nec arcu sollicitudin, vitae consectetur quam iaculis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris a velit at dui mattis gravida ut vel dui. Mauris adipiscing turpis ut risus feugiat, vel faucibus nunc euismod. </p> <p> <span class="dropcap circle dark">N</span> ulla ut dignissim diam, at varius risus. Donec tristique condimentum nulla non dapibus. Mauris imperdiet magna felis. Donec et dolor vitae ipsum fermentum accumsan eu id tortor. Fusce aliquam congue est at ultrices. Fusce auctor tempor enim, quis rutrum arcu elementum at. In vitae augue nec elit malesuada tempus. Nunc vehicula convallis tortor et porttitor. Nunc ultrices dolor at tellus mollis, nec vulputate risus dictum. Aliquam quis est eu ipsum hendrerit consequat. Duis congue vestibulum orci in fringilla. Praesent a dolor vitae massa sodales ultricies. Maecenas semper imperdiet justo, vel pellentesque arcu dapibus a. In hac habitasse platea dictumst. </p> <p> <span class="dropcap color">S</span> agittis adipiscing velit non, accumsan dapibus diam. Ut eleifend orci at diam varius, eu gravida est luctus. Sed feugiat massa bibendum scelerisque consequat. Nunc eget iaculis tortor. Vestibulum lorem nulla, facilisis eu convallis vitae, feugiat vitae urna. Praesent luctus vitae arcu non dapibus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent placerat posuere lectus, bibendum placerat elit auctor eget. Fusce sagittis ultricies sollicitudin. Sed adipiscing vehicula quam. Vestibulum vitae mi vel est hendrerit iaculis. Aliquam erat volutpat. Cras tincidunt, nisl in sodales luctus, lacus felis faucibus magna, vel mollis magna nisi ut nibh. Fusce pretium cursus fermentum. Curabitur a condimentum massa. </p> <p> <span class="dropcap rounded dark">F</span> usce vel arcu nulla. Donec vel magna eget massa rhoncus mollis at vitae nunc. Maecenas quis sem enim. Vivamus vel bibendum odio. Vestibulum ultricies aliquam lorem sed adipiscing. Morbi dignissim malesuada ante. Suspendisse dui est, lacinia id imperdiet ut, aliquam a leo. Pellentesque tempus dignissim magna non auctor. Donec et convallis diam, eget placerat ligula. Quisque vitae ligula dolor. Donec justo mauris, ultrices id lectus sit amet, viverra ornare quam. Sed et velit eleifend, mollis nisi sit amet, convallis felis. Etiam et metus tempor velit varius facilisis. Proin pharetra diam ut ornare aliquam. Aliquam blandit lorem vitae ante placerat molestie. Phasellus laoreet orci sed blandit iaculis. Nullam sagittis urna et sem faucibus tincidunt. </p> </div> <!--/ .column--> <div class="divider-solid"></div> <div class="sixteen columns"> <h6 class="section-title">Tooltips</h6> <p>Curabitur sollicitudin nec lacus in auctor. Quisque faucibus, ligula ut ornare aliquet, metus arcu consectetur velit, in scelerisque velit nulla vitae est. Duis sollicitudin nisi vel tortor condimentum, ac ultricies dui viverra. Maecenas <a href="#" data-tooltip="This is the tooltip" class="tooltip">tristique</a> condimentum lobortis. Quisque mattis ligula eu dui tempus, ut tincidunt elit elementum. Etiam tempor nibh tellus, id porta mauris luctus luctus. Sed malesuada ultrices justo ac posuere. Nullam ac aliquet elit. Maecenas accumsan rutrum ipsum at convallis. Fusce cursus nunc justo, non tincidunt urna accumsan eget. Phasellus mollis suscipit sapien, vel eleifend ante tempor quis. <a href="#" data-tooltip="And this is another tooltip" class="tooltip">Vestibulum</a> ornare sapien vel orci ornare dignissim. Proin vel ante eu quam auctor adipiscing. Aliquam eget bibendum quam.</p> </div> <!--/ .column--> <div class="divider-solid"></div> <div class="sixteen columns"> <h6 class="section-title">Highlights</h6> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tortor massa, facilisis sed ligula sit amet, aliquam convallis ipsum. Pellentesque consectetur elit nec diam adipiscing euismod. Vivamus pulvinar magna ullamcorper massa ultrices, ut laoreet nunc convallis. <a class="highlight" href="#">Nullam imperdiet orci</a> ultricies risus faucibus euismod. Quisque sed tincidunt orci. Donec est sem, egestas a commodo non, vehicula ut ante. Cras rhoncus ipsum at ligula luctus gravida. Nulla nec sem sit amet quam porta posuere quis non libero. Aliquam sem sem, <a class="highlight" href="#">mollis scelerisque lectus ut</a>, laoreet fermentum tortor. Integer pellentesque, lectus vel gravida porta, sapien tellus pharetra tortor, nec vestibulum lacus odio id nunc. Vestibulum interdum magna sit amet gravida viverra. Nulla ac orci non tortor vehicula lobortis. Proin id massa eget orci varius rhoncus. Sed aliquet est vitae libero luctus, at tempor purus commodo. Phasellus vel mollis metus. Integer felis tellus, mattis nec lobortis vel, tincidunt ut turpis.</p> </div> <!--/ .columns--> <div class="divider-solid"></div> <div class="one-third column"> <h6 class="section-title">List Style (OK icon)</h6> <ul class="list"> <li><i class="fa fa-check-square-o"></i>Lorem ipsum dolor amet, consectetur </li> <li><i class="fa fa-check-square-o"></i>Lorem ipsum dolor amet, consectetur </li> <li><i class="fa fa-check-square-o"></i>Lorem ipsum dolor amet, consectetur </li> <li><i class="fa fa-check-square-o"></i>Lorem ipsum dolor amet, consectetur </li> </ul> </div> <!--/ .column--> <div class="one-third column"> <h6 class="section-title">List Style (circle icon)</h6> <ul class="list"> <li><i class="fa fa-check"></i>Lorem ipsum dolor amet, consectetur </li> <li><i class="fa fa-check"></i>Lorem ipsum dolor amet, consectetur </li> <li><i class="fa fa-check"></i>Lorem ipsum dolor amet, consectetur </li> <li><i class="fa fa-check"></i>Lorem ipsum dolor amet, consectetur </li> </ul> </div> <!--/ .column--> <div class="one-third column"> <h6 class="section-title">List Style (plus icon)</h6> <ul class="list"> <li><i class="fa fa-plus"></i>Lorem ipsum dolor amet, consectetur </li> <li><i class="fa fa-plus"></i>Lorem ipsum dolor amet, consectetur </li> <li><i class="fa fa-plus"></i>Lorem ipsum dolor amet, consectetur </li> <li><i class="fa fa-plus"></i>Lorem ipsum dolor amet, consectetur </li> </ul> </div> <!--/ .column--> <div class="divider-half-solid"></div> <div class="one-third column"> <h6 class="section-title">List Style (asterisk icon)</h6> <ul class="list"> <li><i class="fa fa-asterisk"></i>Lorem ipsum dolor amet, consectetur </li> <li><i class="fa fa-asterisk"></i>Lorem ipsum dolor amet, consectetur </li> <li><i class="fa fa-asterisk"></i>Lorem ipsum dolor amet, consectetur </li> <li><i class="fa fa-asterisk"></i>Lorem ipsum dolor amet, consectetur </li> </ul> </div> <!--/ .column--> <div class="one-third column"> <h6 class="section-title">List Style (arrow icon)</h6> <ul class="list"> <li><i class="fa fa-angle-right"></i>Lorem ipsum dolor amet, consectetur </li> <li><i class="fa fa-angle-right"></i>Lorem ipsum dolor amet, consectetur </li> <li><i class="fa fa-angle-right"></i>Lorem ipsum dolor amet, consectetur </li> <li><i class="fa fa-angle-right"></i>Lorem ipsum dolor amet, consectetur </li> </ul> </div> <!--/ .column--> <div class="one-third column"> <h6 class="section-title">List Style (lightbulb icon)</h6> <ul class="list"> <li><i class="fa fa-lightbulb-o"></i>Lorem ipsum dolor amet, consectetur </li> <li><i class="fa fa-lightbulb-o"></i>Lorem ipsum dolor amet, consectetur </li> <li><i class="fa fa-lightbulb-o"></i>Lorem ipsum dolor amet, consectetur </li> <li><i class="fa fa-lightbulb-o"></i>Lorem ipsum dolor amet, consectetur </li> </ul> </div> <!--/ .column--> <div class="divider-half-solid"></div> </div> <!--/ .container --> </section> <!--/ #content --> <footer id="footer"> <div class="container"> <div class="four columns"> <div class="widget widget_recent_entries"> <h3 class="widget-title">Recent Posts</h3> <ul> <li> <a title="Recent Post" href="blog.html">Sed sodales risus</a> <span class="post-date">Settember 15, 2013</span> </li> <li> <a title="Recent Post" href="blog.html">Praesent et nibh et</a> <span class="post-date">Settember 15, 2013</span> </li> <li> <a title="Recent Post" href="blog.html">Velit mollis mattis</a> <span class="post-date">Settember 15, 2013</span> </li> <li> <a title="Recent Post" href="blog.html">Proin erat urna, semper nec</a> <span class="post-date">Settember 15, 2013</span> </li> <li> <a title="Recent Post" href="blog.html">Praesent et nibh et</a> <span class="post-date">Settember 15, 2013</span> </li> </ul> </div> <!--/ .widget--> </div> <!--/ .columns--> <div class="four columns"> <div class="widget widget_social"> <h3 class="widget-title">Social Links</h3> <ul class="social-icons clearfix"> <li class="vimeo"><a href="#">Vimeo</a></li> <li class="skype"><a href="#">Skype</a></li> <li class="dribble"><a href="#">Dribble</a></li> <li class="youtube"><a href="#">Youtube</a></li> <li class="twitter"><a href="#">Twitter</a></li> <li class="facebook"><a href="#">Facebook</a></li> </ul> <!--/ .social-list--> </div> <!--/ .widget--> <div class="widget widget_tag_cloud"> <h3 class="widget-title">Tag Cloud</h3> <div class="tagcloud"> <a href="#">WordPress</a> <a href="#">Development</a> <a href="#">Ideas</a> <a href="#">Prints</a> <a href="#">Identity</a> <a href="#">Photography</a> <a href="#">Video</a> <a href="#">Internet</a> <a href="#">Technology</a> </div> <!--/ .tagcloud--> </div> <!--/ .widget--> </div> <!--/ .columns --> <div class="four columns"> <div class="widget widget_flickr"> <h3 class="widget-title">Photo Stream</h3> <ul class="flickr-badge clearfix"> </ul> </div> <!--/ .widget --> </div> <!--/ .columns --> <div class="four columns"> <div class="widget widget_text"> <h3 class="widget-title">About Us</h3> <div class="textwidget"> <p> Sed sodales risus in nibh dignissim imperdiet. Vestibulum ac erat congue, aliquam leo et, tincidunt risus. Donec cursus posuere est vitae suscipit. </p> <ul class="address-info"> <li><i class="fa fa-map-marker"></i> Address: <span class="contact-info">1234 Street Name<br> City Name, United States</span></li> </ul> <ul class="address-info"> <li><i class="fa fa-phone"></i> Phone: <span class="contact-info">(123) 456-7890</span></li> <li><i class="fa fa-print"></i> Fax: <span class="contact-info">(123) 456-7890</span></li> </ul> <ul class="address-info"> <li><i class="fa fa-envelope-o"></i> Email: <span class="contact-info">[email protected]</span></li> </ul> </div> <!--/ .textwidget--> </div> <!--/ .widget --> </div> <!--/ .columns --> <div class="clear"></div> <div class="sixteen columns"> <div class="adjective clearfix"> <div class="copyright" >Copyright 2014 Adelia | All Rights Reserved</div> <div class="footer-bottom-right"></div> </div> <!--/ .adjective--> </div> <!--/ .columns--> </div> <!--/ .container --> </footer> <!--/ #footer --> </div> <!--/ #wrapper--> <script src="js/jquery-1.8.3.min.js"></script> <script src="js/jquery.easing.1.3.min.js"></script> <script src="js/jquery.cycle.all.min.js"></script> <script src="js/jquery.blackandwhite.min.js"></script> <script src="js/jquery.jflickrfeed.min.js"></script> <script src="js/jquery.touchswipe.min.js"></script> <script src="js/jquery.easy-pie-chart.js"></script> <script src="js/config.js"></script> <script src="js/custom.js"></script> </body> </html>