diff --git a/Classement.html b/Classement.html new file mode 100644 index 0000000..180876c --- /dev/null +++ b/Classement.html @@ -0,0 +1,35 @@ + + + + La Formule 1 + + + + + +
+ +
+

La formule 1

+ +
+ Logo +
+
+ + + + + + \ No newline at end of file diff --git a/GIF.mp4 b/GIF.mp4 new file mode 100644 index 0000000..57eefc9 Binary files /dev/null and b/GIF.mp4 differ diff --git a/GPqatar.jpg b/GPqatar.jpg new file mode 100644 index 0000000..534a830 Binary files /dev/null and b/GPqatar.jpg differ diff --git a/Verstappen.jpg b/Verstappen.jpg new file mode 100644 index 0000000..71c8287 Binary files /dev/null and b/Verstappen.jpg differ diff --git a/alpine.jpg b/alpine.jpg new file mode 100644 index 0000000..8a798fc Binary files /dev/null and b/alpine.jpg differ diff --git a/hamilton.jpg b/hamilton.jpg new file mode 100644 index 0000000..6ce33af Binary files /dev/null and b/hamilton.jpg differ diff --git a/images.jpg b/images.jpg new file mode 100644 index 0000000..43d057b Binary files /dev/null and b/images.jpg differ diff --git a/lesecuries.html b/lesecuries.html new file mode 100644 index 0000000..de50101 --- /dev/null +++ b/lesecuries.html @@ -0,0 +1,81 @@ + + + + La Formule 1 + + + + + +
+ +
+

La formule 1

+ +
+ Logo +
+
+ + +
  • 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. + +
    + +
    + mercedes +
    + 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. + + +
    + Ferrari +
    + 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. + +
    + mclaren +
    + 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. +
    + redbull +
    + 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. + +
    + williams +
    + 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. + + Il existe 5 autre écuries toujours en activité: Alpine, Alpha tauri, + Haas, Aston Martin et Alfa Roméo. Mais depuis 1950, il y a + eu plus d'une cinquantaine + d'écuries qui ont participé à un chamionnat de Formule 1. + +
    + \ No newline at end of file diff --git a/lesrecords.html b/lesrecords.html new file mode 100644 index 0000000..60ac76b --- /dev/null +++ b/lesrecords.html @@ -0,0 +1,239 @@ + + + + La Formule 1 + + + + + +
    + +
    +

    La formule 1

    + +
    + Logo +
    +
    + + Plus grand nombre de participations et départs: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    PositionPiloteNationalitéEngagementDéparts
    #1Kimi RaikkonenFinlande351348
    #2Fernando AlonsoEspagne335332
    #3Rubens BarrichelloBrésil326323
    #4Michael ShumarerAllemagne308307
    #5Jenson ButtonRoyaume Uni311306
    + Records nombres de titres mondiaux: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Plus grand nombre de victoires en Grand Prix: +
    PositionPiloteNationalitéTitresSaisons
    #1Michael ShumarerAllemagne71994-1995-2000-2001-2002-2003-2004
    #-Lewis HamiltonRoyaume-Uni72008-2014-2015-2017-2018-2019-2020
    #3Juan Manuel FangioArgentine51951-1954-1955-1956-1957
    #4Alain ProstFrance41985-1986-1989-1993
    #-Sevastian VettelAllemagne42010-2011-2012-2013
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    PositionPiloteNationalitéVictoiresParticipations
    #1Lewis HamiltonRoyaume-Uni102286
    #2Michael ShumarerAllemagne91307
    #3Sevastian VettelAllemagne53277
    #4Alain ProstFrance51199
    #5Ayrton SennaBresil41161
    + Plus grand nombre de Pole positions en Grand Prix: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    PositionPiloteNationalitéPole positionsParticipations
    #1Lewis HamiltonRoyaume-Uni102286
    #2Michael ShumarerAllemagne68307
    #3Ayrton SennaBrésil65162
    #4Sevastian VettelAllemagne57277
    #5Jim ClarkRoyaume Uni3373
    +
    + + \ No newline at end of file diff --git a/logo.jpg b/logo.jpg new file mode 100644 index 0000000..b34268a Binary files /dev/null and b/logo.jpg differ diff --git a/mclaren.jpg b/mclaren.jpg new file mode 100644 index 0000000..3fe1244 Binary files /dev/null and b/mclaren.jpg differ diff --git a/mercedes.jpg b/mercedes.jpg new file mode 100644 index 0000000..cdc8af0 Binary files /dev/null and b/mercedes.jpg differ diff --git a/pilotes.png b/pilotes.png new file mode 100644 index 0000000..7c7c0fc Binary files /dev/null and b/pilotes.png differ diff --git a/redbull.jpg b/redbull.jpg new file mode 100644 index 0000000..897286d Binary files /dev/null and b/redbull.jpg differ diff --git a/siteweb.html b/siteweb.html new file mode 100644 index 0000000..5437dfa --- /dev/null +++ b/siteweb.html @@ -0,0 +1,96 @@ + + + + La Formule 1 + + + + + +
    + +
    +

    La formule 1

    + +
    + Logo +
    +
    + + +
    + Ferrari +
    +
    + Pilotes +
    + + + +
    +

    Pour connaitre les bases en F1

    +

    La F1 pour Formule 1, est une discipline de + sport
    automobile considérée comme la catégorie reine de
    ce sport. + Elle a pris au fil des ans une dimension
    mondiale et elle est l'un des + événements sportifs les
    plus médiatisés.Chaque année depuis 1950, + un
    championnat mondial des pilotes est organisé avec
    un championnat + mondial des constructeurs
    automobiles. La compétition est basée + sur des
    Grands Prix, courses à bord de + voitures monoplaces
    disputées sur circuits routiers fermés permanents
    + mais parfois tracés en ville et temporaires, comme
    à Monaco et Singapour!

    + + +
    + + + +

    À LA UNE:

    + + + + + + +
    + +
    +
    +
    + +
    + + \ No newline at end of file diff --git a/stylepage.css b/stylepage.css new file mode 100644 index 0000000..d1e9205 --- /dev/null +++ b/stylepage.css @@ -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; } \ No newline at end of file diff --git a/williams.jpg b/williams.jpg new file mode 100644 index 0000000..1c6c59a Binary files /dev/null and b/williams.jpg differ