Ajout et modifications des balises semantiques

Florasol · Sep 8, 2024 · b91a762 · b91a762
1 parent 70f99f8
commit b91a762
Show file tree

Hide file tree

Showing 5 changed files with 192 additions and 132 deletions.
diff --git a/assets/images/slider/edward-cisneros-wedding-480.webp b/assets/images/slider/edward-cisneros-wedding-480.webp
diff --git a/assets/images/slider/nicholas-green-concert-480.webp b/assets/images/slider/nicholas-green-concert-480.webp
diff --git a/assets/images/slider/ryoji-iwata-business-480.webp b/assets/images/slider/ryoji-iwata-business-480.webp
diff --git a/assets/style.css b/assets/style.css
@@ -6,6 +6,11 @@ body {
 	font-family: 'Inter';
 	font-style: normal;
 }
+
+p {
+	font-size: 18px;
+}
+
 .top-header {
 	background-color: white;
 	position: sticky;
@@ -18,15 +23,15 @@ body {
 	align-items: center;
 }
 
-.top-header .name {
-	font-size: 26px;
+ul { 
+	list-style: none; 
 }
 
 .nav ul {
 	display: flex;
 	list-style-type: none;
-	font-size: 14px;
 	margin-bottom: 0;
+	font-size: 18px;
 }
 
 .nav li {
@@ -77,7 +82,6 @@ body {
 .about-me__title {
 	margin-top: 1em;
 	margin-bottom: 60px;
-	font-size: 30px;
 }
 .about-me__introduction {
 	font-family: 'Spectral';
@@ -87,7 +91,6 @@ body {
 }
 #about-me p {
 	width: 80%;
-	font-size: 14px;
 }
 
 img {
@@ -114,6 +117,7 @@ img {
 	color: #fff;
 	background-color: #BEB45A;
 	border-radius:0 ;
+	font-size: 18px;
 }
 .nav-pills .nav-link {
 	color: #000
@@ -231,15 +235,13 @@ form {
 	width: 70%;
 	align-items: flex-start;
 }
-
 form input {
 	width: 100%;
 	background-color: transparent;
 	border: solid 1px;
 	height: 2.5em;
 	margin-bottom: 20px;
 }
-
 form textarea {
 	width: 100%;
 	background-color: transparent;
@@ -253,6 +255,23 @@ input[type="submit"] {
 	background-color: #BEB45A;
 	padding: .5em 1em
 }
+	/* --> Footer <-- */
+footer {
+	background-color: #F6D2B8;
+	color: black;
+	width: 100%;
+	display: flex;
+	flex-wrap: wrap;
+	justify-content:space-around;
+}
+#footer-infos {
+	padding-top: 16px;
+}
+#footer-rights {
+	font-style: italic;
+	display: flex;
+	align-items:end;
+}
 
 @media all and (max-width: 1180px) {
 	.picture {
@@ -265,7 +284,7 @@ input[type="submit"] {
 		margin-top: 0;
 		margin-bottom: 1em;
 	}
-	#about-me h6, #about-me p {
+	#about-me h3, #about-me p {
 		width: 100%;
 	}
 }
@@ -362,5 +381,17 @@ input[type="submit"] {
 	.picture {
 		width: 80%;
 	}
+	.nav ul {
+		font-size: 14px;
+	}
+	footer ul {
+		font-size: 12px;
+	}
+	p {
+		font-size: 14px;
+	}
+	.quote__author {
+		font-size: 16px;
+	}
 }