Modification de la bannière

This commit is contained in:
Anthony Dumas 2016-04-10 01:33:39 +02:00
parent 100f069c9a
commit 1682985984
5 changed files with 16 additions and 21 deletions

View File

@ -106,7 +106,7 @@ hr.star-primary-portfolio:after {
header { header {
text-align: center; text-align: center;
color: #fff; color: #fff;
background-image:url(/img/cover/MX34W7PD96.jpg); background-image:url(/img/cover/MX34W7PD96.png);
background-attachment: scroll; background-attachment: scroll;
background-position: center; background-position: center;
background-size:cover; background-size:cover;
@ -126,14 +126,15 @@ header .intro-text .name {
display: block; display: block;
text-transform: uppercase; text-transform: uppercase;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
text-shadow: 2px 2px #005ad4; text-shadow: 5px 5px #2E3138;
font-size: 2em; font-size: 2em;
font-weight: 700; font-weight: 700;
} }
header .intro-text .skills { header .intro-text .skills {
font-size: 1.25em; font-size: 1.25em;
font-weight: 300; font-weight: 500;
text-shadow: 2px 5px #2E3138;
} }
@media(min-width:768px) { @media(min-width:768px) {
@ -398,7 +399,7 @@ footer h3 {
footer .footer-above { footer .footer-above {
padding-top: 50px; padding-top: 50px;
background-color: #7C90A0; background-color: #6C6F7D;
} }
footer .footer-col { footer .footer-col {
@ -407,7 +408,7 @@ footer .footer-col {
footer .footer-below { footer .footer-below {
padding: 25px 0; padding: 25px 0;
background-color: #233140; background-color: #2E3138;
} }
.btn-social { .btn-social {

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 MiB

After

Width:  |  Height:  |  Size: 1.3 MiB

BIN
img/cover/MX34W7PD96.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 MiB

View File

@ -2,7 +2,7 @@
<html lang="fr"> <html lang="fr">
<head> <head>
<!-- http://bradsknutson.com/blog/display-loading-image-while-page-loads/ pour le loading--> <link href="css/normalize.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js"></script>
<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
@ -171,7 +171,7 @@
<br> <br>
<div class="text-center"> <div class="text-center">
<h2>Développeur<br>Web&Mobile</h2></div> <h2>Développeur<br>Web&Mobile</h2></div>
<h4>HTML, CSS, JS, Java, C++, C#</h4> <h4>Java, C#, HTML, CSS, Javascript</h4>
<br> <br>
<h4> <h4>
<span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span> Stage Internet des Objets<br> <span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span> Stage Internet des Objets<br>
@ -188,7 +188,7 @@
</h4> </h4>
<h4><i class="fa fa-language"></i> English : Toeic - 990.<br> <h4><i class="fa fa-language"></i> english : toeic - 990<br>
<small>Professional proficiency in English.</small></h4> <small>Professional proficiency in English.</small></h4>
<br> <br>
@ -208,7 +208,7 @@
<div class="visible-sm col-sm-6"> <div class="visible-sm col-sm-6">
<br> <br>
<h2>Développeur<br>Web & Mobile</h2> <h2>Développeur<br>Web & Mobile</h2>
<h4>HTML, CSS, JS, Java, C++, C#</h4> <h4>Java, C#, HTML, CSS, Javascript</h4>
<h4><br> <h4><br>
<span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span> Stage Internet des Objets<br> <span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span> Stage Internet des Objets<br>
<small><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> 03/16 - 07/16</small> <small><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> 03/16 - 07/16</small>
@ -222,7 +222,7 @@
<small><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> 2013 - 2015</small> <small><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> 2013 - 2015</small>
<small><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> IUT du Puy-en-Velay</small> <small><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> IUT du Puy-en-Velay</small>
</h4> </h4>
<h4><i class="fa fa-language"></i> English : Toeic - 990.<br> <h4><i class="fa fa-language"></i> english : toeic - 990<br>
<small>Professional proficiency in English.</small></h4> <small>Professional proficiency in English.</small></h4>
<h4><span class="glyphicon glyphicon-camera" aria-hidden="true"></span> Amateur de Photographie <h4><span class="glyphicon glyphicon-camera" aria-hidden="true"></span> Amateur de Photographie
<br><span class="glyphicon glyphicon-film" aria-hidden="true"></span> Fan de science-fiction</h4> <br><span class="glyphicon glyphicon-film" aria-hidden="true"></span> Fan de science-fiction</h4>
@ -238,7 +238,7 @@
<div class="visible-md col-md-6"> <div class="visible-md col-md-6">
<br> <br>
<h2>Développeur<br>Web & Mobile</h2> <h2>Développeur<br>Web & Mobile</h2>
<h3>HTML, CSS, JS, Java, C++, C#</h3> <h3>Java, C#, HTML, CSS, Javascript</h3>
<h3> <h3>
<span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span> Stage Internet des Objets<br> <span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span> Stage Internet des Objets<br>
<small><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> 03/16 - 07/16</small> <small><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> 03/16 - 07/16</small>
@ -253,7 +253,7 @@
<small><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> IUT du Puy-en-Velay</small> <small><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> IUT du Puy-en-Velay</small>
</h3> </h3>
<h3><i class="fa fa-language"></i> English : Toeic - 990.<br> <h3><i class="fa fa-language"></i> english : toeic - 990<br>
<small>Professional proficiency in English.</small></h3> <small>Professional proficiency in English.</small></h3>
<h3><span class="glyphicon glyphicon-camera" aria-hidden="true"></span> Amateur de Photographie <h3><span class="glyphicon glyphicon-camera" aria-hidden="true"></span> Amateur de Photographie
@ -270,7 +270,7 @@
<div class="visible-lg col-lg-6"> <div class="visible-lg col-lg-6">
<br> <br>
<h2>Développeur<br>Web & Mobile</h2> <h2>Développeur<br>Web & Mobile</h2>
<h3>HTML, CSS, JS, Java, C++, C#</h3> <h3>Java, C#, HTML, CSS, Javascript</h3>
<h3> <h3>
<span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span> Stage Internet des Objets<br> <span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span> Stage Internet des Objets<br>
<small><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> Mars-Juillet 2016</small> <small><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> Mars-Juillet 2016</small>
@ -284,7 +284,7 @@
<small><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> 2013-2015</small> <small><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span> 2013-2015</small>
<small><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> IUT du Puy-en-Velay</small> <small><span class="glyphicon glyphicon-map-marker" aria-hidden="true"></span> IUT du Puy-en-Velay</small>
</h3> </h3>
<h3><i class="fa fa-language"></i> English : Toeic - 990.<br> <h3><i class="fa fa-language"></i> english : toeic - 990<br>
<small>Professional proficiency in English.</small></h3> <small>Professional proficiency in English.</small></h3>
@ -515,13 +515,6 @@
</div> </div>
</footer> </footer>
<!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
<div class="scroll-top page-scroll visible-xs visible-sm">
<a class="btn btn-primary" href="#page-top">
<div class="left-little"><i class="fa fa-arrow-circle-up"></i></div>
</a>
</div>
<!-- Portfolio Modals --> <!-- Portfolio Modals -->
<!-- Michelin --> <!-- Michelin -->

View File

@ -359,6 +359,7 @@ footer {
width: 50px; width: 50px;
height: 50px; height: 50px;
z-index: 1049; z-index: 1049;
background-color:#70c192;
.btn { .btn {
font-size: 20px; font-size: 20px;
width: 50px; width: 50px;