| Server IP : 172.67.201.108 / Your IP : 216.73.217.99 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 | Columns</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><a href="typography.html">Typography</a></li> <li><a href="elements.html">Elements</a></li> <li class="current-menu-item"><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"> <div class="menu-shadow"></div> <div class="container clearfix"> <div class="page-header clearfix"> <h1>Columns</h1> <div class="line"></div> </div> <!--/ .page-header--> <div class="eight columns box"> <span class="dropcaprounded">1/2</span> <h6>Page</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. Nullam imperdiet orci ultricies risus faucibus euismod. Quisque sed tincidunt orci. Donec est sem, egestas a commodo non, vehicula ut ante. </p> </div> <!--/ .columns --> <div class="eight columns box"> <span class="dropcaprounded">1/2</span> <h6>Page</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. Nullam imperdiet orci ultricies risus faucibus euismod. Quisque sed tincidunt orci. Donec est sem, egestas a commodo non, vehicula ut ante. </p> </div> <!--/ .columns --> <div class="clear"></div> <div class="one-third column box"> <span class="dropcaprounded">1/3</span> <h6>Page</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. </p> </div> <!--/ .columns --> <div class="one-third column box"> <span class="dropcaprounded">1/3</span> <h6>Page</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. </p> </div> <!--/ .columns --> <div class="one-third column box"> <span class="dropcaprounded">1/3</span> <h6>Page</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. </p> </div> <!--/ .columns --> <div class="clear"></div> <div class="four columns box"> <span class="dropcaprounded">1/4</span> <h6>Page</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. </p> </div> <!--/ columns--> <div class="four columns box"> <span class="dropcaprounded">1/4</span> <h6>Page</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. </p> </div> <!--/ .columns--> <div class="four columns box"> <span class="dropcaprounded">1/4</span> <h6>Page</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. </p> </div> <!--/ columns--> <div class="four columns box"> <span class="dropcaprounded">1/4</span> <h6>Page</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. </p> </div> <!--/ columns--> <div class="clear"></div> <div class="four columns box"> <span class="dropcaprounded">1/4</span> <h6>Page</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. </p> </div> <!--/ columns--> <div class="twelve columns box"> <span class="dropcaprounded">3/4</span> <h6>Page</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. Nullam imperdiet orci ultricies risus faucibus euismod. Quisque sed tincidunt orci. Donec est sem, egestas a commodo non, vehicula ut ante. 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. </p> </div> <!--/ columns--> <div class="clear"></div> <div class="one-third column box"> <span class="dropcaprounded">1/3</span> <h6>Page</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. </p> </div> <!--/ columns--> <div class="two-thirds column box"> <span class="dropcaprounded">2/3</span> <h6>Page</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. Nullam imperdiet orci ultricies risus faucibus euismod. Quisque sed tincidunt orci. Donec est sem, egestas a commodo non, vehicula ut ante. 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.</p> </div> <!--/ columns--> </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>