307 lines
21 KiB
HTML
307 lines
21 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="fr">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<link rel="icon" href="images/F4vicon.ico">
|
||
<link rel="stylesheet" href="css/style.css">
|
||
<script src="js/script.js"></script>
|
||
<title>Histoire de DE</title>
|
||
</head>
|
||
|
||
<body>
|
||
<nav>
|
||
<a href="index.html" class="boutonAccueil"><img src="images/LogoALT-F4_Nav.svg" alt="ALT-F4"></a>
|
||
|
||
<ul>
|
||
<li><a href="aPropos.html">À propos</a></li>
|
||
<li><a href="team.html">L'équipe</a></li>
|
||
<li><a href="histoire.html">Histoire de DE</a></li>
|
||
<li><a href="lore.html">Univers Sci-fi</a></li>
|
||
<li><a href="missions.html">Missions</a></li>
|
||
<li><a href="warframes.html">Warframes</a></li>
|
||
</ul>
|
||
</nav>
|
||
|
||
<main class="histoire">
|
||
<header class="introduction">
|
||
<div class="introduction">
|
||
<h1>L'histoire de Digital Extremes</h1>
|
||
<p>Plonger dans l'histoire fascinante de Digital Extremes</p>
|
||
<a href="#goToTitre"><button>Plus d'infos</button></a>
|
||
</div>
|
||
</header>
|
||
|
||
<div class="titre" id="goToTitre">
|
||
<h2>La face cachée de Warframe</h2>
|
||
</div>
|
||
|
||
<div class="grilleGauche">
|
||
<div class="image"><img src="images/imagesDE/DELogo-WhiteOnBlueRGB.png" alt="Logo de Digital Extremes"></div>
|
||
<div class="soustitre">
|
||
<h3>Histoire du fondateur</h3>
|
||
</div>
|
||
<div class="description">
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
<br>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
<br>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="grilleDroite">
|
||
<div class="image"><img src="images/imagesDE/temporaire.webp" alt="Image temporaire"></div>
|
||
<div class="soustitre">
|
||
<h3>Collaboration avec Epic Games</h3>
|
||
</div>
|
||
<div class="description">
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
<br>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
<br>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="grilleGauche">
|
||
<div class="image"><img src="images/imagesDE/temporaire.webp" alt="Image temporaire"></div>
|
||
<div class="soustitre">
|
||
<h3>Publication d’un jeu sous l’éditeur Epic Games</h3>
|
||
</div>
|
||
<div class="description">
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
<br>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
<br>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="grilleDroite">
|
||
<div class="image"><img src="images/imagesDE/temporaire.webp" alt="Image temporaire"></div>
|
||
<div class="soustitre">
|
||
<h3>Dark Sector</h3>
|
||
</div>
|
||
<div class="description">
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
<br>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
<br>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="grilleGauche">
|
||
<div class="image"><img src="images/imagesDE/temporaire.webp" alt="Image temporaire"></div>
|
||
<div class="soustitre">
|
||
<h3>Passage au <em>Free-to-Play</em></h3>
|
||
</div>
|
||
<div class="description">
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
<br>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
<br>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="grilleDroite">
|
||
<div class="image"><img src="images/imagesDE/temporaire.webp" alt="Image temporaire"></div>
|
||
<div class="soustitre">
|
||
<h3>Création de Warframe</h3>
|
||
</div>
|
||
<div class="description">
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
<br>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
<br>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="grilleGauche">
|
||
<div class="image"><img src="images/imagesDE/temporaire.webp" alt="Image temporaire"></div>
|
||
<div class="soustitre">
|
||
<h3>L’objectif</h3>
|
||
</div>
|
||
<div class="description">
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
<br>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
<br>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="grilleDroite">
|
||
<div class="image"><img src="images/imagesDE/temporaire.webp" alt="Image temporaire"></div>
|
||
<div class="soustitre">
|
||
<h3>Les secrets</h3>
|
||
</div>
|
||
<div class="description">
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
<br>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
<br>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="grilleGauche">
|
||
<div class="image"><img src="images/imagesDE/temporaire.webp" alt="Image temporaire"></div>
|
||
<div class="soustitre">
|
||
<h3>L’évolution</h3>
|
||
</div>
|
||
<div class="description">
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
<br>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
<br>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="grilleDroite">
|
||
<div class="image"><img src="images/imagesDE/temporaire.webp" alt="Image temporaire"></div>
|
||
<div class="soustitre">
|
||
<h3>Coming soon...</h3>
|
||
</div>
|
||
<div class="description">
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
<br>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
<br>
|
||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
|
||
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
|
||
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
|
||
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
|
||
culpa qui officia deserunt mollit anim id est laborum.</p>
|
||
</div>
|
||
</div>
|
||
</main>
|
||
|
||
<footer>
|
||
<p>© Jérémy Hébert. Tout droits réservés. <br> Novembre 2025 <br> Page créée par Les Alt-F4</p>
|
||
<p id="updateDate">DATE_WEBSITE</p>
|
||
</footer>
|
||
</body>
|
||
|
||
</html> |