124 lines
4.5 KiB
HTML
124 lines
4.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" dir="ltr">
|
|
|
|
<head>
|
|
<title>SLEGPI</title>
|
|
<meta charset="UTF-8">
|
|
<link rel="stylesheet" href="styles/style.css" type="text/css">
|
|
<link rel="shortcut icon" href="/favicons/slegpi.ico" type="image/x-icon">
|
|
<link rel="icon" href="/favicons/slegpi.ico" type="image/x-icon">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="wrapper row1">
|
|
<header id="header" class="clear">
|
|
<div id="hgroup">
|
|
<a href="">
|
|
<img src="img/logo_slegpi.png" width="20%" />
|
|
</a>
|
|
</div>
|
|
<nav>
|
|
<ul>
|
|
<li>
|
|
<a href="" class="active">Homepage</a>
|
|
</li>
|
|
<li>
|
|
<a href="about.html">About</a>
|
|
</li>
|
|
<li>
|
|
<a href="story.html">Story</a>
|
|
</li>
|
|
<li>
|
|
<a href="license.html">License</a>
|
|
</li>
|
|
<li>
|
|
<a href="https://www.junkjumper-projects.com/_Project/slegpi/">Demo</a>
|
|
</li>
|
|
<li class="last">
|
|
<a href="https://github.com/JunkJumper/SLEGPI">Download on Github</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
</div>
|
|
<!-- content -->
|
|
<div class="wrapper row2">
|
|
<div id="container" class="clear">
|
|
<!-- content body -->
|
|
<section id="slider">
|
|
<img src="img/website-resized.png" alt="website picture" width="960px" height="360px" />
|
|
</section>
|
|
<!-- main content -->
|
|
<div id="homepage" class="clear">
|
|
<section id="services" class="clear">
|
|
<!-- About the project -->
|
|
<article class="one_third">
|
|
<h2>About the project</h2>
|
|
<img src="img/about.png" alt="about">
|
|
<p>SLEGPI is my project for my exams of june 2018. I have work on it from October 2017 to May 2018.
|
|
<br />
|
|
<br />In what consist SLEGPI-Website ? You can check it by following the link bellow.</p>
|
|
<footer class="more">
|
|
<a href="about.html">Read More »</a>
|
|
</footer>
|
|
</article>
|
|
<!-- Story of the project -->
|
|
<article class="one_third">
|
|
<h2>Story of the project</h2>
|
|
<img src="img/story.png" alt="story">
|
|
<p>If you want to discover how the project is born, why and how I decide to realise it, you can read the full story
|
|
by following the link.
|
|
<br />
|
|
<br />You don't want to miss them, alright ? ;)</p>
|
|
<footer class="more">
|
|
<a href="story.html">Read More »</a>
|
|
</footer>
|
|
</article>
|
|
<!-- Download the source code -->
|
|
<article class="one_third lastbox">
|
|
<h2>Download the source code</h2>
|
|
<img src="img/github.png" alt="github">
|
|
<p>I upload all my projects on Github to get a full historic of them and to share it with the community. You can
|
|
check them on the appropriate page.</p>
|
|
<br />
|
|
<footer class="more">
|
|
<a href="https://github.com/JunkJumper/SLEGPI">Read More »</a>
|
|
</footer>
|
|
</article>
|
|
</section>
|
|
<br />
|
|
<!-- Project of JunkJumper -->
|
|
<section class="fl_left1">
|
|
<article class="clear">
|
|
<figure>
|
|
<img src="img/profilepicture.jpg" />
|
|
<figcaption>
|
|
<br /><h2>Project of JunkJumper</h2>
|
|
<p>I'm a 18 years old student in informatic developpement. I like to tap anything on my keyboard to create something
|
|
new ! 👍</p>
|
|
</figcaption>
|
|
</figure>
|
|
</article>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Footer -->
|
|
<div class="wrapper row4">
|
|
<footer id="footer" class="clear">
|
|
<p class="fl_left">
|
|
<a rel="license" href="http://creativecommons.org/licenses/by/4.0/">
|
|
<img alt="Licence Creative Commons" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" />
|
|
</a>
|
|
<img src="img/footer.png" />This page is available under the terms of the
|
|
<a rel="license" href="http://creativecommons.org/licenses/by/4.0/">
|
|
Creative Commons Attribution 4.0 International License</a>.</p>
|
|
<br />
|
|
<p class="fl_right">Website made by
|
|
<a target="_blank" href="https://junkjumper.github.io/" title="Free Website Templates">JunkJumper</a>
|
|
</p>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |