Skip to content

Commit

Permalink
Structure, logo, banner, font-awesome 4.7
Browse files Browse the repository at this point in the history
  • Loading branch information
@mmewen
mmewen committed Sep 17, 2017
1 parent 79aac80 commit 65f7582
Show file tree
Hide file tree
Showing 11 changed files with 2,785 additions and 711 deletions.
33 changes: 33 additions & 0 deletions assets/css/custom.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
.logo {
max-width: 100%;
}

#nav ul li a.active span::before {
color: #fece35;
}

input[type="button"], input[type="submit"], input[type="reset"], button, .button {
background-color: #fece35;
}


input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover, .button:hover {
background-color: #dab644;
}

#footer {
padding: 1em 0 1em 0;
}

hr {
border-top: solid 1px rgba(255, 255, 255, 0.05);
box-shadow: 0 -1px 0px 0 rgba(0, 0, 0, 0.15);
}

.icon.small {
position: relative !important;
display: inline !important;
vertical-align: middle;
left: -2em;
font-size: 0.5em !important;
}
4 changes: 2 additions & 2 deletions assets/css/font-awesome.min.css
View file

Large diffs are not rendered by default.

Binary file modified assets/fonts/FontAwesome.otf
View file
Binary file not shown.
Binary file modified assets/fonts/fontawesome-webfont.eot
View file
Binary file not shown.
3,350 changes: 2,668 additions & 682 deletions assets/fonts/fontawesome-webfont.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified assets/fonts/fontawesome-webfont.ttf
View file
Binary file not shown.
Binary file modified assets/fonts/fontawesome-webfont.woff
View file
Binary file not shown.
Binary file modified assets/fonts/fontawesome-webfont.woff2
View file
Binary file not shown.
Binary file modified images/banner.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/logo.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
109 changes: 82 additions & 27 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,11 +6,12 @@
-->
<html>
<head>
<title>Prologue by HTML5 UP</title>
<title>UTCoupe</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="stylesheet" href="assets/css/custom.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
</head>
Expand All @@ -23,9 +24,10 @@

<!-- Logo -->
<div id="logo">
<span class="image avatar48"><img src="images/avatar.jpg" alt="" /></span>
<!-- <span class="image avatar48"><img src="images/avatar.jpg" alt="" /></span>
<h1 id="title">Jane Doe</h1>
<p>Hyperspace Engineer</p>
<p>Hyperspace Engineer</p> -->
<img class="logo" src="images/logo.png">
</div>

<!-- Nav -->
Expand All @@ -44,10 +46,16 @@ <h1 id="title">Jane Doe</h1>
-->
<ul>
<li><a href="#top" id="top-link" class="skel-layers-ignoreHref"><span class="icon fa-home">Intro</span></a></li>
<li><a href="#portfolio" id="portfolio-link" class="skel-layers-ignoreHref"><span class="icon fa-th">Portfolio</span></a></li>
<li><a href="#about" id="about-link" class="skel-layers-ignoreHref"><span class="icon fa-user">About Me</span></a></li>
<li><a href="#contact" id="contact-link" class="skel-layers-ignoreHref"><span class="icon fa-envelope">Contact</span></a></li>
<li><a href="#top" id="top-link" class="skel-layers-ignoreHref"><span class="icon fa-home">Bonjour !</span></a></li>
<li><a href="#about" id="about-link" class="skel-layers-ignoreHref"><span class="icon fa-users">Présentation</span></a></li>
<li><a href="#blog" id="blog-link" class="skel-layers-ignoreHref"><span class="icon fa-bullhorn">Dernier billet de blog</span></a></li>
<li><a href="#pictures" id="pictures-link" class="skel-layers-ignoreHref"><span class="icon fa-th">Photos</span></a></li>
<li><a href="#team" id="team-link" class="skel-layers-ignoreHref"><span class="icon fa-users">L'équipe</span></a></li>
<li><a href="#partners" id="partners-link" class="skel-layers-ignoreHref"><span class="icon fa-handshake-o">Partenaires</span></a></li>
<!-- <li><a href="#contact" id="contact-link" class="skel-layers-ignoreHref"><span class="icon fa-envelope">Contact</span></a></li> -->
<hr/>
<li><a href="blog" id="foobar-link"><span class="icon fa-bullhorn"><span class="small icon fa-external-link-square"></span>Blog</span></a></li>
<li><a href="wiki" id="foobar-link"><span class="icon fa-wikipedia-w"><span class="small icon fa-external-link-square"></span>Wiki</span></a></li>
</ul>
</nav>

Expand All @@ -57,11 +65,9 @@ <h1 id="title">Jane Doe</h1>

