From 7b6a56fa5095611d0f33ddc7686b0bf882b66853 Mon Sep 17 00:00:00 2001
From: journeau <romainjourneau@gmail.com>
Date: Sun, 15 Jan 2023 20:44:00 +0100
Subject: [PATCH] modif image css

---
 assets/css/home.css | 55 +++++++++++++++++++++++++++++++++++++++++----
 index.php           | 14 ++++++------
 2 files changed, 58 insertions(+), 11 deletions(-)

diff --git a/assets/css/home.css b/assets/css/home.css
index 012583f..3ac2e32 100644
--- a/assets/css/home.css
+++ b/assets/css/home.css
@@ -1,6 +1,6 @@
 
     main{
-        padding: 80px;    
+        padding: 50px;
       }
 
     main h1 {
@@ -32,9 +32,56 @@
     }
 
     .bande ul {
-	display: inline-block
+	display: inline-block;
     }
 
-     .bande li {
-	display: inline
+    .bande li {
+	display: inline;
     }
+
+    .image1{
+	width: 330px;
+	height: 260px;
+	float: left;
+	margin-right: 50px;
+    }
+
+    .image2{
+	width: 400px;
+	height: 310px;
+	float: right;
+	margin-left: 50px;
+    }
+
+    .image3{
+	width: 300px;
+	height: 180px;
+	float: left;
+	margin-right: 50px;
+    }
+
+    .logoA{
+	width: 150px;
+	height: 150px;
+    }
+
+    .logoS{
+	width: 320px;
+	height: 120px;
+    }
+
+    .logoH{
+	width: 150px;
+	height: 150px;
+    }
+
+    .margin{
+	margin-left: 20px;
+	margin-right: 20px;
+    }
+
+    
+    
+      
+     
+     
diff --git a/index.php b/index.php
index 5f9e947..110b938 100644
--- a/index.php
+++ b/index.php
@@ -28,9 +28,9 @@
 	    <p>&nbsp;</p>
             <br>
 	    
-            <p><img width="283" height="207" src="assets/img/shema_b.png" alt="shema bleu decomposer" align="left"  hspace="30"></p>
+            <p><img src="assets/img/shema_b.png" alt="shema bleu decomposer" class="image1"></p>
 	    
-            <p> Nous sommes une entreprise innovante qui a créé une technologie nomé Solart Glass
+            <p>Nous sommes une entreprise innovante qui a créé une technologie nomé Solart Glass
               qui s'intègre dans l'écran des smartphones et qui permet grâce à l'énergie
               lumineuse de récupérer de l'énergie pour la batterie. Notre technologie
               révolutionnaire vous permettra de recharger votre téléphone plus rapidement et
@@ -43,7 +43,7 @@
             <p>Cette technologie a été conçue pour être facile à utiliser et à configurer.
               Grâce à l'utilisation d'un matériau ultra-fin qui est intégré à l'écran, l'énergie lumineuse est captée et transformée en énergie électrique qui est ensuite stockée dans la batterie.</p>
 
-            <p><img width="380" height="280" src="assets/img/schema.png" alt="shema soleil oeil" align="right" hspace="30"></p>
+            <p><img src="assets/img/schema.png" alt="shema soleil oeil" class="image2"></p>
 
             <p>&nbsp;</p>
             <br><br><br>
@@ -55,7 +55,7 @@
             <p>&nbsp;</p>
             <br>
 
-            <p><img width="293" height="179" src="assets/img/tech.jpg" align="left" hspace="30" alt="image environnement"></p>
+            <p><img src="assets/img/tech.jpg" alt="image environnement" class="image3"></p>
 
             <p>&nbsp;</p>
 
@@ -73,9 +73,9 @@
 		    <br>
 		    <h2>Nos partenaires</h2>
 		    <ul>
-		        <li><img src="assets/img/Apple_logo_white.png" alt="Logo Apple" width="150px" height="150px"></li>
-		        <li><img src="assets/img/Samsung_Logo.png" alt="Logo Samsung" width="320px" height="120px"></li>
-		        <li><img src="assets/img/Huawei_logo.png" alt="Logo Huawei" width="150px" height="150px"></li>
+		        <li><img src="assets/img/Apple_logo_white.png" alt="Logo Apple" class="logoA margin"></li>
+		        <li><img src="assets/img/Samsung_Logo.png" alt="Logo Samsung" class="logoS margin"></li>
+		        <li><img src="assets/img/Huawei_logo.png" alt="Logo Huawei" class="logoH margin"></li>
 		    </ul>
 		</div>