adrian/jean-cloud_website
1
0
Fork 0
Code Issues 1 Pull Requests 1 Releases Wiki Activity

c’est présentable maintenant

Browse Source
This commit is contained in:
Adrian Amaglio 2019-08-13 22:18:10 +02:00
parent 79401d8e3d
commit ed3232f98b
2 changed files with 37 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
css/main.css
View File

@ -244,4 +244,31 @@ hr::after {
left: 0; left: 0;
overflow: hidden; overflow: hidden;
background-size: 100% 150%; background-size: 100% 150%;
} }
/* contact section */
section#contact {
width:98%;
}
section.split {
width: 45%;
display:inline-block;
}
section#contact section.alt h3{
margin-bottom:0;
}
section#contact section.alt p,
section#contact section.alt ul{
margin-top:0;
}
/* End of contact section */
/* Footer style */
footer p{
margin: 0;
}
/* end Footer style */

19
index.html
View File

@ -30,8 +30,8 @@
<!-- Todo – drop down list in css --> <!-- Todo – drop down list in css -->
<nav id="nav"> <nav id="nav">
<ul> <ul>
<li><a href="index.html">Home</a></li> <li><a href="index.html">Accueil</a></li>
<li> <!--<li>
<a href="#">Dropdown</a> <a href="#">Dropdown</a>
<ul class="dropdown"> <ul class="dropdown">
<li><a href="#">Lorem ipsum dolor</a></li> <li><a href="#">Lorem ipsum dolor</a></li>
@ -49,9 +49,9 @@
<li><a href="#">Veroeros feugiat</a></li> <li><a href="#">Veroeros feugiat</a></li>
</ul> </ul>
</li> </li>
<li><a href="left-sidebar.html">Left Sidebar</a></li> -->
<li><a href="right-sidebar.html">Right Sidebar</a></li> <li><a href="#services">Nos services</a></li>
<li><a href="no-sidebar.html">No Sidebar</a></li> <li><a href="#contact">Nous contacter</a></li>
</ul> </ul>
</nav> </nav>
@ -121,8 +121,8 @@
</section> </section>
<!-- Contact --> <!-- Contact -->
<footer id="contact"> <section id="contact">
<section> <section class="split contact">
<h2>Nous contacter</h2> <h2>Nous contacter</h2>
<form method="post" action="#"> <form method="post" action="#">
<div class="fields"> <div class="fields">
@ -149,18 +149,17 @@
<h3>Hébergement des services</h3> <h3>Hébergement des services</h3>
<p>Grenoble, Lyon et alentours</p> <p>Grenoble, Lyon et alentours</p>
</section> </section>
<section> <section class="alt">
<h3>Email</h3> <h3>Email</h3>
<p><a href="#contact">Via le formulaire ci-contre</a></p> <p><a href="#contact">Via le formulaire ci-contre</a></p>
</section> </section>
<section> <section class="alt">
<h3>Réseaux sociaux</h3> <h3>Réseaux sociaux</h3>
<ul class="icons alt"> <ul class="icons alt">
<li><a href="#" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li> <li><a href="#" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
</ul> </ul>
</section> </section>
</section> </section>
</footer>
</section> </section>
</main> </main>