mise en page cv

CSS/contact.css

@@ -1,4 +1,6 @@
 body{
+	font-family: Arial, Helvetica, sans-serif;
+	padding: 0px;
 	background-image:url("../img/background.svg");
 }
 
@@ -32,8 +34,32 @@ form div {
 	margin: 2%;
 }
 
-input[type=text]:focus{
+/*input[type=text]:focus{
 	border: 2px solid red;
 	border-radius: 4px;
-}
+}*/
 
+input[type=text], textarea, input[type=email] {
+    width: 100%;
+    padding: 12px;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    box-sizing: border-box;
+    resize: vertical;
+  }
+  label{margin-right: 0px;
+    margin-left: 0px;
+    width: 100%;}
+  
+  input[type=submit] {
+    background-color: #1255a2;
+    color: white;
+    padding: 12px 20px;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+  }
+  
+  input[type=submit]:hover {
+    background-color: #1872D9;
+  }

CSS/propos.css

@@ -4,10 +4,20 @@ h1,h2,h3,h4,h5{
 }
 
 
-#cv-1{
-	display: flex;
-	flex-direction: row;
-	align-items: flex-start;
+#cv{
+	display: inline-block;
+    border: 1px solid red;
+  	padding: 1rem 1rem;
+  	vertical-align: middle;
+}
+
+
+
+main{
+	border: 1px solid black;
+  	margin: 1rem;
+ 	padding: 2rem 2rem;
+  	text-align: center;
 }
 
 #marge{

HTML/page_4.html

@@ -28,7 +28,75 @@
 			</div>
 		</header>
 		<main>
-				<div id="cv-1">
+				<div id="cv" class="cv-1">
+					<aside id="marge">
+						<ul> 
+							<li> hugo.izanic@etu.u-pec.fr</li>
+							<li> 18 ans</li>
+							<li> Télétravail ou présentiel</li>
+							<li> mail</li>
+							<li> mail</li>
+							<li> mail</li>
+						</ul>
+					</aside>
+					<div>
+					<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 class="competences">
+							<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>
+					<button onclick="window.print();return false;" id="btn-print"> <p>Imprimer le CV</p></button>
+				</div>
+				
+
+				<div id="cv" class="cv-2">
 					<aside id="marge">
 						<ul> 
 							<li> hugo.izanic@etu.u-pec.fr</li>
@@ -91,8 +159,9 @@
 
 						</div>
 					</section>
-				</div>
 					<button onclick="window.print();return false;" id="btn-print"> <p>Imprimer le CV</p></button>
+				</div>
+				
 
 
 		</main>