index.html

<!DOCTYPE html>
    <html lang="ru">
    <head>
        <link rel="stylesheet" type="text/css" href="style.css">
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
        <meta charset="UTF-8">
        <title>F1</title>
        
    </head>
    <body>
    <header>
        <div class="f1header">
        <h1 id="h1Header">Formula 1 2019</h1>
        </div>
    
      
    </header>
  <div class="topnav">
  <a class="active" href="https://www.motorsport.com/f1/teams/">Команды</a>
  <a href="https://www.motorsport.com/f1/drivers/">Пилоты</a>
  <a href="https://ru.wikipedia.org/wiki/%D0%A4%D0%BE%D1%80%D0%BC%D1%83%D0%BB%D0%B0-1_%D0%B2_%D1%81%D0%B5%D0%B7%D0%BE%D0%BD%D0%B5_2019#%D0%9B%D0%B8%D1%87%D0%BD%D1%8B%D0%B9_%D0%B7%D0%B0%D1%87%D1%91%D1%82">Чемпион</a>
</div>

       
        <div class="upstick">
         <div class="stick">
           <h2>Лучшее 2019</h2>
            <p><a class="st" href ="https://www.youtube.com/watch?v=F4eq0ES3_yc&t=5s">F1 Rewind 2019 Season</a></p>
              <p><a class="st" href ="https://www.youtube.com/watch?v=B9l6KNHSlv4">Top F1 Onboards 2019</a></p>
                <p><a class="st" href ="https://www.youtube.com/watch?v=NPNXCEC-nxM">Top F1 Team Radio Clips</a></p>
        </div>
        </div>
    <div class="top3team">
       <div class="mercedesteam">
        <h1>ТОП-3 КОМАНДЫ 2019</h1>
        <h2>1 - Mercedes</h2>
        <a class="mercedes" href="https://ru.wikipedia.org/wiki/%D0%9C%D0%B5%D1%80%D1%81%D0%B5%D0%B4%D0%B5%D1%81_(%D0%BA%D0%BE%D0%BC%D0%B0%D0%BD%D0%B4%D0%B0_%C2%AB%D0%A4%D0%BE%D1%80%D0%BC%D1%83%D0%BB%D1%8B-1%C2%BB)"></a>
           
    <p>Пилоты</p>
          
     <div class="mercpilots">
     
     <div class="lewis">
        <div class="lewisimg"></div>
         <h1 class="number">77</h1>
         <h3 class="lewname">Люьис</h3>
         <h3 class="lewsurname"> Хэмильтон</h3>
         </div>
         
         <div class="valtteri">
           <img class="valtteriimg">
    <h3 class="valname">Вальттери</h3>
         <h3 class="valsurname">Боттас</h3>
          <h1 class="number">44</h1>
         </div>
        </div>
        <div class="info">
           <div class="fullname">
           <span class="secondd">Полное Название</span>
           <span class="second">Чемпионатов</span>       
           <span class="second">Поул-Позиций</span>
        </div>
          <div class="secname">
           <span class="secondm">	Mercedes AMG Petronas Motorsport</span>
           <span class="second">6</span>       
           <span class="second">103</span>
        </div>
           </div>
           <div class="points"><p>Mercedes (полное название Mercedes AMG Petronas Motorsport) — немецкая команда-автопроизводитель, принимающая участие в Гран-при Формула-1. Шестикратный обладатель Кубка конструкторов 2014, 2015, 2016, 2017, 2018 и 2019 годов. Концерн Daimler-Benz дебютировал в Формуле 1 в 1954 году и с большим успехом участвовал в сезонах 1954-1955. Однако после сезона 1955 года компания покинула серию, и несмотря на поставки моторов в 1990-х и 2000-х, не возвращалась в качестве заводской команды вплоть до ноября 2009 года.</p></div>
        
        
        </div>
        
        
            <div class="ferrariteam">
        <h2>2 - Ferrari</h2>
            <a class="ferrari" href="https://ru.wikipedia.org/wiki/%D0%A4%D0%B5%D1%80%D1%80%D0%B0%D1%80%D0%B8_(%D0%BA%D0%BE%D0%BC%D0%B0%D0%BD%D0%B4%D0%B0_%C2%AB%D0%A4%D0%BE%D1%80%D0%BC%D1%83%D0%BB%D1%8B-1%C2%BB)"></a>
        <p>Пилоты</p>
         <div class="ferraripilots">

         <div class="vettel">
            <div class="vettelimg"></div>
             <h1 class="number">5</h1>
             <h3 class="vettelname">Себастьян</h3>
             <h3 class="vettelsurname"> Феттель</h3>

             </div>
             <div class="charles">
               <img class="charlesimg">
        <h3 class="charlesname">Чарльз</h3>
             <h3 class="charlessurname">Леклер</h3>
              <h1 class="number">16</h1>
             </div>
            </div>
            <div class="info">
               <div class="fullname">
               <span class="secondd">Полное Название</span>
               <span class="second">Чемпионатов</span>       
               <span class="second">Поул-Позиций</span>
            </div>
              <div class="secname">
               <span class="secondm">		Scuderia Ferrari Mission <br>Winnow</span>
               <span class="second">16</span>       
               <span class="second">221</span>
            </div>
               </div>
               <div class="points"><p>Скудерия Феррари (итал. Scuderia Ferrari) — итальянская автогоночная команда, представляющая собой подразделение автомобильной компании Феррари (итал. Gestione Sportiva), занимающееся гонками. Хотя это подразделение продолжает заниматься гоночной деятельностью многочисленных клиентов Феррари и частных команд, его основные усилия и финансы сосредоточены на команде Формулы-1, Scuderia Ferrari Mission Winnow.</p></div>

            </div>
                  <div class="redbullteam">
        <h2>3 - Red Bull</h2>
            <a class="redbull" href="https://ru.wikipedia.org/wiki/%D0%A0%D0%B5%D0%B4_%D0%91%D1%83%D0%BB%D0%BB_(%D0%BA%D0%BE%D0%BC%D0%B0%D0%BD%D0%B4%D0%B0_%C2%AB%D0%A4%D0%BE%D1%80%D0%BC%D1%83%D0%BB%D1%8B-1%C2%BB)"></a>
        <p>Пилоты</p>
         <div class="ferraripilots">

         <div class="max">
            <div class="maximg"></div>
             <h1 class="number">33</h1>
             <h3 class="maxname">Макс</h3>
             <h3 class="maxsurname">Ферстаппен</h3>

             </div>
             <div class="alb">
               <img class="albimg">
        <h3 class="albname">Александр</h3>
             <h3 class="albsurname">Албон</h3>
              <h1 class="number">23</h1>
             </div>
            </div>
            <div class="info">
               <div class="fullname">
               <span class="secondd">Полное Название</span>
               <span class="second">Чемпионатов</span>       
               <span class="second">Поул-Позиций</span>
            </div>
              <div class="secname">
               <span class="secondm">		Aston Martin Red Bull <br>Racing</span>
               <span class="second">4</span>       
               <span class="second">62</span>
            </div>
               </div>
               <div class="points"><p>Red Bull Racing (red bull в переводе с англ. — «красный бык») — австрийская автогоночная команда, участвующая в чемпионате «Формулы-1». Обладатель кубка конструкторов в 2010, 2011, 2012, 2013 годах. Была основана руководителем концерна по производству энергетических напитков Red Bull — Дитрихом Матешицом. База команды расположена в Милтон-Кинс, Великобритания., но команда выступает под австрийской лицензией. Руководит командой Кристиан Хорнер — владелец команды Arden International, которая одержала две победы в зачёте пилотов и три в зачёте команд в Международной Формуле-3000, а в данный момент выступает в серии GP2 и её поддерживающей категории GP3.</p></div>

            </div>
    </div>
    <div class="top3pilots">
    <div class="pilotssize">
<h1>ТОП-3 ПИЛОТЫ</h1>
<div class="toplewis">
    <h2>1 - Льюис Хэмильтон</h2>
    <div class="uptoplewis">
    <div class="toplewisimg"></div>
    </div>
    <div class="lewisinfo">
        <p>

Начало сезона Хэмилтон провел в доминирующем стиле - из первых двенадцати гонок он выиграл восемь и дважды стал вторым, уступив лишь напарнику. Исключением стали лишь Гран-при Австрии, где его команда из-за перегрева двигателей вообще выглядела неуверенно и он стал пятым, и хаотичный Гран-при Германии, прошедший в дождевых условиях - но и там Льюис финишировал в очках, на девятом месте. Далее последовал небольшой спад, но и за последующие семь этапов он дважды победил и всего лишь раз финишировал вне подиума. Все это позволило ему уже за два этапа до конца досрочно завоевать свой рекордный, шестой чемпионский титул.</p><p>

В квалификациях дело обстояло почти так же успешно - за шестнадцать этапов он всего лишь трижды, в Бахрейне, Венгрии и Бельгии, он стартовал не с первого ряда, хотя по поулам преимущества над напарником не получилось - как и Боттас, Хэмилтон стартовал первым четырежды - в Австралии, Монако, Франции и Германии. Последующие три этапа Хэмилтон квалифицировался не выше четвертого места, впрочем, турнирная ситуация и не требовала от него особой скорости.</p>
    </div>
</div>
   <div class="topbottas">
    <h2>2 - Вальттери Боттас</h2>
    <div class="uptopbottas">
    <div class="topbottasimg"></div>
    </div>
    <div class="bottasinfo">
        <p>Уделив в межсезонье много внимания физической и психологической подготовке, сезон 2019 года Валттерри начал существенно лучше предыдущего — в первых десяти гонках дважды победил, а в остальных гонках кроме одной — финишировал на подиуме. Также он четырежды занял поул, сравнявшись по этому показателю с напарником, и всего лишь трижды стартовал не из первого ряда.</p><p> Далее же наступил менее удачный период, га протяжении пяти гонок хорошие результаты чередовались с неудачными. В Германии он сошел, в Венгрии и Сингапуре финишировал в очковой зоне, зато в Бельгии и Италии попал на подиум. Начиная с Гран-при России же результаты вновь улучшились, и за следующие четыре гонки он дважды победил и еще два раза финишировал на подиуме. Победой в Гран-при США он окончательно закрепил за собой второе место в чемпионате — и одновременно с тем потерял математические шансы на первое.</p>
    </div>
</div>
      <div class="topmax">
    <h2>3 - Макс Ферстаппен</h2>
    <div class="uptopmax">
    <div class="topmaximg"></div>
    </div>
    <div class="maxinfo">
        <p>Сезон 2019 Макс начал лучше предыдущего, часто финишируя буквально на грани подиума. В первых восьми гонках он дважды занимал нижнюю ступеньку пьедестала почета. После этого результаты стали улучшаться: он выиграл этапы в Австрии и Германии, а в Венгрии уступил победу Льюису Хэмилтону лишь на последних кругах. Далее наступил некоторый спад в результатах, и за следующие семь этапов лишь дважды удалось финишировать на подиуме, при двух сходах.</p><p> За два этапа до конца Ферстаппен занимал четвертое место в чемпионате, опережая четырёхкратного чемпиона мира Себастьяна Феттеля на пять очков, но отставая от идущего на третьем месте Шарля Леклера на 14 очков. В Бразилии Ферстаппен в третий раз за сезон победил, выйдя на третье место в чемпионате, при этом его соперники по чемпионату столкнулись между собой и очков не получили - в результате чего преимущество над Леклером за этап до финиша составляет 11 очков, а над Феттелем - 30.</p>
    </div>
</div>
    </div>
        </div>
    <div class="champion">
