izanic/SAE_WEB_S1
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

video pres

Browse Source
This commit is contained in:
Hugo IZANIC 2024-01-18 10:34:18 +01:00
parent 3d0a7bd345
commit 70c6cce8ae
9 changed files with 34 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
CSS/accueil.css
View File

@ -60,8 +60,8 @@ header{
.img_main{
backdrop-filter: blur(10px);
height: 20rem;
width: 25rem;
height: 22rem;
width: 35rem;
border-radius: 15px;
transition: transform ease 0.4s;
filter: saturate(0.2);
@ -100,6 +100,7 @@ header{
#fond_2 video{
margin: 1%;
}
#
@media only screen and (max-width: 800px){
body{

1
CSS/contact.css
View File

@ -27,6 +27,7 @@ form{
margin: 10vh;
}
form div {
margin: 2%;
}

6
CSS/partenaire.css
View File

@ -3,6 +3,7 @@
flex-direction: row-reverse;
justify-content: space-around;
align-items: center;
margin-bottom: 10vh;
}
#ligne-partenaires {
@ -95,3 +96,8 @@ aside{
color: white;
}
#nouveau-partenaire{
display: flex;
align-items: center;
}

8
HTML/contact.html
View File

@ -85,9 +85,9 @@
<ul>
<li><a href="https://twitter.com" target="_blank"> <img src="img/icone/twitter.svg"></a></li>
<li><a href="https://instagram.com" target="_blank"> <img src="img/icone/instagram.svg"></a></li>
<li><a href="https://tiktok.com" target="_blank"> <img src="img/icone/tiktok.svg"></a></li>
<li><a href="https://twitter.com" target="_blank"> <img src="../img/icone/twitter.svg"></a></li>
<li><a href="https://instagram.com" target="_blank"> <img src="../img/icone/instagram.svg"></a></li>
<li><a href="https://tiktok.com" target="_blank"> <img src="../img/icone/tiktok.svg"></a></li>
</ul>
<p> Suivez nos actualités !</p>
</div>
@ -111,7 +111,7 @@
</div>
<a href="#"><img id="icone" src="../img/logo.svg" alt="icone du site"></a>
<a href="../index.html"><img id="icone" src="../img/logo.svg" alt="icone du site"></a>
</footer>
</body>

8
HTML/page_2.html
View File

@ -32,9 +32,9 @@
<ul>
<li><a href="https://twitter.com" target="_blank"> <img src="img/icone/twitter.svg"></a></li>
<li><a href="https://instagram.com" target="_blank"> <img src="img/icone/instagram.svg"></a></li>
<li><a href="https://tiktok.com" target="_blank"> <img src="img/icone/tiktok.svg"></a></li>
<li><a href="https://twitter.com" target="_blank"> <img src="../img/icone/twitter.svg"></a></li>
<li><a href="https://instagram.com" target="_blank"> <img src="../img/icone/instagram.svg"></a></li>
<li><a href="https://tiktok.com" target="_blank"> <img src="../img/icone/tiktok.svg"></a></li>
</ul>
<p> Suivez nos actualités !</p>
</div>
@ -58,6 +58,6 @@
</div>
<a href="#"><img id="icone" src="../img/logo.svg" alt="icone du site"></a>
<a href="../index.html"><img id="icone" src="../img/logo.svg" alt="icone du site"></a>
</footer>
</body>

10
HTML/page_3.html
View File

@ -29,14 +29,14 @@
</header>
<main>
<a href="#"><img id="btn_up" src="../img/icone/arrow-up.svg" alt="icone de fleche">
<a href="#"><img id="btn_up" src="../img/icone/arrow-up.svg" alt="icone de fleche"></a>
<h1> Nos Partenaires</h1>
<div id="txt-list">
<div id="ligne-colonne">
<div id="ligne-partenaires">
<ul>
<li><a target="_blank" href ="https://www.restosducoeur.org/"> <img src="../img/Restoducoeur.png" alt="logo du resto du coeur"><div id="hov-partenaire">Nous travaillons avec Les restaurants du coeur.</div></img></a></li>
<li><a href ="resto.fr" target="_blank"> <img src="../img/Croixrouge.png" alt="logo de la croix rouge "><div id="hov-partenaire">Nous travaillons avec la croix rouge.</div></img></a></li>
<li><a href ="https://www.croix-rouge.fr/" target="_blank"> <img src="../img/Croixrouge.png" alt="logo de la croix rouge "><div id="hov-partenaire">Nous travaillons avec la croix rouge.</div></img></a></li>
</ul>
</div>
<div id="colonne-partenaires">
@ -56,8 +56,10 @@
</aside>
</div>
<h2> Nous Cherchons de nouveaux Partenaires !</h2>
<div id="nouveau-partenaire">
<button onclick="window.location.href='contact.html';" id="btn-contact"> <p>Contactez nous !</p></button>
<h3> Nous Cherchons de nouveaux Partenaires !</h3>
</div>
</main>
<footer>
@ -93,7 +95,7 @@
</div>
<a href="#"><img id="icone" src="../img/roulette_coeur.png" alt="icone du site"></a>
<a href="../index.html"><img id="icone" src="../img/logo.svg" alt="icone du site"></a>

8
HTML/page_4.html
View File

@ -32,9 +32,9 @@
<ul>
<li><a href="https://twitter.com" target="_blank"> <img src="img/icone/twitter.svg"></a></li>
<li><a href="https://instagram.com" target="_blank"> <img src="img/icone/instagram.svg"></a></li>
<li><a href="https://tiktok.com" target="_blank"> <img src="img/icone/tiktok.svg"></a></li>
<li><a href="https://twitter.com" target="_blank"> <img src="../img/icone/twitter.svg"></a></li>
<li><a href="https://instagram.com" target="_blank"> <img src="../img/icone/instagram.svg"></a></li>
<li><a href="https://tiktok.com" target="_blank"> <img src="../img/icone/tiktok.svg"></a></li>
</ul>
<p> Suivez nos actualités !</p>
</div>
@ -58,6 +58,6 @@
</div>
<a href="#"><img id="icone" src="../img/logo.svg" alt="icone du site"></a>
<a href="../index.html"><img id="icone" src="../img/logo.svg" alt="icone du site"></a>
</footer>
</body>

BIN
img/video_presentation.mp4 Normal file
View File

Binary file not shown.

6
index.html
View File

@ -87,7 +87,9 @@
Notre devise : <span class="txt_rouge">Tout</span> le monde est <span class="txt_jaune">Gagnant</span> !
</h3>
<video id="video-presentation">
<video id="video-presentation" controls>
<source src="img/video_presentation.mp4" type="video/mp4">
</video>
</video>
</div>
@ -126,7 +128,7 @@
</div>
<a href="#"><img id="icone" src="img/roulette_coeur.png" alt="icone du site"></a>
<a href="#"><img id="icone" src="img/logo.svg" alt="icone du site"></a>