modif image css

This commit is contained in:
Romain JOURNEAU 2023-01-15 20:44:00 +01:00
parent 337d7a2b5c
commit 7b6a56fa50
2 changed files with 58 additions and 11 deletions

View File

@ -1,6 +1,6 @@
main{ main{
padding: 80px; padding: 50px;
} }
main h1 { main h1 {
@ -32,9 +32,56 @@
} }
.bande ul { .bande ul {
display: inline-block display: inline-block;
} }
.bande li { .bande li {
display: inline 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;
}

View File

@ -28,9 +28,9 @@
<p>&nbsp;</p> <p>&nbsp;</p>
<br> <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 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 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 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. <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> 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> <p>&nbsp;</p>
<br><br><br> <br><br><br>
@ -55,7 +55,7 @@
<p>&nbsp;</p> <p>&nbsp;</p>
<br> <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> <p>&nbsp;</p>
@ -73,9 +73,9 @@
<br> <br>
<h2>Nos partenaires</h2> <h2>Nos partenaires</h2>
<ul> <ul>
<li><img src="assets/img/Apple_logo_white.png" alt="Logo Apple" 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" width="320px" height="120px"></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" width="150px" height="150px"></li> <li><img src="assets/img/Huawei_logo.png" alt="Logo Huawei" class="logoH margin"></li>
</ul> </ul>
</div> </div>