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

page cv

Browse Source
This commit is contained in:
Hugo IZANIC 2024-01-19 14:39:33 +01:00
parent 1f599e01ac
commit a7fd97c3f1
9 changed files with 102 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CSS/cv.css
View File

@ -4,6 +4,7 @@ h1,h2,h3,h4,h5{
} }
#cv-1{ #cv-1{
display: flex; display: flex;
flex-direction: row; flex-direction: row;

4
CSS/print.css
View File

@ -8,4 +8,8 @@ nav,footer{
#information-sup{ #information-sup{
display: none; display: none;
}
*{
color: black;
} }

17
CSS/propos.css
View File

@ -1,6 +1,8 @@
h2{ h2{
margin-bottom: 5vh; margin-bottom: 5vh;
} }
#liste-equipe ul{ #liste-equipe ul{
display: flex; display: flex;
align-items: center; align-items: center;
@ -16,6 +18,21 @@ h2{
#recrute{ #recrute{
margin-top: 5vh;
padding-bottom: 2vh;
display: flex;
flex-direction: column;
align-items: center;
color: white; color: white;
background-color: darkred; background-color: darkred;
}
#recrute a{
font-size: 25px;
color: white;
}
#recrute a:hover{
text-decoration: underline;
}
#recrute li{
margin-bottom: 1vh;
} }

9
CSS/styles.css
View File

@ -239,6 +239,15 @@ footer #autres a:hover{
text-decoration: underline; text-decoration: underline;
} }
footer #cp {
position: absolute;
color: rgba(255, 255, 255, 0.5);
font-weight: 100;
list-style-type: none;
margin: 0;
padding:0;
}
#menu-mobile{ #menu-mobile{
background-color: darkred; background-color: darkred;
z-index: 100; z-index: 100;

39
HTML/cv_1.html
View File

@ -31,14 +31,27 @@
<div id="cv-1"> <div id="cv-1">
<aside id="marge"> <aside id="marge">
<ul> <ul>
<li> hugo.izanic@etu.u-pec.fr</li> <li> <img src="../img/icone/envelope"> hugo.izanic@etu.u-pec.fr</li>
<li> 18 ans</li> <li> 18 ans</li>
<li> Télétravail ou présentiel</li> <li> Télétravail ou présentiel</li>
<li> mail</li> <li> </li>
<li> mail</li> <li> </li>
<li> mail</li> <li> </li>
</ul>
<br>
<h4> Langues</h4>
<br>
<ul>
<li> <strong> Français</strong> </li>
<li> Langue maternelle </li>
</ul>
<br>
<ul>
<li> <strong> Anglais</strong> </li>
<li> Bon niveau </li>
</ul> </ul>
</aside> </aside>
<section> <section>
<h3> Izanic Hugo</h3> <h3> Izanic Hugo</h3>
<h4> Etudiant en BUT informatique cheche alternance pour la deuxième année </h4> <h4> Etudiant en BUT informatique cheche alternance pour la deuxième année </h4>
@ -46,7 +59,8 @@
<h3> <span class="couleur-cv">Diplômes et Formation</span></h3> <h3> <span class="couleur-cv">Diplômes et Formation</span></h3>
<ul> <ul>
<li> BUT Informatique Depuis 2023 </li> <li> BUT Informatique Depuis 2023 </li>
<li> Baccalauréat général </li> <br>
<li> Baccalauréat général 2023 <br>Spécialité Numérique Science Informatique,Anglais Monde Contemporain <br>Option mathématiques complémentaires </li>
</ul> </ul>
</div> </div>
@ -56,27 +70,28 @@
<h4> Programmation </h4> <h4> Programmation </h4>
<ul> <ul>
<li> C </li> <li> C 89 (Expérimenté) </li>
<li> Python </li> <li> Python (Expérimenté)</li>
<li> Scripting en bash</li> <li> Scripting en bash (Compétent)</li>
</ul> </ul>
<br> <br>
<h4> Web </h4> <h4> Web </h4>
<ul> <ul>
<li> HTML </li> <li> HTML (Expérimenté) </li>
<li> Css </li> <li> Css (Expérimenté)</li>
</ul> </ul>
<br> <br>
<h4> Base de donées </h4> <h4> Base de donées </h4>
<ul> <ul>
<li> SQL 89/92</li> <li> SQL 89/92 (Expérimenté)</li>
<li> UML</li> <li> UML (Expérimenté)</li>
</ul> </ul>
</div> </div>
<div class="projets"> <div class="projets">

