master
Alexandre AGOSTINHO 2 years ago
parent 0e2e83d0a0
commit 7aad644f6d

@ -98,17 +98,17 @@
</article> </article>
</div> </div>
</section> </section>
</div>
<aside class="links"> <aside class="links">
<h3>Quelques liens externes..</h3> <h3>Liens externes..</h3>
<ul> <ul>
<li><a href="https://fr.wikipedia.org/wiki/C_(langage)">C (Wiki)</a></li> <li><a href="https://fr.wikipedia.org/wiki/C_(langage)">C (Wiki)</a></li>
<li><a href="https://fr.wikipedia.org/wiki/C%2B%2B">C++ (Wiki)</a></li> <li><a href="https://fr.wikipedia.org/wiki/C%2B%2B">C++ (Wiki)</a></li>
<li><a href="https://fr.wikipedia.org/wiki/C_sharp">C# (Wiki)</a></li> <li><a href="https://fr.wikipedia.org/wiki/C_sharp">C# (Wiki)</a></li>
</ul> </ul>
</aside> </aside>
</div>
<footer> <footer>
<p>Auteur: Alexandre Agostinho (TP1)</p> <p>Auteur: Alexandre Agostinho (TP1)</p>

@ -0,0 +1,51 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" \>
<title>Galerie</title>
<link href="../styles/main.css" rel="stylesheet" type="text/css" />
<link href="../styles/galerie.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="header">
<div class="title">
<h1>LangProg - Galerie</h1>
<img src="../img/ProgrammingLanguage1-1.jpg" alt="ImgTitle" />
</div>
<nav>
<a href="../index.html">Menu Principal</a>
<a href="galerie.html">Galerie</a>
<a href="donnees.html">Données</a>
</nav>
</div>
<div class="main-content">
<div id="gal-photos">
<img src="../img/The_C_Programming_Language_logo.svg.png" alt="img1" />
<img src="../img/ISO_C++_Logo.svg.png" alt="img2" />
<img src="../img/1024px-C_Sharp_wordmark.svg.png" alt="img3" />
</div>
<div id="gal-videos">
<iframe width="1280" height="720" src="https://www.youtube.com/embed/Rub-JsjMhWY" title="C++ Programming" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<footer>
<p>Auteur: Alexandre Agostinho (TP1)</p>
<p><a href="mailto:alexandre.agostinho@etu.uca.fr">alexandre.agostinho@etu.uca.fr</a></p>
</footer>
</body>
</html>

@ -0,0 +1,20 @@
#gal-photos {
margin: 30px;
border: 10px solid darkgrey;
border-radius: 0 20px;
background-color: cadetblue;
}
#gal-photos img {
width: 200px;
display: inline-block;
margin: 35px;
}
#gal-videos {
margin: 30px;
border: 10px solid cadetblue;
border-radius: 0 20px;
background-color: darkgrey;
}

@ -18,7 +18,7 @@ a:active { color: darkgrey; }
.header { .header {
border-left: 10px solid cadetblue; border-left: 10px solid cadetblue;
background-color: #ebebeb; background-image: linear-gradient(to right, #ebebeb, cadetblue);
position: sticky; position: sticky;
top: 0px; top: 0px;
} }
@ -122,11 +122,12 @@ a:active { color: darkgrey; }
padding-top: 1%; padding-top: 1%;
border: 6px solid cadetblue; border: 6px solid cadetblue;
border-radius: 0 14px; border-radius: 0 14px;
display: block;
position: fixed; position: fixed;
top: 113px; top: 113px;
right: 16px; right: 1%;
left: 80%;
height: 400px; height: 400px;
margin-left: 1%;
} }
.links h3, ul { .links h3, ul {

Loading…
Cancel
Save