modif image css
This commit is contained in:
parent
337d7a2b5c
commit
7b6a56fa50
@ -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;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
12
index.php
12
index.php
@ -28,7 +28,7 @@
|
|||||||
<p> </p>
|
<p> </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> </p>
|
<p> </p>
|
||||||
<br><br><br>
|
<br><br><br>
|
||||||
@ -55,7 +55,7 @@
|
|||||||
<p> </p>
|
<p> </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> </p>
|
<p> </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>
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user