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{
|
||||
padding: 50px;
|
||||
padding-bottom: 2%;
|
||||
max-width: 1280px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
main h1 {
|
||||
padding: 20px;
|
||||
font-size: 30px;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
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;
|
||||
p {
|
||||
padding-left: 5%;
|
||||
padding-right: 5%;
|
||||
padding-bottom: 2%;
|
||||
}
|
||||
|
||||
.bande ul {
|
||||
display: inline-block;
|
||||
.home {
|
||||
text-align: 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;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@media screen and (max-width: 700px) {
|
||||
.image{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
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 |
103
index.php
103
index.php
@ -23,68 +23,63 @@
|
||||
</ul>
|
||||
</header>
|
||||
<main>
|
||||
<h1>Bienvenue chez EliteSolar !</h1>
|
||||
<h1>Bienvenue chez Elite Solar !</h1><br>
|
||||
|
||||
<p> </p>
|
||||
<br>
|
||||
|
||||
<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>
|
||||
<div class="home">
|
||||
<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>Avec notre technologie, vous pourrez économiser de l'argent et réduire votre empreinte
|
||||
environnementale. Nous sommes fiers de fournir des produits écologiques et
|
||||
durables qui contribueront à créer un monde meilleur.</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>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>Avec notre technologie, vous pourrez économiser de l'argent et réduire votre empreinte
|
||||
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> </p>
|
||||
<br><br><br>
|
||||
<div class="image">
|
||||
<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,
|
||||
l'énergie est convertie en électricité.
|
||||
</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>
|
||||
<br>
|
||||
<div class="image">
|
||||
<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> </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> </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>
|
||||
<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>
|
||||
</div>
|
||||
</main>
|
||||
<footer>
|
||||
<div id="social">
|
||||
<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>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user