Mise à jour de la page d'accueil

This commit is contained in:
Tom MOGULJAK 2023-01-17 23:17:32 +01:00
parent 57282ec47b
commit 65ea69200b
5 changed files with 84 additions and 133 deletions

View File

@ -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 {
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;
font-size: 25px;
font-weight: bold;
}
.bande img {
padding : 25px;
} }
.bande ul { .home {
display: inline-block; text-align: center;
} }
}
.bande li { @media screen and (max-width: 700px) {
display: inline; .image{
} display: flex;
justify-content: center;
.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

Before

Width:  |  Height:  |  Size: 150 KiB

After

Width:  |  Height:  |  Size: 150 KiB

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

103
index.php
View File

@ -23,68 +23,63 @@
</ul> </ul>
</header> </header>
<main> <main>
<h1>Bienvenue chez EliteSolar !</h1> <h1>Bienvenue chez Elite Solar !</h1><br>
<p>&nbsp;</p> <div class="home">
<br> <div class="image">
<img srcset="assets/img/schema_b2.png 273w, assets/img/schema_b.png 547w"
<p><img src="assets/img/shema_b.png" alt="shema bleu decomposer" class="image1"></p> sizes="(max-width: 700px) 273px, 547px"
src="assets/img/shema_b.png" alt="schema">
<p>Nous sommes une entreprise innovante qui a créé une technologie nomé Solart Glass </div>
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>Avec notre technologie, vous pourrez économiser de l'argent et réduire votre empreinte <p>Nous sommes une entreprise innovante qui a créé une technologie nomé Solart Glass
environnementale. Nous sommes fiers de fournir des produits écologiques et qui s'intègre dans l'écran des smartphones et qui permet grâce à l'énergie
durables qui contribueront à créer un monde meilleur.</p> 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>Cette technologie a été conçue pour être facile à utiliser et à configurer. <p>Avec notre technologie, vous pourrez économiser de l'argent et réduire votre empreinte
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> environnementale. Nous sommes fiers de fournir des produits écologiques et
durables qui contribueront à créer un monde meilleur.</p>
<p><img src="assets/img/schema.png" alt="shema soleil oeil" class="image2"></p> <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>&nbsp;</p> <div class="image">
<br><br><br> <img src="assets/img/schema.png" alt="schema">
</div>
<p>Lorsque l'écran est exposé à la lumière du soleil ou à la lumière artificielle, <p>Lorsque l'écran est exposé à la lumière du soleil ou à la lumière artificielle,
l'énergie est convertie en électricité. l'énergie est convertie en électricité.</p>
</p>
<p>&nbsp;</p> <div class="image">
<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><img src="assets/img/tech.jpg" alt="image environnement" class="image3"></p> <p>Notre technologie est écologique, économique et durable. Nous sommes fiers de vous
offrir une technologie qui aidera à réduire la consommation d'énergie et à
améliorer la durée de vie de votre téléphone portable.</p>
<p>Avec cette technologie innovante et écologique, EliteSolar offre aux utilisateurs une expérience qui est à la fois pratique et durable.</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>
<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>&nbsp;</p> <div class="home">
<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>
<p>Notre technologie est écologique, économique et durable. Nous sommes fiers de vous </div>
offrir une technologie qui aidera à réduire la consommation d'énergie et à </main>
améliorer la durée de vie de votre téléphone portable.</p>
<p>Avec cette technologie innovante et écologique, EliteSolar offre aux utilisateurs une expérience qui est à la fois pratique et durable. </p>
<p>&nbsp;</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>
@ -117,4 +112,4 @@
<p id="copyright">© <?= date("Y") ?> Elite Solar. Créé par Lyanis Souidi, Tom Moguljak et Romain Journeau.</p> <p id="copyright">© <?= date("Y") ?> Elite Solar. Créé par Lyanis Souidi, Tom Moguljak et Romain Journeau.</p>
</footer> </footer>
</body> </body>
</html> </html>