mirror of
https://github.com/BreizhHardware/Physique-Supercondo.git
synced 2026-01-18 16:27:23 +01:00
139 lines
4.3 KiB
HTML
139 lines
4.3 KiB
HTML
<!DOCTYPE HTML>
|
||
<html>
|
||
<head>
|
||
<title>Les supercondensateurs</title>
|
||
<link rel="icon" type="image/png" href="images/favicon.png"
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||
<link rel="stylesheet" href="assets/css/main.css" />
|
||
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
|
||
</head>
|
||
<body class="is-preload">
|
||
|
||
<!-- Sidebar -->
|
||
<section id="sidebar">
|
||
<div class="inner">
|
||
<nav>
|
||
<ul>
|
||
<li><a href="#intro">Bienvenue</a></li>
|
||
<li><a href="#one">Fonctionnment</a></li>
|
||
<li><a href="#two">Les avantages et inconveniants</a></li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- Wrapper -->
|
||
<div id="wrapper">
|
||
|
||
<!-- Intro -->
|
||
<section id="intro" class="wrapper style1 fullscreen fade-up">
|
||
<div class="inner">
|
||
<h1>Les supercondensateurs</h1>
|
||
<p>Supercondensateur: type de condensateur particulier, plus puissant. <br>
|
||
= permet de stocker une grande quantité d’énergie et de la libérer très rapidement. <br>
|
||
Constituants: 2 surfaces conductrices et un isolant.</a><br/>
|
||
</a></p>
|
||
<ul class="actions">
|
||
<li><a href="#one" class="button scrolly">Suivant</a></li>
|
||
</ul>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- One -->
|
||
<section id="one" class="wrapper style2 spotlights">
|
||
<section>
|
||
<a class="image"><img src="images/black.jpg" /></a>
|
||
<div class="content">
|
||
<div class="inner">
|
||
<h2>Comment ça marche ?</h2>
|
||
<p><img src="images/charge_circuit.jpg" alt="" data-position="top center" /><br>
|
||
<ul class="actions">
|
||
<li><a href="#bus" class="button scrolly">Exemple:</a></li>
|
||
</ul>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section id="bus">
|
||
<a class="image"><img src="images/Bus-charge.jpg" alt="" data-position="top center" /></a>
|
||
<div class="content">
|
||
<div class="inner">
|
||
<h2>Un exemple</h2>
|
||
<img src="images/supercondobus.png"/> <br>
|
||
<ul class="actions">
|
||
<li><a href="#two" class="button scrolly">Suivant</a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
</section>
|
||
</section>
|
||
|
||
<!-- Two -->
|
||
<section id="two" class="wrapper style2-eco spotlights">
|
||
<section>
|
||
<a class="image"><img src="images/Euro-convergence.png" alt="" data-position="center center" /></a>
|
||
<div class="content">
|
||
<div class="inner">
|
||
<h2>Les avantages et inconveniants</h2>
|
||
<p></p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section>
|
||
<a class="image"><img src="images/avantages.png" alt="" data-position="center center" /></a>
|
||
<div class="content">
|
||
<div class="inner">
|
||
<h2>Les avantages</h2>
|
||
<p>- durée de vie <br>
|
||
- impact écologique moindre <br>
|
||
- 15 fois moins chère qu'il y a 10 ans <br>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section>
|
||
<a class="image"><img src="images/inconvenients.png" alt="" data-position="center center" /></a>
|
||
<div class="content">
|
||
<div class="inner">
|
||
<h2>Les inconveniants</h2>
|
||
<p>- Energie massique 20 fois moins importante que pour celle des batteries lithium-ion <br>
|
||
- Contient du graphite qui est très poluants a extraire <br>
|
||
- Prix très élevé <br>
|
||
<img src="images/schem.png"/>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
</div>
|
||
|
||
<!-- Footer -->
|
||
|
||
<footer id="footer" class="wrapper style1-alt">
|
||
<div class="inner">
|
||
<ul class="menu">
|
||
<li>© BreizhHardware (Félix MARQUET). All rights reserved. Powered by Github pages</li>
|
||
<li><a href="https://github.com/BreizhHardware">https://github.com/BreizhHardware</a></li>
|
||
<li>En avant Guingamp</li>
|
||
</ul>
|
||
</div>
|
||
</footer>
|
||
|
||
<!-- Scripts -->
|
||
|
||
<script src="assets/js/jquery.min.js"></script>
|
||
<script src="assets/js/jquery.scrollex.min.js"></script>
|
||
<script src="assets/js/jquery.scrolly.min.js"></script>
|
||
<script src="assets/js/browser.min.js"></script>
|
||
<script src="assets/js/breakpoints.min.js"></script>
|
||
<script src="assets/js/util.js"></script>
|
||
<script src="assets/js/main.js"></script>
|
||
|
||
</body>
|
||
</html> |