<!-- Social Icons -->
<ul class="icons">
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li>
<li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
<li><a href="#" class="icon fa-envelope"><span class="label">Email</span></a></li>
<li><a href="https://www.facebook.com/utcoupe/" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="https://github.com/utcoupe/" class="icon fa-github"><span class="label">Github</span></a></li>
<li><a href="[email protected]" class="icon fa-envelope"><span class="label">Email</span></a></li>
</ul>

</div>
Expand All @@ -76,25 +82,56 @@ <h1 id="title">Jane Doe</h1>
<div class="container">

<header>
<h2 class="alt">Hi! I'm <strong>Prologue</strong>, a <a href="http://html5up.net/license">free</a> responsive<br />
site template designed by <a href="http://html5up.net">HTML5 UP</a>.</h2>
<p>Ligula scelerisque justo sem accumsan diam quis<br />
vitae natoque dictum sollicitudin elementum.</p>
<h2 class="alt"><strong>UTCoupe</strong>, <br/>l'association de robotique de l'<a href="http://www.utc.fr" target="_blank">UTC</a></h2>
<p>Nous participons chaque année à la <a href="http://www.coupederobotique.fr/" target="_blank">Coupe de France de Robotique</a> organisée par <a href="http://www.planete-sciences.org" target="_blank">Planète Science</a>.</p>
</header>

<footer>
<a href="#portfolio" class="button scrolly">Magna Aliquam</a>
</footer>
</div>
</section>

<!-- About Me -->
<section id="about" class="two">
<div class="container">

<header>
<h2>Présentation</h2>
</header>

<p>Tincidunt eu elit diam magnis pretium accumsan etiam id urna. Ridiculus
ultricies curae quis et rhoncus velit. Lobortis elementum aliquet nec vitae
laoreet eget cubilia quam non etiam odio tincidunt montes. Elementum sem
parturient nulla quam placerat viverra mauris non cum elit tempus ullamcorper
dolor. Libero rutrum ut lacinia donec curae mus vel quisque sociis nec
ornare iaculis.</p>

</div>
</section>

<section id="blog" class="three">
<div class="container">

<header>
<h2>Dernier billet de blog</h2>
</header>

<a href="#" class="image featured"><img src="images/pic08.jpg" alt="" /></a>

<p>Tincidunt eu elit diam magnis pretium accumsan etiam id urna. Ridiculus
ultricies curae quis et rhoncus velit. Lobortis elementum aliquet nec vitae
laoreet eget cubilia quam non etiam odio tincidunt montes. Elementum sem
parturient nulla quam placerat viverra mauris non cum elit tempus ullamcorper
dolor. Libero rutrum ut lacinia donec curae mus vel quisque sociis nec
ornare iaculis.</p>

</div>
</section>

<!-- Portfolio -->
<section id="portfolio" class="two">
<section id="pictures" class="four">
<div class="container">

<header>
<h2>Portfolio</h2>
<h2>Photos de l'édition 2017</h2>
</header>

<p>Vitae natoque dictum etiam semper magnis enim feugiat convallis convallis
Expand Down Expand Up @@ -150,12 +187,30 @@ <h3>Orci Convallis</h3>
</div>
</section>

<!-- About Me -->
<section id="about" class="three">
<section id="team" class="five">
<div class="container">

<header>
<h2>About Me</h2>
<h2>L'équipe</h2>
</header>

<a href="#" class="image featured"><img src="images/pic08.jpg" alt="" /></a>

<p>Tincidunt eu elit diam magnis pretium accumsan etiam id urna. Ridiculus
ultricies curae quis et rhoncus velit. Lobortis elementum aliquet nec vitae
laoreet eget cubilia quam non etiam odio tincidunt montes. Elementum sem
parturient nulla quam placerat viverra mauris non cum elit tempus ullamcorper
dolor. Libero rutrum ut lacinia donec curae mus vel quisque sociis nec
ornare iaculis.</p>

</div>
</section>

<section id="partners" class="six">
<div class="container">

<header>
<h2>Nos partenaires</h2>
</header>

<a href="#" class="image featured"><img src="images/pic08.jpg" alt="" /></a>
Expand All @@ -171,7 +226,7 @@ <h2>About Me</h2>
</section>

<!-- Contact -->
<section id="contact" class="four">
<!-- <section id="contact" class="four">
<div class="container">
<header>
Expand All @@ -197,7 +252,7 @@ <h2>Contact</h2>
</form>
</div>
</section>
</section> -->

</div>

Expand All @@ -206,7 +261,7 @@ <h2>Contact</h2>

<!-- Copyright -->
<ul class="copyright">
<li>&copy; Untitled. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
<li>Design by <a href="http://html5up.net">HTML5 UP</a> &amp; <a href="http://mewen.fr">Mewen</a> </li>
</ul>

</div>
Expand Down

0 comments on commit 65f7582

Please sign in to comment.