Mise à jour de la page d'accueil
This commit is contained in:
parent
57282ec47b
commit
65ea69200b
@ -1,87 +1,43 @@
|
|||||||
|
.bande {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 25px;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bande img {
|
||||||
|
padding : 25px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bande ul {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bande li {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 700px) {
|
||||||
main{
|
main{
|
||||||
padding: 50px;
|
padding-bottom: 2%;
|
||||||
|
max-width: 1280px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
main h1 {
|
p {
|
||||||
padding: 20px;
|
padding-left: 5%;
|
||||||
font-size: 30px;
|
padding-right: 5%;
|
||||||
font-family: sans-serif;
|
padding-bottom: 2%;
|
||||||
}
|
}
|
||||||
|
|
||||||
main p {
|
.home {
|
||||||
font-size: 20px;
|
|
||||||
max-width: 1200px;
|
|
||||||
font-family:"system-ui";
|
|
||||||
font-family: sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
main a {
|
|
||||||
font-size: 20px;
|
|
||||||
color : #00E6FF;
|
|
||||||
font-family: sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bande {
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 25px;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.bande img {
|
|
||||||
padding : 25px;
|
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.bande ul {
|
@media screen and (max-width: 700px) {
|
||||||
display: inline-block;
|
.image{
|
||||||
}
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
.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;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Before Width: | Height: | Size: 150 KiB After Width: | Height: | Size: 150 KiB |
BIN
assets/img/schema_b2.png
Normal file
BIN
assets/img/schema_b2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
BIN
assets/img/tech2.jpg
Normal file
BIN
assets/img/tech2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
95
index.php
95
index.php
@ -23,68 +23,63 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</header>
|
</header>
|
||||||
<main>
|
<main>
|
||||||
<h1>Bienvenue chez EliteSolar !</h1>
|
<h1>Bienvenue chez Elite Solar !</h1><br>
|
||||||
|
|
||||||
<p> </p>
|
<div class="home">
|
||||||
<br>
|
<div class="image">
|
||||||
|
<img srcset="assets/img/schema_b2.png 273w, assets/img/schema_b.png 547w"
|
||||||
|
sizes="(max-width: 700px) 273px, 547px"
|
||||||
|
src="assets/img/shema_b.png" alt="schema">
|
||||||
|
</div>
|
||||||
|
|
||||||
<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
|
||||||
|
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
|
||||||
|
plus efficacement que jamais auparavant.</p>
|
||||||
|
|
||||||
<p>Nous sommes une entreprise innovante qui a créé une technologie nomé Solart Glass
|
<p>Avec notre technologie, vous pourrez économiser de l'argent et réduire votre empreinte
|
||||||
qui s'intègre dans l'écran des smartphones et qui permet grâce à l'énergie
|
environnementale. Nous sommes fiers de fournir des produits écologiques et
|
||||||
lumineuse de récupérer de l'énergie pour la batterie. Notre technologie
|
durables qui contribueront à créer un monde meilleur.</p>
|
||||||
révolutionnaire vous permettra de recharger votre téléphone plus rapidement et
|
|
||||||
plus efficacement que jamais auparavant.</p>
|
|
||||||
|
|
||||||
<p>Avec notre technologie, vous pourrez économiser de l'argent et réduire votre empreinte
|
<p>Cette technologie a été conçue pour être facile à utiliser et à configurer.
|
||||||
environnementale. Nous sommes fiers de fournir des produits écologiques et
|
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>
|
||||||
durables qui contribueront à créer un monde meilleur.</p>
|
|
||||||
|
|
||||||
<p>Cette technologie a été conçue pour être facile à utiliser et à configurer.
|
<div class="image">
|
||||||
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>
|
<img src="assets/img/schema.png" alt="schema">
|
||||||
|
</div>
|
||||||
|
|
||||||
<p><img src="assets/img/schema.png" alt="shema soleil oeil" class="image2"></p>
|
<p>Lorsque l'écran est exposé à la lumière du soleil ou à la lumière artificielle,
|
||||||
|
l'énergie est convertie en électricité.</p>
|
||||||
|
|
||||||
<p> </p>
|
<div class="image">
|
||||||
<br><br><br>
|
<img srcset="assets/img/tech2.jpg 320w, assets/img/tech.jpg 800w"
|
||||||
|
sizes="(max-width: 700px) 320px, 800px"
|
||||||
|
src="assets/img/tech.jpg" alt="image environnement">
|
||||||
|
</div>
|
||||||
|
|
||||||
<p>Lorsque l'écran est exposé à la lumière du soleil ou à la lumière artificielle,
|
<p>Notre technologie est écologique, économique et durable. Nous sommes fiers de vous
|
||||||
l'énergie est convertie en électricité.
|
offrir une technologie qui aidera à réduire la consommation d'énergie et à
|
||||||
</p>
|
améliorer la durée de vie de votre téléphone portable.</p>
|
||||||
|
|
||||||
<p> </p>
|
<p>Avec cette technologie innovante et écologique, EliteSolar offre aux utilisateurs une expérience qui est à la fois pratique et durable.</p>
|
||||||
<br>
|
|
||||||
|
|
||||||
<p><img src="assets/img/tech.jpg" alt="image environnement" class="image3"></p>
|
<p>Nous commercialisons notre technologie Solar Glass à des entreprises partenaires, qui sont nos clients, afin qu'ils puissent l'intégrer dans leurs produits. Ces derniers vont pouvoir installer Solar Glass dans l'écran de leurs appareils éléctroniques.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
<p> </p>
|
<div class="bande">
|
||||||
|
<h2>Nos partenaires</h2>
|
||||||
|
<ul>
|
||||||
|
<li><img src="assets/img/Apple_logo_white.png" alt="Apple" width="150" height="150"></li>
|
||||||
|
<li><img src="assets/img/Samsung_Logo.png" alt="Samsung" width="320" height="120"></li>
|
||||||
|
<li><img src="assets/img/Huawei_logo.png" alt="Huawei" width="150" height="150"></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
<p>Notre technologie est écologique, économique et durable. Nous sommes fiers de vous
|
<div class="home">
|
||||||
offrir une technologie qui aidera à réduire la consommation d'énergie et à
|
<p>Nous sommes impatients de vous aider à profiter de notre technologie innovante et de vous offrir un service de qualité. N'hésitez pas à nous <a href="contact/index.php">contacter</a> pour en savoir plus sur notre produit et comment il peut vous aider.</p>
|
||||||
améliorer la durée de vie de votre téléphone portable.</p>
|
</div>
|
||||||
<p>Avec cette technologie innovante et écologique, EliteSolar offre aux utilisateurs une expérience qui est à la fois pratique et durable. </p>
|
</main>
|
||||||
|
|
||||||
<p> </p>
|
|
||||||
<br>
|
|
||||||
|
|
||||||
<p>Nous commercialisons notre technologie Solar Glass à des entreprises partenaires, qui sont nos clients, afin qu'ils puissent l'intégrer dans leurs produits. Ces derniers vont pouvoir installer Solar Glass dans l'écran de leurs appareils éléctroniques.</p>
|
|
||||||
|
|
||||||
<div class="bande">
|
|
||||||
<br>
|
|
||||||
<h2>Nos partenaires</h2>
|
|
||||||
<ul>
|
|
||||||
<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>
|
|
||||||
|
|
||||||
<br><br><br>
|
|
||||||
<p>Nous sommes impatients de vous aider à profiter de notre technologie innovante et de
|
|
||||||
vous offrir un service de qualité. N'hésitez pas à nous <a href="contact/index.php">contacter</a> pour en
|
|
||||||
savoir plus sur notre produit et comment il peut vous aider.</p>
|
|
||||||
|
|
||||||
</main>
|
|
||||||
<footer>
|
<footer>
|
||||||
<div id="social">
|
<div id="social">
|
||||||
<p>Suivez-Nous</p>
|
<p>Suivez-Nous</p>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user