| .. | |||||
| basic-grid.html | |||||
| font-icons.html | |||||
| full-width.html | |||||
| gallery.html | |||||
| index.html | |||||
| sidebar-left.html | |||||
| sidebar-right.html |
| Server IP : 172.67.145.202 / Your IP : 172.68.164.171 Web Server : Apache/2.2.15 (CentOS) System : Linux GA 2.6.32-431.1.2.0.1.el6.x86_64 #1 SMP Fri Dec 13 13:06:13 UTC 2013 x86_64 User : apache ( 48) PHP Version : 5.6.38 Disable Function : NONE MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : OFF Directory : /var/www/html/atkapps/demo/2/pages/ |
Upload File : |
<!DOCTYPE html>
<!--
Template Name: Wavefire
Author: <a href="https://www.os-templates.com/">OS Templates</a>
Author URI: https://www.os-templates.com/
Copyright: OS-Templates.com
Licence: Free to use under our free template licence terms
Licence URI: https://www.os-templates.com/template-terms
-->
<html lang="">
<!-- To declare your language - read more here: https://www.w3.org/International/questions/qa-html-language-declarations -->
<head>
<title>Wavefire | Pages | Sidebar Left</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="../layout/styles/layout.css" rel="stylesheet" type="text/css" media="all">
</head>
<body id="top">
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row0">
<header id="header" class="hoc clear">
<!-- ################################################################################################ -->
<div id="logo" class="one_quarter first">
<h1><a href="../index.html"><span>w</span>ave<span>f</span>ire</a></h1>
</div>
<div class="three_quarter">
<ul class="nospace clear">
<li class="one_third first">
<div class="block clear"><a href="#"><i class="fas fa-phone"></i></a> <span><strong>Give us a call:</strong> +00 (123) 456 7890</span></div>
</li>
<li class="one_third">
<div class="block clear"><a href="#"><i class="fas fa-envelope"></i></a> <span><strong>Send us a mail:</strong> support@domain.com</span></div>
</li>
<li class="one_third">
<div class="block clear"><a href="#"><i class="fas fa-clock"></i></a> <span><strong> Mon. - Sat.:</strong> 08.00am - 18.00pm</span></div>
</li>
</ul>
</div>
<!-- ################################################################################################ -->
</header>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row1">
<section class="hoc clear">
<!-- ################################################################################################ -->
<nav id="mainav">
<ul class="clear">
<li><a href="../index.html">Home</a></li>
<li class="active"><a class="drop" href="#">Pages</a>
<ul>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="full-width.html">Full Width</a></li>
<li class="active"><a href="sidebar-left.html">Sidebar Left</a></li>
<li><a href="sidebar-right.html">Sidebar Right</a></li>
<li><a href="basic-grid.html">Basic Grid</a></li>
<li><a href="font-icons.html">Font Icons</a></li>
</ul>
</li>
<li><a class="drop" href="#">Dropdown</a>
<ul>
<li><a href="#">Level 2</a></li>
<li><a class="drop" href="#">Level 2 + Drop</a>
<ul>
<li><a href="#">Level 3</a></li>
<li><a href="#">Level 3</a></li>
<li><a href="#">Level 3</a></li>
</ul>
</li>
<li><a href="#">Level 2</a></li>
</ul>
</li>
<li><a href="#">Link Text</a></li>
<li><a href="#">Link Text</a></li>
<li><a href="#">Link Text</a></li>
<li><a href="#">Long Link Text</a></li>
</ul>
</nav>
<!-- ################################################################################################ -->
<div id="searchform">
<div>
<form action="#" method="post">
<fieldset>
<legend>Quick Search:</legend>
<input type="text" placeholder="Enter search term…">
<button type="submit"><i class="fas fa-search"></i></button>
</fieldset>
</form>
</div>
</div>
<!-- ################################################################################################ -->
</section>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper bgded overlay" style="background-image:url('../images/demo/backgrounds/01.png');">
<div id="breadcrumb" class="hoc clear">
<!-- ################################################################################################ -->
<h6 class="heading">Sidebar Left</h6>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Lorem</a></li>
<li><a href="#">Ipsum</a></li>
<li><a href="#">Dolor</a></li>
</ul>
<!-- ################################################################################################ -->
</div>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row3">
<main class="hoc container clear">
<!-- main body -->
<!-- ################################################################################################ -->
<div class="sidebar one_quarter first">
<!-- ################################################################################################ -->
<h6>Lorem ipsum dolor</h6>
<nav class="sdb_holder">
<ul>
<li><a href="#">Navigation - Level 1</a></li>
<li><a href="#">Navigation - Level 1</a>
<ul>
<li><a href="#">Navigation - Level 2</a></li>
<li><a href="#">Navigation - Level 2</a></li>
</ul>
</li>
<li><a href="#">Navigation - Level 1</a>
<ul>
<li><a href="#">Navigation - Level 2</a></li>
<li><a href="#">Navigation - Level 2</a>
<ul>
<li><a href="#">Navigation - Level 3</a></li>
<li><a href="#">Navigation - Level 3</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#">Navigation - Level 1</a></li>
</ul>
</nav>
<div class="sdb_holder">
<h6>Lorem ipsum dolor</h6>
<address>
Full Name<br>
Address Line 1<br>
Address Line 2<br>
Town/City<br>
Postcode/Zip<br>
<br>
Tel: xxxx xxxx xxxxxx<br>
Email: <a href="#">contact@domain.com</a>
</address>
</div>
<div class="sdb_holder">
<article>
<h6>Lorem ipsum dolor</h6>
<p>Nuncsed sed conseque a at quismodo tris mauristibus sed habiturpiscinia sed.</p>
<ul>
<li><a href="#">Lorem ipsum dolor sit</a></li>
<li>Etiam vel sapien et</li>
<li><a href="#">Etiam vel sapien et</a></li>
</ul>
<p>Nuncsed sed conseque a at quismodo tris mauristibus sed habiturpiscinia sed. Condimentumsantincidunt dui mattis magna intesque purus orci augue lor nibh.</p>
<p class="more"><a href="#">Continue Reading »</a></p>
</article>
</div>
<!-- ################################################################################################ -->
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="content three_quarter">
<!-- ################################################################################################ -->
<h1><h1> to <h6> - Headline Colour and Size Are All The Same</h1>
<img class="imgr borderedbox inspace-5" src="../images/demo/imgr.gif" alt="">
<p>Aliquatjusto quisque nam consequat doloreet vest orna partur scetur portortis nam. Metadipiscing eget facilis elit sagittis felisi eger id justo maurisus convallicitur.</p>
<p>Dapiensociis <a href="#">temper donec auctortortis cumsan</a> et curabitur condis lorem loborttis leo. Ipsumcommodo libero nunc at in velis tincidunt pellentum tincidunt vel lorem.</p>
<img class="imgl borderedbox inspace-5" src="../images/demo/imgl.gif" alt="">
<p>This is a W3C compliant free website template from <a href="https://www.os-templates.com/" title="Free Website Templates">OS Templates</a>. For full terms of use of this template please read our <a href="https://www.os-templates.com/template-terms">website template licence</a>.</p>
<p>You can use and modify the template for both personal and commercial use. You must keep all copyright information and credit links in the template and associated files. For more website templates visit our <a href="https://www.os-templates.com/">free website templates</a> section.</p>
<p>Portortornec condimenterdum eget consectetuer condis consequam pretium pellus sed mauris enim. Puruselit mauris nulla hendimentesque elit semper nam a sapien urna sempus.</p>
<h1>Table(s)</h1>
<div class="scrollable">
<table>
<thead>
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
<th>Header 4</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="#">Value 1</a></td>
<td>Value 2</td>
<td>Value 3</td>
<td>Value 4</td>
</tr>
<tr>
<td>Value 5</td>
<td>Value 6</td>
<td>Value 7</td>
<td><a href="#">Value 8</a></td>
</tr>
<tr>
<td>Value 9</td>
<td>Value 10</td>
<td>Value 11</td>
<td>Value 12</td>
</tr>
<tr>
<td>Value 13</td>
<td><a href="#">Value 14</a></td>
<td>Value 15</td>
<td>Value 16</td>
</tr>
</tbody>
</table>
</div>
<div id="comments">
<h2>Comments</h2>
<ul>
<li>
<article>
<header>
<figure class="avatar"><img src="../images/demo/avatar.png" alt=""></figure>
<address>
By <a href="#">A Name</a>
</address>
<time datetime="2045-04-06T08:15+00:00">Friday, 6<sup>th</sup> April 2045 @08:15:00</time>
</header>
<div class="comcont">
<p>This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.</p>
</div>
</article>
</li>
<li>
<article>
<header>
<figure class="avatar"><img src="../images/demo/avatar.png" alt=""></figure>
<address>
By <a href="#">A Name</a>
</address>
<time datetime="2045-04-06T08:15+00:00">Friday, 6<sup>th</sup> April 2045 @08:15:00</time>
</header>
<div class="comcont">
<p>This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.</p>
</div>
</article>
</li>
<li>
<article>
<header>
<figure class="avatar"><img src="../images/demo/avatar.png" alt=""></figure>
<address>
By <a href="#">A Name</a>
</address>
<time datetime="2045-04-06T08:15+00:00">Friday, 6<sup>th</sup> April 2045 @08:15:00</time>
</header>
<div class="comcont">
<p>This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.</p>
</div>
</article>
</li>
</ul>
<h2>Write A Comment</h2>
<form action="#" method="post">
<div class="one_third first">
<label for="name">Name <span>*</span></label>
<input type="text" name="name" id="name" value="" size="22" required>
</div>
<div class="one_third">
<label for="email">Mail <span>*</span></label>
<input type="email" name="email" id="email" value="" size="22" required>
</div>
<div class="one_third">
<label for="url">Website</label>
<input type="url" name="url" id="url" value="" size="22">
</div>
<div class="block clear">
<label for="comment">Your Comment</label>
<textarea name="comment" id="comment" cols="25" rows="10"></textarea>
</div>
<div>
<input type="submit" name="submit" value="Submit Form">
<input type="reset" name="reset" value="Reset Form">
</div>
</form>
</div>
<!-- ################################################################################################ -->
</div>
<!-- ################################################################################################ -->
<!-- / main body -->
<div class="clear"></div>
</main>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row4">
<footer id="footer" class="hoc clear">
<!-- ################################################################################################ -->
<div class="one_third first">
<h6 class="heading">Nulla facilisi praesent</h6>
<p>Diam libero interdum at fringilla id interdum eu ante phasellus nec mauris non risus fermentum condimentum in.</p>
<p class="btmspace-30">Vulputate ante ut adipiscing egestas risus orci tincidunt nulla ac lacinia lacus felis et augue donec lacus [<a href="#"><i class="fas fa-arrow-right"></i></a>]</p>
<ul class="faico clear">
<li><a class="faicon-dribble" href="#"><i class="fab fa-dribbble"></i></a></li>
<li><a class="faicon-facebook" href="#"><i class="fab fa-facebook"></i></a></li>
<li><a class="faicon-google-plus" href="#"><i class="fab fa-google-plus-g"></i></a></li>
<li><a class="faicon-linkedin" href="#"><i class="fab fa-linkedin"></i></a></li>
<li><a class="faicon-twitter" href="#"><i class="fab fa-twitter"></i></a></li>
<li><a class="faicon-vk" href="#"><i class="fab fa-vk"></i></a></li>
</ul>
</div>
<div class="one_third">
<h6 class="heading">Aenean lobortis quam at</h6>
<ul class="nospace clear latestimg">
<li><a href="#"><img src="../images/demo/100x100.png" alt=""></a></li>
<li><a href="#"><img src="../images/demo/100x100.png" alt=""></a></li>
<li><a href="#"><img src="../images/demo/100x100.png" alt=""></a></li>
<li><a href="#"><img src="../images/demo/100x100.png" alt=""></a></li>
<li><a href="#"><img src="../images/demo/100x100.png" alt=""></a></li>
<li><a href="#"><img src="../images/demo/100x100.png" alt=""></a></li>
</ul>
</div>
<div class="one_third">
<h6 class="heading">Enim fusce venenatis laoreet</h6>
<p class="nospace btmspace-15">Elit sed est tortor molestie in consectetuer fringilla suscipit ut odio in.</p>
<form method="post" action="#">
<fieldset>
<legend>Newsletter:</legend>
<input class="btmspace-15" type="text" value="" placeholder="Name">
<input class="btmspace-15" type="text" value="" placeholder="Email">
<button type="submit" value="submit">Submit</button>
</fieldset>
</form>
</div>
<!-- ################################################################################################ -->
</footer>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<div class="wrapper row5">
<div id="copyright" class="hoc clear">
<!-- ################################################################################################ -->
<p class="fl_left">Copyright © 2018 - All Rights Reserved - <a href="#">Domain Name</a></p>
<p class="fl_right">Template by <a target="_blank" href="https://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
<!-- ################################################################################################ -->
</div>
</div>
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<!-- ################################################################################################ -->
<a id="backtotop" href="#top"><i class="fas fa-chevron-up"></i></a>
<!-- JAVASCRIPTS -->
<script src="../layout/scripts/jquery.min.js"></script>
<script src="../layout/scripts/jquery.backtotop.js"></script>
<script src="../layout/scripts/jquery.mobilemenu.js"></script>
</body>
</html>| .. | |||||
| basic-grid.html | |||||
| font-icons.html | |||||
| full-width.html | |||||
| gallery.html | |||||
| index.html | |||||
| sidebar-left.html | |||||
| sidebar-right.html |