|
|
@@ -1,12 +1,10 @@
|
|
|
<!DOCTYPE HTML>
|
|
|
<!--
|
|
|
- Highlights by HTML5 UP
|
|
|
- html5up.net | @n33co
|
|
|
- Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
|
|
+ Hello Leon!
|
|
|
-->
|
|
|
<html>
|
|
|
<head>
|
|
|
- <title>Highlights by HTML5 UP</title>
|
|
|
+ <title>Hello Leon!</title>
|
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
|
|
<meta name="description" content="" />
|
|
|
<meta name="keywords" content="" />
|
|
|
@@ -29,8 +27,8 @@
|
|
|
<!-- Header -->
|
|
|
<section id="header">
|
|
|
<header class="major">
|
|
|
- <h1>Highlights</h1>
|
|
|
- <p>A fun little { responsive } single pager by <a href="http://html5up.net">HTML5 UP</a></p>
|
|
|
+ <h1>Hello World!</h1>
|
|
|
+ <p>My name is Leon Kotur, and I am happy to meet you.</a></p>
|
|
|
</header>
|
|
|
<div class="container">
|
|
|
<ul class="actions">
|
|
|
@@ -49,12 +47,12 @@
|
|
|
</header>
|
|
|
<p>Aliquam ante ac id. Adipiscing interdum lorem praesent fusce pellentesque arcu feugiat. Consequat sed ultricies rutrum. Sed adipiscing eu amet interdum lorem blandit vis ac commodo aliquet integer vulputate phasellus lorem ipsum dolor lorem magna consequat sed etiam adipiscing interdum.</p>
|
|
|
</div>
|
|
|
- <a href="#two" class="goto-next scrolly">Next</a>
|
|
|
+ <a href="#footer" class="goto-next scrolly">Next</a>
|
|
|
</div>
|
|
|
</section>
|
|
|
|
|
|
<!-- Two -->
|
|
|
- <section id="two" class="main special">
|
|
|
+<!-- <section id="two" class="main special">
|
|
|
<div class="container">
|
|
|
<span class="image fit primary"><img src="images/pic02.jpg" alt="" /></span>
|
|
|
<div class="content">
|
|
|
@@ -84,9 +82,9 @@
|
|
|
<a href="#three" class="goto-next scrolly">Next</a>
|
|
|
</div>
|
|
|
</section>
|
|
|
-
|
|
|
+ -->
|
|
|
<!-- Three -->
|
|
|
- <section id="three" class="main special">
|
|
|
+<!-- <section id="three" class="main special">
|
|
|
<div class="container">
|
|
|
<span class="image fit primary"><img src="images/pic03.jpg" alt="" /></span>
|
|
|
<div class="content">
|
|
|
@@ -98,7 +96,7 @@
|
|
|
<a href="#footer" class="goto-next scrolly">Next</a>
|
|
|
</div>
|
|
|
</section>
|
|
|
-
|
|
|
+ -->
|
|
|
<!-- Four -->
|
|
|
<!--
|
|
|
<section id="four" class="main">
|
|
|
@@ -426,9 +424,9 @@ print 'It took ' + i + ' iterations to sort the deck.';</code></pre>
|
|
|
<section id="footer">
|
|
|
<div class="container">
|
|
|
<header class="major">
|
|
|
- <h2>Get in touch</h2>
|
|
|
+ <h2>See you around!</h2>
|
|
|
</header>
|
|
|
- <form method="post" action="#">
|
|
|
+<!-- <form method="post" action="#">
|
|
|
<div class="row uniform">
|
|
|
<div class="6u 12u$(xsmall)"><input type="text" name="name" id="name" placeholder="Name" /></div>
|
|
|
<div class="6u$ 12u$(xsmall)"><input type="email" name="email" id="email" placeholder="Email" /></div>
|
|
|
@@ -440,20 +438,18 @@ print 'It took ' + i + ' iterations to sort the deck.';</code></pre>
|
|
|
</div>
|
|
|
</div>
|
|
|
</form>
|
|
|
- </div>
|
|
|
+ --> </div>
|
|
|
<footer>
|
|
|
<ul class="icons">
|
|
|
- <li><a href="#" class="icon alt fa-twitter"><span class="label">Twitter</span></a></li>
|
|
|
<li><a href="#" class="icon alt fa-facebook"><span class="label">Facebook</span></a></li>
|
|
|
<li><a href="#" class="icon alt fa-instagram"><span class="label">Instagram</span></a></li>
|
|
|
- <li><a href="#" class="icon alt fa-dribbble"><span class="label">Dribbble</span></a></li>
|
|
|
- <li><a href="#" class="icon alt fa-envelope"><span class="label">Email</span></a></li>
|
|
|
+ <li><a href="mailto:leon@kotur.org" class="icon alt fa-envelope"><span class="label">Email</span></a></li>
|
|
|
</ul>
|
|
|
<ul class="copyright">
|
|
|
- <li>© Untitled</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li><li>Demo Images: <a href="http://unsplash.com">Unsplash</a></li>
|
|
|
+ <li>© Untitled</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
|
|
|
</ul>
|
|
|
</footer>
|
|
|
</section>
|
|
|
|
|
|
</body>
|
|
|
-</html>
|
|
|
+</html>
|
