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,7 +28,7 @@
<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
@ -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>