CV

CSS/print.css

@@ -1,3 +1,7 @@
 nav,footer{
 	display: none;
 }
+
+#btn-print{
+	display: none;
+}

CSS/propos.css

@@ -1,10 +1,30 @@
-#cv-1-2{
+h1,h2,h3,h4,h5{
-	display: flex;
+	margin: 0;
-	justify-content: space-between;
+	margin-bottom: 1vh;
 }
 
 
 #cv-1{
 	display: flex;
-	flex-direction: column;
+	flex-direction: row;
+	align-items: flex-start;
+}
+
+#marge{
+	padding-right: 2%;
+	padding-left: 2%;
+
+}
+
+#marge ul li{
+ 	list-style: none;
+ 	margin-bottom: 2%;
+}
+
+section div{
+	margin-bottom: 2%;
+}
+
+.couleur-cv{
+	color: royalblue;
 }

HTML/page_4.html

@@ -28,22 +28,72 @@
 			</div>
 		</header>
 		<main>
-			<div id="cv-1-2">
 				<div id="cv-1">
-					<h2> NOM </h2>
+					<aside id="marge">
-					<div class="parcours-scolaire">
 						<ul> 
-							<li> BUT Informatique </li>
+							<li> hugo.izanic@etu.u-pec.fr</li>
-							<li> Baccalauréat général </li>
+							<li> 18 ans</li>
+							<li> Télétravail ou présentiel</li>
+							<li> mail</li>
+							<li> mail</li>
+							<li> mail</li>
 						</ul>
+					</aside>
+					<section>
+						<h3> Izanic Hugo</h3>
+						<h4> Etudiant en BUT informatique cheche alternance pour la deuxième année </h4>
+						<div class="parcours-scolaire">
+							<h3> <span class="couleur-cv">Diplômes et Formation</span></h3>
+							<ul>
+								<li> BUT Informatique Depuis 2023 </li>
+								<li> Baccalauréat général </li>
+							</ul> 
 
-					</div>
+						</div>
-				</div>
 
-				<div id="cv-2">
+						<div class="competences">
-					<h2> NOM2 </h2>
+							<h3><span class="couleur-cv">Compétences Informatiques </span></h3>
+
+							<h4> Programmation </h4>
+							<ul>
+								<li> C </li>
+								<li> Python </li>
+								<li> Scripting en bash</li>
+							</ul> 
+
+							<br>
+
+							<h4> Web </h4>
+							<ul>
+								<li> HTML </li>
+								<li> Css </li>
+							</ul> 
+
+							<br>
+
+							<h4> Base de donées </h4>
+							<ul>
+								<li> SQL 89/92</li>
+								<li> UML</li>
+							</ul> 
+
+						</div>
+
+						<div class="projets">
+							<h3><span class="couleur-cv">Projets</span></h3>
+
+							<ul>
+								<li> Installation de archlinux sur machine virtuelle </li>
+								<li> Création/modélisation d'une base de donnée (UML,SQL92) </li>
+								<li> Jeu snake en C89</li>
+								<li> <a href="../index.html">Réalisation d'un site web(HTML,Css)</a></li>
+							</ul> 
+
+						</div>
+					</section>
 				</div>
-			</div>
+				<button onclick="window.print();return false;" id="btn-print"> <p>Imprimer le CV</p></button>
+
 
 		</main>
 		<footer>