20
HTML/page_2.html
View File

@ -29,13 +29,14 @@
</header> </header>
<footer> <footer>
<div id="reseaux"> <div id="reseaux">
<ul> <ul>
<li><a href="https://twitter.com" target="_blank"> <img src="../img/icone/twitter.svg"></a></li> <li><a href="https://twitter.com" target="_blank" alt= "logo twitter"> <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://instagram.com" target="_blank" alt= "logo instagram"> <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://tiktok.com" target="_blank" alt= "logo tiktok"> <img src="../img/icone/tiktok.svg"></a></li>
</ul> </ul>
<p> Suivez nos actualités !</p> <p> Suivez nos actualités !</p>
</div> </div>
@ -44,9 +45,10 @@
<ul> <ul>
<li><a href="" target="_blank">Mentions légales</a></li> <li><a href="" target="_blank">Mentions légales</a></li>
<li><a href="" target="_blank">Conditions générales d'utilisation</a></li> <li><a href="" target="_blank">Conditions générales d'utilisation</a></li>
<li><a href="credits.txt" target="_blank">Crédits</a></li> <li><a href="../credits.txt" target="_blank">Crédits</a></li>
<li><a href="charte_graphique" target="_blank">Charte graphique</a></li> <li><a href="../charte_graphique" target="_blank">Charte graphique</a></li>
</ul> </ul>
<p id="cp"> 2024 CasinoDuCoeur Izanic Hugo - Gallego Julian</p>
</div> </div>
<div id="coordonne"> <div id="coordonne">
@ -59,6 +61,10 @@
</div> </div>
<a href="../index.html"><img id="icone" src="../img/logo.svg" alt="icone du site"></a> <a href="#"><img id="icone" src="../img/logo.svg" alt="icone du site"></a>
</footer>
</footer>
</body> </body>

10
HTML/page_3.html
View File

@ -68,7 +68,7 @@
</div> </div>
</main> </main>
<footer> <footer>
<div id="reseaux"> <div id="reseaux">
@ -86,9 +86,10 @@
<ul> <ul>
<li><a href="" target="_blank">Mentions légales</a></li> <li><a href="" target="_blank">Mentions légales</a></li>
<li><a href="" target="_blank">Conditions générales d'utilisation</a></li> <li><a href="" target="_blank">Conditions générales d'utilisation</a></li>
<li><a href="credits.txt" target="_blank">Crédits</a></li> <li><a href="../credits.txt" target="_blank">Crédits</a></li>
<li><a href="charte_graphique" target="_blank">Charte graphique</a></li> <li><a href="../charte_graphique" target="_blank">Charte graphique</a></li>
</ul> </ul>
<p id="cp"> 2024 CasinoDuCoeur Izanic Hugo - Gallego Julian</p>
</div> </div>
<div id="coordonne"> <div id="coordonne">
@ -101,7 +102,8 @@
</div> </div>
<a href="../index.html"><img id="icone" src="../img/logo.svg" alt="icone du site"></a> <a href="#"><img id="icone" src="../img/logo.svg" alt="icone du site"></a>

25
HTML/page_4.html
View File

