chassagnol.b
3 years ago
17 changed files with 919 additions and 0 deletions
@ -0,0 +1,35 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="fr"> |
||||
|
<head> |
||||
|
<title>La Formule 1</title> |
||||
|
<meta charset="utf-8"> |
||||
|
<link href="stylepage.css" rel="stylesheet"> |
||||
|
</head> |
||||
|
|
||||
|
<body> |
||||
|
<div id="bloc_page"> |
||||
|
|
||||
|
<header> |
||||
|
<h1>La formule 1</h1> |
||||
|
<nav> |
||||
|
<ul> |
||||
|
<li> <a href="Site web.html">Accueil</a> </li> |
||||
|
<li> <a href="lesécuries.html">Les écuries</a> </li> |
||||
|
<li> <a href="lesrecords.html">Les records</a> </li> |
||||
|
<li> <a href="Classement.html">Classements</a> </li> |
||||
|
</ul> |
||||
|
</nav> |
||||
|
<div class="imageF"> |
||||
|
<img src="logo.jpg" alt="Logo" width="229" height="57"> |
||||
|
</div> |
||||
|
</header> |
||||
|
<articlec> |
||||
|
|
||||
|
<iframe id="classement" |
||||
|
title="ClassementF1" |
||||
|
|
||||
|
src="https://www.eurosport.fr/formule-1/championnat-du-monde-1/standing.shtml"> |
||||
|
</iframe> |
||||
|
</articlec> |
||||
|
</body> |
||||
|
</html> |
||||
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
|
After Width: | Height: | Size: 452 KiB |
|
After Width: | Height: | Size: 396 KiB |
|
After Width: | Height: | Size: 60 KiB |
|
After Width: | Height: | Size: 2.0 MiB |
@ -0,0 +1,81 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="fr"> |
||||
|
<head> |
||||
|
<title>La Formule 1</title> |
||||
|
<meta charset="utf-8"> |
||||
|
<link href="stylepage.css" rel="stylesheet"> |
||||
|
</head> |
||||
|
|
||||
|
<body> |
||||
|
<div id="bloc_page"> |
||||
|
|
||||
|
<header> |
||||
|
<h1>La formule 1</h1> |
||||
|
<nav> |
||||
|
<ul> |
||||
|
<li> <a href="Site web.html">Accueil</a> </li> |
||||
|
<li> <a href="lesécuries.html">Les écuries</a> </li> |
||||
|
<li> <a href="lesrecords.html">Les records</a> </li> |
||||
|
<li> <a href="Classement.html">Classements</a> </li> |
||||
|
</ul> |
||||
|
</nav> |
||||
|
<div class="imageF"> |
||||
|
<img src="logo.jpg" alt="Logo" width="229" height="57"> |
||||
|
</div> |
||||
|
</header> |
||||
|
<articlee> |
||||
|
|
||||
|
<text0><li>Une écurie de Formule 1 est l'ensemble de l'équipe engagée |
||||
|
dans le championnat du monde de Formule 1, elle englobe la partie technique (conception et construction de la voiture, logistique) et l'équipe sportive. |
||||
|
En sport mécanique, les écuries sont à distinguer des constructeurs. Toutefois depuis la saison 1983, constructeur et écurie de Formule |
||||
|
1 sont synonymes, chaque équipe développant leur propre châssis.</text0> |
||||
|
|
||||
|
</br><ecuries> |
||||
|
|
||||
|
<div class="mercedes"> |
||||
|
<a href="https://www.mercedes-benz.fr/passengercars/the-brand/f1/mercedes-amg-petronas-motorsport/drivers.module.html"><img src="mercedes.jpg" alt="mercedes" width="306" height="204"></a> |
||||
|
</div> |
||||
|
<text1>Mercedes Grand Prix est une écurie de Formule 1, appartenant au constructeur automobile allemand Mercedes-Benz qui a débuté en Formule 1 en tant que |
||||
|
constructeur en 1954 sous le nom Daimler-Benz AG. Mercedes a remporté neuf titres de champion du monde des pilotes en 1954 et 1955 avec Juan Manuel Fangio, |
||||
|
en 2014, 2015, 2017, 2018 , 2019 et 2020 avec Lewis Hamilton et en 2016 avec Nico Rosberg. L'avance prise par l'écurie allemande au début de l'ère des moteurs |
||||
|
turbo-hybrides en 2014 lui a permis de vivre une longue période |
||||
|
de domination.</text1> |
||||
|
|
||||
|
|
||||
|
<div class="Ferrari"> |
||||
|
<a href="https://www.ferrari.com/en-FR/formula1"><img src="images.jpg" alt="Ferrari" width="306" height="204"></a> |
||||
|
</div> |
||||
|
<text2>La Scuderia Ferrari fondée en 1929 par Enzo Ferrari, est depuis 1947 la branche chargée de l'engagement en compétition des voitures de la marque Ferrari. |
||||
|
De nos jours, la Scuderia Ferrari a exclusivement recentré son activité sur le championnat du monde de Formule 1, dont |
||||
|
elle est à la fois une pionnière et un pilier Parmi les nombreux champions qui ont piloté et rencontré le succès au volant des bolides rouges en Formule 1, |
||||
|
Michael Schumacher occupe une place à part puisque de 1996 à 2006, il s'impose 72 fois, remporte cinq titres mondiaux.</text2> |
||||
|
|
||||
|
<div class="mclaren"> |
||||
|
<a href="https://www.mclaren.com/racing/"><img src="mclaren.jpg" alt="mclaren" width="306" height="204"></a> |
||||
|
</div> |
||||
|
<text3>McLaren Racing, fondée en 1963 par Bruce McLaren sous le nom McLaren F1 Team en compétition est la branche de McLaren Group chargée de l'engagement en |
||||
|
compétition des voitures de la marque automobile britannique McLaren. L'écurie démarre en Formule 1 en 1966 avec son créateur au volant, ce qui en fait aujourd'hui |
||||
|
la plus ancienne équipe engagée en continu dans ce championnat après Ferrari.McLaren Racing vit ses plus belles années avec Alain Prost et Ayrton Senna, en remportant |
||||
|
six titres mondiaux des pilotes.</text3> |
||||
|
<div class="redbull"> |
||||
|
<a href="https://www.redbull.com/fr-fr/tags/f1"><img src="redbull.jpg" alt="redbull" width="306" height="204"></a> |
||||
|
</div> |
||||
|
<text4>Red Bull Racing (de son nom complet Red Bull Racing Limited) est une société britannique qui engage l'écurie Red Bull Racing et qui dispute le championnat du |
||||
|
monde de Formule 1 sous licence autrichienne depuis 2007.De 2010 à 2013, grâce à Mark Webber et Sebastian Vettel, Red Bull Racing remporte avec un moteur V8 Renault |
||||
|
quatre titres de champion du monde des constructeurs tandis que Sebastian Vettel est couronné quatre fois de suite chez les pilotes.</text4> |
||||
|
|
||||
|
<div class="williams"> |
||||
|
<a href="https://www.williamsf1.com/"><img src="williams.jpg" alt="williams" width="306" height="204"></a> |
||||
|
</div> |
||||
|
<text5>Williams Grand Prix Engineering est une écurie britannique de Formule 1, basée à Grove. Fondée en 1977 par Frank Williams et Patrick Head.L'équipe Williams |
||||
|
telle qu'elle existe aujourd'hui n'a vu le jour qu'en 1977 et a débuté en 1978. Avec ses 16 titres mondiaux acquis lors des années 1980 et 1990 (9 des constructeurs |
||||
|
et 7 des pilotes), 114 victoires et 128 pole positions, elle est l'une des plus prestigieuses écuries de l'histoire |
||||
|
de la Formule 1, mais elle n'a enregistré aucune victoire depuis le 13 mai 2012.</text5> |
||||
|
|
||||
|
<text6>Il existe 5 autre écuries toujours en activité: <a href="https://www.alpinecars.com/fr/racing/">Alpine</a>, <a href="https://www.scuderiaalphatauri.com/en/">Alpha tauri</a>, |
||||
|
<a href="https://www.haasf1team.com/">Haas</a>, <a href="https://www.astonmartin.com/fr/our-world/amf1">Aston Martin</a> et <a href="https://www.alfaromeo.fr/alfa-romeo-racing/alfa-romeo-racing-orlen-championnat-f1">Alfa Roméo</a>. Mais depuis 1950, il y a |
||||
|
eu plus d'une cinquantaine |
||||
|
d'écuries qui ont participé à un chamionnat de Formule 1.</text6> |
||||
|
|
||||
|
</ecuries> |
||||
|
</articlee> |
||||
@ -0,0 +1,239 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="fr"> |
||||
|
<head> |
||||
|
<title>La Formule 1</title> |
||||
|
<meta charset="utf-8"> |
||||
|
<link href="stylepage.css" rel="stylesheet"> |
||||
|
</head> |
||||
|
|
||||
|
<body> |
||||
|
<div id="bloc_page"> |
||||
|
|
||||
|
<header> |
||||
|
<h1>La formule 1</h1> |
||||
|
<nav> |
||||
|
<ul> |
||||
|
<li> <a href="Site web.html">Accueil</a> </li> |
||||
|
<li> <a href="lesécuries.html">Les écuries</a> </li> |
||||
|
<li> <a href="lesrecords.html">Les records</a> </li> |
||||
|
<li> <a href="Classement.html">Classements</a> </li> |
||||
|
</ul> |
||||
|
</nav> |
||||
|
<div class="imageF"> |
||||
|
<img src="logo.jpg" alt="Logo" width="229" height="57"> |
||||
|
</div> |
||||
|
</header> |
||||
|
<articler> |
||||
|
<texttab1><i>Plus grand nombre de participations et départs:</texttab1></i> |
||||
|
<table class="tableau1"> |
||||
|
|
||||
|
<thead> |
||||
|
<tr> |
||||
|
<th>Position</th> |
||||
|
<th>Pilote</th> |
||||
|
<th>Nationalité</th> |
||||
|
<th>Engagement</th> |
||||
|
<th>Départs</th> |
||||
|
</tr> |
||||
|
</thead> |
||||
|
|
||||
|
|
||||
|
<tbody> |
||||
|
<tr> |
||||
|
<td>#1</td> |
||||
|
<td>Kimi Raikkonen</td> |
||||
|
<td>Finlande</td> |
||||
|
<td>351</td> |
||||
|
<td>348</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>#2</td> |
||||
|
<td>Fernando Alonso</td> |
||||
|
<td>Espagne</td> |
||||
|
<td>335</td> |
||||
|
<td>332</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>#3</td> |
||||
|
<td>Rubens Barrichello</td> |
||||
|
<td>Brésil</td> |
||||
|
<td>326</td> |
||||
|
<td>323</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>#4</td> |
||||
|
<td>Michael Shumarer</td> |
||||
|
<td>Allemagne</td> |
||||
|
<td>308</td> |
||||
|
<td>307</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>#5</td> |
||||
|
<td>Jenson Button</td> |
||||
|
<td>Royaume Uni</td> |
||||
|
<td>311</td> |
||||
|
<td>306</td> |
||||
|
</tr> |
||||
|
</tbody> |
||||
|
|
||||
|
</table> |
||||
|
<texttab2><i>Records nombres de titres mondiaux:</texttab2></i> |
||||
|
<table class="tableau2"> |
||||
|
|
||||
|
<thead> |
||||
|
<tr> |
||||
|
<th>Position</th> |
||||
|
<th>Pilote</th> |
||||
|
<th>Nationalité</th> |
||||
|
<th>Titres</th> |
||||
|
<th>Saisons</th> |
||||
|
</tr> |
||||
|
</thead> |
||||
|
|
||||
|
|
||||
|
<tbody> |
||||
|
<tr> |
||||
|
<td>#1</td> |
||||
|
<td>Michael Shumarer</td> |
||||
|
<td>Allemagne</td> |
||||
|
<td>7</td> |
||||
|
<td>1994-1995-2000-2001-2002-2003-2004</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>#-</td> |
||||
|
<td>Lewis Hamilton</td> |
||||
|
<td>Royaume-Uni</td> |
||||
|
<td>7</td> |
||||
|
<td>2008-2014-2015-2017-2018-2019-2020</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>#3</td> |
||||
|
<td>Juan Manuel Fangio</td> |
||||
|
<td>Argentine</td> |
||||
|
<td>5</td> |
||||
|
<td>1951-1954-1955-1956-1957</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>#4</td> |
||||
|
<td>Alain Prost</td> |
||||
|
<td>France</td> |
||||
|
<td>4</td> |
||||
|
<td>1985-1986-1989-1993</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>#-</td> |
||||
|
<td>Sevastian Vettel</td> |
||||
|
<td>Allemagne</td> |
||||
|
<td>4</td> |
||||
|
<td>2010-2011-2012-2013</td> |
||||
|
</tr> |
||||
|
</tbody> |
||||
|
<texttab3><i>Plus grand nombre de victoires en Grand Prix:</texttab3></i> |
||||
|
<table class="tableau3"> |
||||
|
|
||||
|
<thead> |
||||
|
<tr> |
||||
|
<th>Position</th> |
||||
|
<th>Pilote</th> |
||||
|
<th>Nationalité</th> |
||||
|
<th>Victoires</th> |
||||
|
<th>Participations</th> |
||||
|
</tr> |
||||
|
</thead> |
||||
|
|
||||
|
|
||||
|
<tbody> |
||||
|
<tr> |
||||
|
<td>#1</td> |
||||
|
<td>Lewis Hamilton</td> |
||||
|
<td>Royaume-Uni</td> |
||||
|
<td>102</td> |
||||
|
<td>286</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>#2</td> |
||||
|
<td>Michael Shumarer</td> |
||||
|
<td>Allemagne</td> |
||||
|
<td>91</td> |
||||
|
<td>307</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>#3</td> |
||||
|
<td>Sevastian Vettel</td> |
||||
|
<td>Allemagne</td> |
||||
|
<td>53</td> |
||||
|
<td>277</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>#4</td> |
||||
|
<td>Alain Prost</td> |
||||
|
<td>France</td> |
||||
|
<td>51</td> |
||||
|
<td>199</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>#5</td> |
||||
|
<td>Ayrton Senna</td> |
||||
|
<td>Bresil</td> |
||||
|
<td>41</td> |
||||
|
<td>161</td> |
||||
|
</tr> |
||||
|
</tbody> |
||||
|
|
||||
|
</table> |
||||
|
<texttab4><i>Plus grand nombre de Pole positions en Grand Prix:</texttab4></i> |
||||
|
<table class="tableau4"> |
||||
|
|
||||
|
<thead> |
||||
|
<tr> |
||||
|
<th>Position</th> |
||||
|
<th>Pilote</th> |
||||
|
<th>Nationalité</th> |
||||
|
<th>Pole positions</th> |
||||
|
<th>Participations</th> |
||||
|
</tr> |
||||
|
</thead> |
||||
|
|
||||
|
|
||||
|
<tbody> |
||||
|
<tr> |
||||
|
<td>#1</td> |
||||
|
<td>Lewis Hamilton</td> |
||||
|
<td>Royaume-Uni</td> |
||||
|
<td>102</td> |
||||
|
<td>286</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>#2</td> |
||||
|
<td>Michael Shumarer</td> |
||||
|
<td>Allemagne</td> |
||||
|
<td>68</td> |
||||
|
<td>307</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>#3</td> |
||||
|
<td>Ayrton Senna</td> |
||||
|
<td>Brésil</td> |
||||
|
<td>65</td> |
||||
|
<td>162</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>#4</td> |
||||
|
<td>Sevastian Vettel</td> |
||||
|
<td>Allemagne</td> |
||||
|
<td>57</td> |
||||
|
<td>277</td> |
||||
|
</tr> |
||||
|
<tr> |
||||
|
<td>#5</td> |
||||
|
<td>Jim Clark</td> |
||||
|
<td>Royaume Uni</td> |
||||
|
<td>33</td> |
||||
|
<td>73</td> |
||||
|
</tr> |
||||
|
</tbody> |
||||
|
|
||||
|
</table> |
||||
|
</articler> |
||||
|
</body> |
||||
|
</html> |
||||
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 562 KiB |
|
After Width: | Height: | Size: 350 KiB |
|
After Width: | Height: | Size: 373 KiB |
|
After Width: | Height: | Size: 82 KiB |
@ -0,0 +1,96 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="fr"> |
||||
|
<head> |
||||
|
<title>La Formule 1</title> |
||||
|
<meta charset="utf-8"> |
||||
|
<link href="stylepage.css" rel="stylesheet"> |
||||
|
</head> |
||||
|
|
||||
|
<body> |
||||
|
<div id="bloc_page"> |
||||
|
|
||||
|
<header> |
||||
|
<h1>La formule 1</h1> |
||||
|
<nav> |
||||
|
<ul> |
||||
|
<li> <a href="Site web.html">Accueil</a> </li> |
||||
|
<li> <a href="lesécuries.html">Les écuries</a> </li> |
||||
|
<li> <a href="lesrecords.html">Les records</a> </li> |
||||
|
<li> <a href="Classement.html">Classements</a> </li> |
||||
|
</ul> |
||||
|
</nav> |
||||
|
<div class="imageF"> |
||||
|
<img src="logo.jpg" alt="Logo" width="229" height="57"> |
||||
|
</div> |
||||
|
</header> |
||||
|
|
||||
|
<image> |
||||
|
<div class="imageD"> |
||||
|
<img src="images.jpg" alt="Ferrari" width="550" height="275"> |
||||
|
</div> |
||||
|
<div class="imageE"> |
||||
|
<img src="pilotes.png" alt="Pilotes" width="550" height="275"> |
||||
|
</div> |
||||
|
</image> |
||||
|
|
||||
|
|
||||
|
<article> |
||||
|
<h2>Pour connaitre les bases en F1</h2> |
||||
|
<p>La F1 pour Formule 1, est une discipline de |
||||
|
sport </br>automobile considérée comme la catégorie reine de </br>ce sport. |
||||
|
Elle a pris au fil des ans une dimension </br>mondiale et elle est l'un des |
||||
|
événements sportifs les </br>plus médiatisés.Chaque année depuis 1950, |
||||
|
un </br>championnat mondial des pilotes est organisé avec </br>un championnat |
||||
|
mondial des constructeurs </br>automobiles. La compétition est basée |
||||
|
sur des</br> Grands Prix, courses à bord de |
||||
|
voitures monoplaces </br>disputées sur circuits routiers fermés permanents</br> |
||||
|
mais parfois tracés en ville et temporaires, comme </br>à Monaco et Singapour!</p> |
||||
|
|
||||
|
|
||||
|
</article> |
||||
|
|
||||
|
<footer class="baspage"> |
||||
|
Copyright © 2021 La formule 1 bruno<br> |
||||
|
<a href="mailto:bruno@chassagnol.com">bruno@chassagnol.com</a> |
||||
|
</footer> |
||||
|
<actu> |
||||
|
<h2>À LA UNE:</h2> |
||||
|
<article1> |
||||
|
<div class="image1"> |
||||
|
|
||||
|
|
||||
|
<a href="https://f1only.fr/alpine-f1-news-2021-laurent-rossi/"><img src="alpine.jpg" alt="Alpine" width="204" height="136"></br>Alpine se laisse 100 courses </br>pour atteindre le sommet en F1</a> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
<div class="image2"> |
||||
|
|
||||
|
<li2> |
||||
|
<a href="https://www.eurosport.fr/formule-1/grand-prix-du-bresil/2021/grand-prix-de-sao-paulo-bresil-hamilton-j-ai-toujours-pense-que-je-pouvais-faire-quelque-chose-de-gr_sto8628718/story.shtml"><img src="hamilton.jpg" alt="Hamilton" width="204" height="136"></br>Hamilton gagne au brésil </br>et rend hommage à Senna</a> |
||||
|
<li2> |
||||
|
</div> |
||||
|
<div class="image3"> |
||||
|
|
||||
|
<li3> |
||||
|
<a href="https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=&cad=rja&uact=8&ved=2ahUKEwimuKy-8pn0AhUrAGMBHa4wD-sQ0PADKAB6BAgPEAE&url=https%3A%2F%2Fwww.f1actu.com%2Fprogramme-et-horaires-du-grand-prix-du-qatar-de-formule-1%2F&usg=AOvVaw1Y3R4-mYbfdYeiDZLoHO7D"><img src="GPqatar.jpg" alt="GPqatar" width="204" height="136"></br>Horaires Grand Prix Qatar </br>de Formule 1</a> |
||||
|
<li3> |
||||
|
</div> |
||||
|
<div class="image4"> |
||||
|
|
||||
|
<li4> |
||||
|
<a href="https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=&cad=rja&uact=8&ved=2ahUKEwidpOju9Jn0AhU-AWMBHanuBT8Q0PADKAB6BAgIEAE&url=https%3A%2F%2Ff1only.fr%2Fverstappen-penalite-gp-bressil-drs-f1%2F&usg=AOvVaw0ensVgGBGmUy3Hp5bYjEzL"><img src="Verstappen.jpg" alt="Verstappen" width="204" height="136"></br>Officiel : 50 000€ d’amende </br>pour Verstappen au Brésil</a> |
||||
|
<li4> |
||||
|
|
||||
|
</div> |
||||
|
<div class="GIF"> |
||||
|
<video width="364" height="204" muted autoplay loop> |
||||
|
|
||||
|
<source src="GIF.mp4" type=video/mp4> |
||||
|
</video> |
||||
|
</div> |
||||
|
</article1> |
||||
|
</actu> |
||||
|
|
||||
|
</div> |
||||
|
</body> |
||||
|
</html> |
||||
@ -0,0 +1,468 @@ |
|||||
|
|
||||
|
body |
||||
|
{ |
||||
|
margin: 0; |
||||
|
font-size: 1.1em; |
||||
|
background-color:rgba(117,213,243,0.3); |
||||
|
width:0%; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
header |
||||
|
{ |
||||
|
background-color:black; |
||||
|
background-repeat: no-repeat; |
||||
|
position: absolute; |
||||
|
background-size: 100% 100%; |
||||
|
width: 100%; |
||||
|
|
||||
|
|
||||
|
} |
||||
|
|
||||
|
header h1 |
||||
|
{ |
||||
|
font-family: ; |
||||
|
text-align: left: 10px; |
||||
|
color:white; |
||||
|
font-family: Segoe UI; |
||||
|
font-size: 2.4em; |
||||
|
text-shadow: 0px 2px 2px white; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
header nav |
||||
|
{ |
||||
|
font-size : 2em; |
||||
|
position: absolute; |
||||
|
top: 42px; |
||||
|
left: 350px; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
header nav ul |
||||
|
{ |
||||
|
list-style-type: none; |
||||
|
margin: 0px; |
||||
|
font-style : italic; |
||||
|
} |
||||
|
.imageF |
||||
|
{ |
||||
|
display:block; |
||||
|
margin:0px; |
||||
|
position: absolute; |
||||
|
top: 35px; |
||||
|
right: 20px; |
||||
|
} |
||||
|
header nav li |
||||
|
{ |
||||
|
display: inline-block; |
||||
|
margin-right: 20px; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
nav a { text-decoration: none; opacity: 1; } |
||||
|
nav a:link { color: white; } |
||||
|
nav a:visited { color: white; } |
||||
|
nav a:hover { color: red; } |
||||
|
|
||||
|
|
||||
|
|
||||
|
article |
||||
|
{ |
||||
|
|
||||
|
background-color:background-color:rgba(117,213,243,0.3); |
||||
|
text-align: center; |
||||
|
position: absolute; |
||||
|
top: 120px; |
||||
|
left: 600px; |
||||
|
font-family: Segoe UI; |
||||
|
} |
||||
|
|
||||
|
article h2 |
||||
|
{ |
||||
|
text-align: center; |
||||
|
} |
||||
|
actu |
||||
|
{ |
||||
|
position: absolute; |
||||
|
top: 450px; |
||||
|
left: 20px; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.imageD |
||||
|
{ |
||||
|
|
||||
|
position: absolute; |
||||
|
top: 150px; |
||||
|
left: 20px; |
||||
|
box-shadow: 0 5px 25px rgba(0,0,0,0.55); |
||||
|
} |
||||
|
.imageE |
||||
|
{ |
||||
|
|
||||
|
|
||||
|
position: absolute; |
||||
|
top: 150px; |
||||
|
left:1050px; |
||||
|
box-shadow: 0 5px 25px rgba(0,0,0,0.55); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
#contact |
||||
|
{ |
||||
|
text-align: center; |
||||
|
font-size:4em; |
||||
|
margin-top : 700pt; |
||||
|
} |
||||
|
footer |
||||
|
{ |
||||
|
clear:both; |
||||
|
text-align: center; |
||||
|
font-size: 70%; |
||||
|
font-style: italic; |
||||
|
margin-top: 600pt; |
||||
|
margin-right: -1200pt; |
||||
|
} |
||||
|
.image1 |
||||
|
{ |
||||
|
position: absolute; |
||||
|
top: 78px; |
||||
|
left:25px; |
||||
|
} |
||||
|
article1 |
||||
|
{ |
||||
|
padding-right:1250px |
||||
|
} |
||||
|
|
||||
|
li2 a |
||||
|
{ |
||||
|
position: absolute; |
||||
|
right: 730px; |
||||
|
top: 78px; |
||||
|
} |
||||
|
|
||||
|
li3 a |
||||
|
{ |
||||
|
position: absolute; |
||||
|
right: 450px; |
||||
|
top: 78px; |
||||
|
} |
||||
|
|
||||
|
li4 a |
||||
|
{ |
||||
|
position: absolute; |
||||
|
right: 150px; |
||||
|
top: 78px; |
||||
|
} |
||||
|
.GIF{ |
||||
|
position:absolute; |
||||
|
right:-300px; |
||||
|
border: 4px solid black; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.image1:hover{ |
||||
|
|
||||
|
-ms-transform: scale(1.2) translate(10px); |
||||
|
-webkit-transform: scale(1.2) translate(10px); |
||||
|
transform: scale(1.2) translate(10px); |
||||
|
color: red; |
||||
|
} |
||||
|
li2 a:hover{ |
||||
|
color: red; |
||||
|
-ms-transform: scale(1.2) translate(10px); |
||||
|
-webkit-transform: scale(1.2) translate(10px); |
||||
|
transform: scale(1.2) translate(10px); |
||||
|
} |
||||
|
li3 a:hover{ |
||||
|
color: red; |
||||
|
-ms-transform: scale(1.2) translate(10px); |
||||
|
-webkit-transform: scale(1.2) translate(10px); |
||||
|
transform: scale(1.2) translate(10px); |
||||
|
} |
||||
|
li4 a:hover{ |
||||
|
color: red; |
||||
|
-ms-transform: scale(1.2) translate(10px); |
||||
|
-webkit-transform: scale(1.2) translate(10px); |
||||
|
transform: scale(1.2) translate(10px); |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
text0 |
||||
|
{ |
||||
|
position:absolute; |
||||
|
top: 141px; |
||||
|
left: 20px; |
||||
|
font-size : 1.7em; |
||||
|
font-family: Arial, sans-serif; |
||||
|
font-weight: bold; |
||||
|
|
||||
|
|
||||
|
} |
||||
|
.mercedes |
||||
|
{ |
||||
|
position:absolute; |
||||
|
top: 210px; |
||||
|
left: 0px; |
||||
|
box-shadow: 0 5px 25px rgba(0,0,0,0.55); |
||||
|
|
||||
|
} |
||||
|
.mercedes:hover { |
||||
|
opacity: .4; |
||||
|
|
||||
|
} |
||||
|
text1 |
||||
|
{ |
||||
|
position:absolute; |
||||
|
top: 210px; |
||||
|
left: 340px; |
||||
|
border: 3px solid black; |
||||
|
padding: 5px; |
||||
|
} |
||||
|
ecuries |
||||
|
{ |
||||
|
|
||||
|
font-size : 1em; |
||||
|
font-family: Times, Times New Roman, serif; |
||||
|
font-weight: normal; |
||||
|
} |
||||
|
.Ferrari |
||||
|
{ |
||||
|
position:absolute; |
||||
|
top: 470px; |
||||
|
right: 0px; |
||||
|
box-shadow: 0 5px 25px rgba(0,0,0,0.55); |
||||
|
} |
||||
|
.Ferrari:hover { |
||||
|
opacity: .4; |
||||
|
|
||||
|
} |
||||
|
text2 |
||||
|
{ |
||||
|
position:absolute; |
||||
|
top: 470px; |
||||
|
right: 340px; |
||||
|
border: 3px solid red; |
||||
|
padding: 5px; |
||||
|
} |
||||
|
.mclaren |
||||
|
{ |
||||
|
position:absolute; |
||||
|
top: 731px; |
||||
|
left: 0px; |
||||
|
box-shadow: 0 5px 25px rgba(0,0,0,0.55); |
||||
|
} |
||||
|
.mclaren:hover { |
||||
|
opacity: .4; |
||||
|
|
||||
|
} |
||||
|
text3 |
||||
|
{ |
||||
|
position:absolute; |
||||
|
top: 731px; |
||||
|
left: 340px; |
||||
|
border: 3px solid orange; |
||||
|
padding: 5px; |
||||
|
} |
||||
|
.redbull |
||||
|
{ |
||||
|
position:absolute; |
||||
|
top: 990px; |
||||
|
right: 0px; |
||||
|
box-shadow: 0 5px 25px rgba(0,0,0,0.55); |
||||
|
} |
||||
|
.redbull:hover { |
||||
|
opacity: .4; |
||||
|
|
||||
|
} |
||||
|
text4 |
||||
|
{ |
||||
|
position:absolute; |
||||
|
top: 990px; |
||||
|
right: 340px; |
||||
|
border: 3px solid black; |
||||
|
padding: 5px; |
||||
|
} |
||||
|
.williams |
||||
|
{ |
||||
|
position:absolute; |
||||
|
top: 1250px; |
||||
|
left: 0px; |
||||
|
box-shadow: 0 5px 25px rgba(0,0,0,0.55); |
||||
|
} |
||||
|
.williams:hover { |
||||
|
opacity: .4; |
||||
|
|
||||
|
} |
||||
|
text5 |
||||
|
{ |
||||
|
position:absolute; |
||||
|
top: 1250px; |
||||
|
left: 340px; |
||||
|
border: 3px solid blue; |
||||
|
padding: 5px; |
||||
|
} |
||||
|
|
||||
|
text6 |
||||
|
{ |
||||
|
position:absolute; |
||||
|
top: 1511px; |
||||
|
left: 0px; |
||||
|
font-size : 1em; |
||||
|
font-family: Arial, sans-serif; |
||||
|
font-weight: bold; |
||||
|
} |
||||
|
text6 { text-decoration: none; opacity: 1; } |
||||
|
text6 a:link {font-family: Arial, sans-serif; font-size : 1.1em;} |
||||
|
text6 a:visited { color: black; } |
||||
|
text6 a:hover { color: red; } |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
texttab1 |
||||
|
{ |
||||
|
font-family: Segoe UI; |
||||
|
font-size: 1.6em; |
||||
|
font-weight:bold; |
||||
|
position:absolute; |
||||
|
left:15px; |
||||
|
top:120px; |
||||
|
} |
||||
|
.tableau1 { |
||||
|
border-collapse: collapse; |
||||
|
box-shadow: 0 5px 50px rgba(0,0,0,0.15); |
||||
|
cursor: pointer; |
||||
|
margin: 0px auto; |
||||
|
border: 2px solid midnightblue; |
||||
|
position:absolute; |
||||
|
top:180px; |
||||
|
left:490px |
||||
|
|
||||
|
} |
||||
|
|
||||
|
thead tr { |
||||
|
background-color: midnightblue; |
||||
|
color: #fff; |
||||
|
text-align: left; |
||||
|
} |
||||
|
|
||||
|
th, td { |
||||
|
padding: 15px 20px; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
tbody tr, td, th { |
||||
|
border: 1px solid #ddd; |
||||
|
} |
||||
|
|
||||
|
tbody tr:nth-child(even){ |
||||
|
background-color: #f3f3f3; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
.table-style { |
||||
|
width: 100%; |
||||
|
margin: 0px; |
||||
|
font-size: 10px; |
||||
|
} |
||||
|
th, td { |
||||
|
padding: 10px 7px; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
texttab2 |
||||
|
{ |
||||
|
font-family: Segoe UI; |
||||
|
font-size: 1.6em; |
||||
|
font-weight:bold; |
||||
|
position:absolute; |
||||
|
left:15px; |
||||
|
top:470px; |
||||
|
} |
||||
|
.tableau2 { |
||||
|
border-collapse: collapse; |
||||
|
box-shadow: 0 5px 50px rgba(0,0,0,0.15); |
||||
|
cursor: pointer; |
||||
|
margin: 0px auto; |
||||
|
border: 2px solid midnightblue; |
||||
|
position:absolute; |
||||
|
top:530px; |
||||
|
margin-left: 400px; |
||||
|
margin-right: 400px; |
||||
|
} |
||||
|
|
||||
|
texttab3 |
||||
|
{ |
||||
|
font-family: Segoe UI; |
||||
|
font-size: 1.6em; |
||||
|
font-weight:bold; |
||||
|
position:absolute; |
||||
|
left:15px; |
||||
|
top:810px; |
||||
|
} |
||||
|
.tableau3 { |
||||
|
border-collapse: collapse; |
||||
|
box-shadow: 0 5px 50px rgba(0,0,0,0.15); |
||||
|
cursor: pointer; |
||||
|
margin: 0px auto; |
||||
|
border: 2px solid midnightblue; |
||||
|
position:absolute; |
||||
|
top:870px; |
||||
|
left:480px; |
||||
|
} |
||||
|
|
||||
|
texttab4 |
||||
|
{ |
||||
|
font-family: Segoe UI; |
||||
|
font-size: 1.6em; |
||||
|
font-weight:bold; |
||||
|
position:absolute; |
||||
|
left:15px; |
||||
|
top:1170px; |
||||
|
} |
||||
|
.tableau4 { |
||||
|
border-collapse: collapse; |
||||
|
box-shadow: 0 5px 50px rgba(0,0,0,0.15); |
||||
|
cursor: pointer; |
||||
|
margin: 0px auto; |
||||
|
border: 2px solid midnightblue; |
||||
|
position:absolute; |
||||
|
top:1230px; |
||||
|
left:470px; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
iframe { |
||||
|
position: absolute; |
||||
|
top: 112.6px; |
||||
|
left: 0; |
||||
|
} |
||||
|
iframe { |
||||
|
width: 100%; |
||||
|
} |
||||
|
iframe { |
||||
|
height: 100%; |
||||
|
} |
||||
|
nav a { text-decoration: none; opacity: 1; } |
||||
|
nav a:link { color: white; } |
||||
|
nav a:visited { color: white; } |
||||
|
nav a:hover { color: red; } |
||||
|
After Width: | Height: | Size: 161 KiB |
Loading…
Reference in new issue