ajout photos + début contenu acceuil

This commit is contained in:
Romain JOURNEAU 2023-01-13 17:44:57 +01:00
parent bdc975e8f9
commit 3a4329da63
9 changed files with 109 additions and 1 deletions

View File

@ -2,5 +2,10 @@ h1 {
text-align: center;
}
main p{
max-width: 1000px;
}

40
assets/css/home.css Normal file
View File

@ -0,0 +1,40 @@
main{
padding: 80px;
}
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;
}
.bande ul {
display: inline-block
}
.bande li {
display: inline
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

BIN
assets/img/Huawei_logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.9 KiB

BIN
assets/img/Samsung_Logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

BIN
assets/img/schema.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

BIN
assets/img/shema_b.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 150 KiB

BIN
assets/img/tech.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 118 KiB

View File

@ -7,6 +7,7 @@
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/header.css">
<link rel="stylesheet" href="assets/css/footer.css">
<link rel="stylesheet" href="assets/css/home.css">
<script src="assets/js/header.js"></script>
</head>
<body>
@ -21,7 +22,69 @@
<li><a href="faq">FAQ</a></li>
</ul>
</header>
<main></main>
<main>
<h1>Bienvenue chez EliteSolar !</h1>
<p>&nbsp;</p>
<br>
<p><img width="283" height="207" src="assets/img/shema_b.png" alt="shema bleu decomposer" align="left" hspace="30"></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>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>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><img width="380" height="280" src="assets/img/schema.png" alt="shema soleil oeil" align="right" hspace="30"></p>
<p>&nbsp;</p>
<br><br><br>
<p>Lorsque l'écran est exposé à la lumière du soleil ou à la lumière artificielle,
l'énergie est convertie en électricité.
</p>
<p>&nbsp;</p>
<br>
<p><img width="293" height="179" src="assets/img/tech.jpg" align="left" hspace="30" alt="image environnement"></p>
<p>&nbsp;</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>&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" width="150px" height="150px"></li>
<li><img src="assets/img/Samsung_Logo.png" alt="Logo Samsung" width="320px" height="120px"></li>
<li><img src="assets/img/Huawei_logo.png" alt="Logo Huawei" width="150px" height="150px"></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">contacter</a> pour en
savoir plus sur notre produit et comment il peut vous aider.</p>
</main>
<footer>
<div id="social">
<p>Suivez-Nous</p>