<h1>Чемпион Сезона 2019</h1>
   <div class="champ"></div>
        <div class="champinfo"><p>Лью́ис Карл Дэ́видсон Хэ́милтон (англ. Lewis Carl Davidson Hamilton, иногда имя транскрибируют как Льюис Гамильтон; род. 7 января 1985) — британский автогонщик, пилот команды Mercedes AMG Petronas Motorsport. Шестикратный чемпион мира 2008, 2014, 2015, 2017, 2018 и 2019 годов.</p>

            <p>Хэмилтон родился в Стивенидже, Хартфордшир. В декабре 1995 года, в возрасте 10-ти лет он попросил автограф у босса команды McLaren Рона Денниса, и сказал ему: «Привет. Я Льюис Хэмилтон. Я выиграл британский чемпионат и однажды буду гоняться за рулём вашего болида». Через три года Деннис заключил с ним контракт программы поддержки молодых пилотов McLaren. После побед в Британской Формуле-Рено, Евросерии Формулы-3, и GP2 Хэмилтон дебютировал в Формуле-1, за команду Vodafone McLaren Mercedes. Контракт Хэмилтона с программой поддержки пилотов McLaren сделал его самым молодым пилотом, который получил гарантированное место в Формуле-1.</p>

            <p>Льюис Хэмилтон стал первым темнокожим пилотом в Формуле-1 (Уилли Ти Риббс (англ.)русск. тестировал болид в 1986 году) и стал первым темнокожим пилотом, кто смог одержать победу на трассе «Индианаполис Мотор Спидвей» в любой дисциплине.</p>

            <p>В своём первом сезоне в Формуле-1 Хэмилтон установил множество рекордов, он стал вице-чемпионом своего дебютного сезона 2007, в котором проиграл всего одно очко чемпиону Кими Райкконену, зато на следующий год он стал чемпионом. Обладатель Премии имени Лоренцо Бандини и Памятного трофея Майка Хоторна. В 2014 году был признан спортсменом года по версии BBC (англ.)русск. На данный момент является единственным гонщиком в истории Формулы-1, кому удавалось одерживать победы во всех проведённых сезонах подряд, начиная с дебютного. С 2007 по 2012 годы выступал за команду Vodafone McLaren Mercedes, с 2013-го — гонщик команды Mercedes AMG Petronas F1 Team.</p></div>
    </div>
    <div class="hiddenstick">
                 <h2 class="h2stick">Лучшее</h2>
             <div class="stickdown">
      
           <ul class="ulstick">
              <a class="downst" href ="https://www.youtube.com/watch?v=F4eq0ES3_yc&t=5s"> 
                  <li class="downli">
                 <p>
                 F1 Rewind 2019 Season
                 </p>
                  </li>  </a>  
               
               
              <a class="downst" href ="https://www.youtube.com/watch?v=B9l6KNHSlv4"> <li class="downli">    
               <p>    
               Top F1 Onboards 2019
               </p>
                  </li></a>
               
               
               <a class="downst" href ="https://www.youtube.com/watch?v=NPNXCEC-nxM"><li class="downli"> <p>Top F1 Team Radio Clips</p></li></a>
                 </ul>
        </div>
    </div>

    <footer>
    <div class="ftlink">
    <a class="facebook" href ="https://www.facebook.com/Formula1"></a>
    
        <a class="youtube" href ="https://www.youtube.com/user/Formula1"></a>
         <a class="twitter" href ="https://twitter.com/f1"></a>
        </div>
    
    </footer>
                <script>
        "use strict";
         window.addEventListener("DOMContentLoaded", function(){
             if(window.innerWidth<=650){
                h1Header.innerHTML = "F1 2019";
            }
         })
            window.onresize = function(event) {
     
             if(window.innerWidth<=650){
                h1Header.innerHTML = "F1 2019";
            }
                else{
                    h1Header.innerHTML = "Formula 1 2019";
                }
                };
        </script>
    </body>
    </html>