@ -43,22 +43,28 @@
</ul> </ul>
</div> </div>
<div id="recrute"> <div id="recrute">
<h3> Nous recrutons</h3> <h2> Nous recrutons</h2>
<p> Nous recherchons plusieur poste </p> <ul>
<li> <a href="https://fr.indeed.com" target="_blank"> Comunity Manager </a></li>
<li> <a href="https://fr.indeed.com" target="_blank"> Comptable </a> </li>
<li> <a href="https://fr.indeed.com" target="_blank"> Responsable Marketing </a> </li>
</ul>
</div> </div>
</main> </main>
<footer> <footer>
<div id="reseaux"> <div id="reseaux">
<ul> <ul>
<li><a href="https://twitter.com" target="_blank"> <img src="../img/icone/twitter.svg"></a></li> <li><a href="https://twitter.com" target="_blank" alt= "logo twitter"> <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://instagram.com" target="_blank" alt= "logo instagram"> <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://tiktok.com" target="_blank" alt= "logo tiktok"> <img src="../img/icone/tiktok.svg"></a></li>
</ul> </ul>
<p> Suivez nos actualités !</p> <p> Suivez nos actualités !</p>
</div> </div>
@ -70,6 +76,7 @@
<li><a href="../credits.txt" target="_blank">Crédits</a></li> <li><a href="../credits.txt" target="_blank">Crédits</a></li>
<li><a href="../charte_graphique" target="_blank">Charte graphique</a></li> <li><a href="../charte_graphique" target="_blank">Charte graphique</a></li>
</ul> </ul>
<p id="cp"> 2024 CasinoDuCoeur Izanic Hugo - Gallego Julian</p>
</div> </div>
<div id="coordonne"> <div id="coordonne">
@ -82,6 +89,10 @@
</div> </div>
<a href="../index.html"><img id="icone" src="../img/logo.svg" alt="icone du site"></a> <a href="#"><img id="icone" src="../img/logo.svg" alt="icone du site"></a>
</footer>
</footer>
</body> </body>

21
index.html
View File

@ -57,18 +57,14 @@
<h2> <h2>
Qui sommes-nous ? C'est quoi ?
</h2> </h2>
<div id="img-txt"> <div id="img-txt">
<div id="img_gauche_txt_droite"> <div id="img_gauche_txt_droite">
<p> <p>
ipsum <a href="HTML/page_4.html"><span class="txt_rouge"> <strong>dolor</strong></span></a> sit amet, consectetur adipisicing elit, sed do eiusmod Casino du coeur est un casino en ligne cepedant une partie de l'argent générer est donner a des <a href="HTML/page_4.html"><span class="txt_rouge"> <strong>association</strong></span></a>
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, choisit par les joueurs eux-mêmes
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
</p> </p>
<img class="img_main" src="img/casion_background.jpeg"> <img class="img_main" src="img/casion_background.jpeg">
@ -81,12 +77,7 @@
<div id="img_droite_txt_gauche"> <div id="img_droite_txt_gauche">
<img class="img_main" src="img/casion_background.jpeg"> <img class="img_main" src="img/casion_background.jpeg">
<p> <p>
ipsum dolor sit amet,<a href="HTML/page_3.html"><span class="txt_rouge"><strong> dolor</strong> </span></a>adipisicing elit, sed do eiusmod Nous partageons avec nos <a href="HTML/page_3.html"><span class="txt_rouge"><strong> partenaires </strong> </span></a> des valeurs qui nous tiennent a coeur tels que ..
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
</p> </p>
@ -97,7 +88,7 @@
<div id="fond_2"> <div id="fond_2">
<h3> <h3>
Notre devise : <span class="txt_rouge">Tout</span> le monde est <span class="txt_jaune">Gagnant</span> ! <span class="txt_rouge">Tout</span> le monde est <span class="txt_jaune">Gagnant</span> !
</h3> </h3>
<video id="video-presentation" controls autoplay muted loop> <video id="video-presentation" controls autoplay muted loop>
@ -129,6 +120,7 @@
<li><a href="credits.txt" target="_blank">Crédits</a></li> <li><a href="credits.txt" target="_blank">Crédits</a></li>
<li><a href="charte_graphique" target="_blank">Charte graphique</a></li> <li><a href="charte_graphique" target="_blank">Charte graphique</a></li>
</ul> </ul>
<p id="cp"> 2024 CasinoDuCoeur Izanic Hugo - Gallego Julian</p>
</div> </div>
<div id="coordonne"> <div id="coordonne">
@ -145,6 +137,7 @@
</footer> </footer>
</body> </body>