242 lines
8.5 KiB
PHP
242 lines
8.5 KiB
PHP
|
<!DOCTYPE HTML>
|
||
|
|
<!--
|
||
|
|
Theme design by HTML5 UP - html5up.net | @ajlkn
|
||
|
|
Website running with Bludit - bludit.com | @bludit
|
||
|
|
-->
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<?php include(THEME_DIR_PHP.'head.php') ?>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<!-- Wrapper -->
|
||
|
|
<div id="wrapper">
|
||
|
|
|
||
|
|
<!-- Header -->
|
||
|
|
<header id="header">
|
||
|
|
<div class="inner">
|
||
|
|
|
||
|
|
<!-- Logo -->
|
||
|
|
<a href="index.html" class="logo">
|
||
|
|
<span class="symbol"><img src="http://localbluditv2.com/bl-themes/phantom/images/logo.svg" alt="" /></span><span class="title"><?php echo $Site->title() ?></span>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
<!-- Nav -->
|
||
|
|
<nav>
|
||
|
|
<ul>
|
||
|
|
<li><a href="#menu">Menu</a></li>
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
|
||
|
|
<!-- Menu -->
|
||
|
|
<nav id="menu">
|
||
|
|
<h2>Menu</h2>
|
||
|
|
<ul>
|
||
|
|
<li><a href="index.html">Home</a></li>
|
||
|
|
<li><a href="generic.html">Ipsum veroeros</a></li>
|
||
|
|
<li><a href="generic.html">Tempus etiam</a></li>
|
||
|
|
<li><a href="generic.html">Consequat dolor</a></li>
|
||
|
|
<li><a href="elements.html">Elements</a></li>
|
||
|
|
</ul>
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
<!-- Main -->
|
||
|
|
<div id="main">
|
||
|
|
<div class="inner">
|
||
|
|
<header>
|
||
|
|
<h1>This is Phantom, a free, fully responsive site<br />
|
||
|
|
template designed by <a href="http://html5up.net">HTML5 UP</a>.</h1>
|
||
|
|
<p>Etiam quis viverra lorem, in semper lorem. Sed nisl arcu euismod sit amet nisi euismod sed cursus arcu elementum ipsum arcu vivamus quis venenatis orci lorem ipsum et magna feugiat veroeros aliquam. Lorem ipsum dolor sit amet nullam dolore.</p>
|
||
|
|
</header>
|
||
|
|
<section class="tiles">
|
||
|
|
<article class="style1">
|
||
|
|
<span class="image">
|
||
|
|
<img src="http://localbluditv2.com/bl-themes/phantom/images/pic01.jpg" alt="" />
|
||
|
|
</span>
|
||
|
|
<a href="generic.html">
|
||
|
|
<h2>Magna</h2>
|
||
|
|
<div class="content">
|
||
|
|
<p>Sed nisl arcu euismod sit amet nisi lorem etiam dolor veroeros et feugiat.</p>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</article>
|
||
|
|
<article class="style2">
|
||
|
|
<span class="image">
|
||
|
|
<img src="http://localbluditv2.com/bl-themes/phantom/images/pic02.jpg" alt="" />
|
||
|
|
</span>
|
||
|
|
<a href="generic.html">
|
||
|
|
<h2>Lorem</h2>
|
||
|
|
<div class="content">
|
||
|
|
<p>Sed nisl arcu euismod sit amet nisi lorem etiam dolor veroeros et feugiat.</p>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</article>
|
||
|
|
<article class="style3">
|
||
|
|
<span class="image">
|
||
|
|
<img src="http://localbluditv2.com/bl-themes/phantom/images/pic03.jpg" alt="" />
|
||
|
|
</span>
|
||
|
|
<a href="generic.html">
|
||
|
|
<h2>Feugiat</h2>
|
||
|
|
<div class="content">
|
||
|
|
<p>Sed nisl arcu euismod sit amet nisi lorem etiam dolor veroeros et feugiat.</p>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</article>
|
||
|
|
<article class="style4">
|
||
|
|
<span class="image">
|
||
|
|
<img src="http://localbluditv2.com/bl-themes/phantom/images/pic04.jpg" alt="" />
|
||
|
|
</span>
|
||
|
|
<a href="generic.html">
|
||
|
|
<h2>Tempus</h2>
|
||
|
|
<div class="content">
|
||
|
|
<p>Sed nisl arcu euismod sit amet nisi lorem etiam dolor veroeros et feugiat.</p>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</article>
|
||
|
|
<article class="style5">
|
||
|
|
<span class="image">
|
||
|
|
<img src="http://localbluditv2.com/bl-themes/phantom/images/pic05.jpg" alt="" />
|
||
|
|
</span>
|
||
|
|
<a href="generic.html">
|
||
|
|
<h2>Aliquam</h2>
|
||
|
|
<div class="content">
|
||
|
|
<p>Sed nisl arcu euismod sit amet nisi lorem etiam dolor veroeros et feugiat.</p>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</article>
|
||
|
|
<article class="style6">
|
||
|
|
<span class="image">
|
||
|
|
<img src="http://localbluditv2.com/bl-themes/phantom/images/pic06.jpg" alt="" />
|
||
|
|
</span>
|
||
|
|
<a href="generic.html">
|
||
|
|
<h2>Veroeros</h2>
|
||
|
|
<div class="content">
|
||
|
|
<p>Sed nisl arcu euismod sit amet nisi lorem etiam dolor veroeros et feugiat.</p>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</article>
|
||
|
|
<article class="style2">
|
||
|
|
<span class="image">
|
||
|
|
<img src="http://localbluditv2.com/bl-themes/phantom/images/pic07.jpg" alt="" />
|
||
|
|
</span>
|
||
|
|
<a href="generic.html">
|
||
|
|
<h2>Ipsum</h2>
|
||
|
|
<div class="content">
|
||
|
|
<p>Sed nisl arcu euismod sit amet nisi lorem etiam dolor veroeros et feugiat.</p>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</article>
|
||
|
|
<article class="style3">
|
||
|
|
<span class="image">
|
||
|
|
<img src="http://localbluditv2.com/bl-themes/phantom/images/pic08.jpg" alt="" />
|
||
|
|
</span>
|
||
|
|
<a href="generic.html">
|
||
|
|
<h2>Dolor</h2>
|
||
|
|
<div class="content">
|
||
|
|
<p>Sed nisl arcu euismod sit amet nisi lorem etiam dolor veroeros et feugiat.</p>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</article>
|
||
|
|
<article class="style1">
|
||
|
|
<span class="image">
|
||
|
|
<img src="http://localbluditv2.com/bl-themes/phantom/images/pic09.jpg" alt="" />
|
||
|
|
</span>
|
||
|
|
<a href="generic.html">
|
||
|
|
<h2>Nullam</h2>
|
||
|
|
<div class="content">
|
||
|
|
<p>Sed nisl arcu euismod sit amet nisi lorem etiam dolor veroeros et feugiat.</p>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</article>
|
||
|
|
<article class="style5">
|
||
|
|
<span class="image">
|
||
|
|
<img src="http://localbluditv2.com/bl-themes/phantom/images/pic10.jpg" alt="" />
|
||
|
|
</span>
|
||
|
|
<a href="generic.html">
|
||
|
|
<h2>Ultricies</h2>
|
||
|
|
<div class="content">
|
||
|
|
<p>Sed nisl arcu euismod sit amet nisi lorem etiam dolor veroeros et feugiat.</p>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</article>
|
||
|
|
<article class="style6">
|
||
|
|
<span class="image">
|
||
|
|
<img src="http://localbluditv2.com/bl-themes/phantom/images/pic11.jpg" alt="" />
|
||
|
|
</span>
|
||
|
|
<a href="generic.html">
|
||
|
|
<h2>Dictum</h2>
|
||
|
|
<div class="content">
|
||
|
|
<p>Sed nisl arcu euismod sit amet nisi lorem etiam dolor veroeros et feugiat.</p>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</article>
|
||
|
|
<article class="style4">
|
||
|
|
<span class="image">
|
||
|
|
<img src="http://localbluditv2.com/bl-themes/phantom/images/pic12.jpg" alt="" />
|
||
|
|
</span>
|
||
|
|
<a href="generic.html">
|
||
|
|
<h2>Pretium</h2>
|
||
|
|
<div class="content">
|
||
|
|
<p>Sed nisl arcu euismod sit amet nisi lorem etiam dolor veroeros et feugiat.</p>
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</article>
|
||
|
|
</section>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Footer -->
|
||
|
|
<footer id="footer">
|
||
|
|
<div class="inner">
|
||
|
|
<section>
|
||
|
|
<h2>Get in touch</h2>
|
||
|
|
<form method="post" action="#">
|
||
|
|
<div class="field half first">
|
||
|
|
<input type="text" name="name" id="name" placeholder="Name" />
|
||
|
|
</div>
|
||
|
|
<div class="field half">
|
||
|
|
<input type="email" name="email" id="email" placeholder="Email" />
|
||
|
|
</div>
|
||
|
|
<div class="field">
|
||
|
|
<textarea name="message" id="message" placeholder="Message"></textarea>
|
||
|
|
</div>
|
||
|
|
<ul class="actions">
|
||
|
|
<li><input type="submit" value="Send" class="special" /></li>
|
||
|
|
</ul>
|
||
|
|
</form>
|
||
|
|
</section>
|
||
|
|
<section>
|
||
|
|
<h2>Follow</h2>
|
||
|
|
<ul class="icons">
|
||
|
|
<li><a href="#" class="icon style2 fa-twitter"><span class="label">Twitter</span></a></li>
|
||
|
|
<li><a href="#" class="icon style2 fa-facebook"><span class="label">Facebook</span></a></li>
|
||
|
|
<li><a href="#" class="icon style2 fa-instagram"><span class="label">Instagram</span></a></li>
|
||
|
|
<li><a href="#" class="icon style2 fa-dribbble"><span class="label">Dribbble</span></a></li>
|
||
|
|
<li><a href="#" class="icon style2 fa-github"><span class="label">GitHub</span></a></li>
|
||
|
|
<li><a href="#" class="icon style2 fa-500px"><span class="label">500px</span></a></li>
|
||
|
|
<li><a href="#" class="icon style2 fa-phone"><span class="label">Phone</span></a></li>
|
||
|
|
<li><a href="#" class="icon style2 fa-envelope-o"><span class="label">Email</span></a></li>
|
||
|
|
</ul>
|
||
|
|
</section>
|
||
|
|
<ul class="copyright">
|
||
|
|
<li>© Untitled. All rights reserved</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
</footer>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Scripts -->
|
||
|
|
<?php
|
||
|
|
echo Theme::javascript('assets/js/jquery.min.js');
|
||
|
|
echo Theme::javascript('assets/js/skel.min.js');
|
||
|
|
echo Theme::javascript('assets/js/util.js');
|
||
|
|
echo '<!--[if lte IE 8]>';
|
||
|
|
echo Theme::javascript('assets/js/ie/respond.min.js');
|
||
|
|
echo '<![endif]-->';
|
||
|
|
echo Theme::javascript('assets/js/main.js');
|
||
|
|
?>
|
||
|
|
</body>
|
||
|
|
</html>
|