Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using it's URL and the proper URL extention.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <script src="https://gitcdn.link/repo/freeCodeCamp/testable-projects-fcc/master/build/bundle.js"></script>

<link href="https://fonts.googleapis.com/css?family=Dancing+Script:700" rel="stylesheet">

<body id='main' class="text-center container panel panel-default">
  <div class="row panel-heading">
    <header>

      <h1 id='title'><b>Alfa Romeo</b></h1>
      <h3 id='tribute-info'><em>A short story of Italian heritage</em></h3>
    </header>
  </div>
  <div class="row panel-body">
    <div id="main" class="col-md-8 col-md-offset-2 col-sm-10 col-sm-offset-1 col-xs-12">
      <div id='img-div' class="thumbnail">
        <img id='image' class="img-responsive center-block" src="https://farm6.staticflickr.com/5205/5337638660_fe78536307_b.jpg">
        <div id='img-caption' class="caption">
          <p>Alfa Romeo Tipo 33 built in 1965 powered by 270 hp (201 kW).</p>
          <p>Photo credit: <a href="https://www.flickr.com/photos/iamthestig2/5337638660/">BastiaanImages</a> via <a href="https://visualhunt.com">Visual Hunt</a> / <a href="http://creativecommons.org/licenses/by-nc-nd/2.0/">CC BY-NC-ND</a></p>
        </div>
      </div>
      <blockquote>
        <p class="mb-0">When I see an Alfa Romeo go by, I tip my hat.</p>
        <footer class="blockquote-footer">Henry Ford</footer>
      </blockquote>
       <div class="btn-group btn-group-justified hidden-xs" role="group" data-toggle="buttons">
        <div class="btn-group" role="group"><button id="btn1" type="button" class="btn btn-primary active"><input type="radio" name="options" id="option1" autocomplete="off" checked>History<br>Full</button></div>
        <div class="btn-group" role="group"><button id="btn2" type="button" class="btn btn-primary"><input type="radio" name="options" id="option2" autocomplete="off" checked>History<br>In Short</button></div>
        <div class="btn-group" role="group"><button id="btn3" type="button" class="btn btn-primary"><input type="radio" name="options" id="option3" autocomplete="off" checked>Motorsport<br>Full</button></div>
        <div class="btn-group" role="group"><button id="btn4" type="button" class="btn btn-primary"><input type="radio" name="options" id="option4" autocomplete="off" checked>Motorsport<br>In Short</button></div>
      </div>

      <div class="btn-group-vertical visible-xs" role="group" data-toggle="buttons">
        <div class="btn-group" role="group"><button id="btn1xs" type="button" class="btn btn-primary active"><input type="radio" name="options" id="option1" autocomplete="off" checked>History Full</button></div>
        <div class="btn-group" role="group"><button id="btn2xs" type="button" class="btn btn-primary"><input type="radio" name="options" id="option2" autocomplete="off" checked>History In Short</button></div>

        <div class="btn-group" role="group"><button id="btn3xs" type="button" class="btn btn-primary clearfix"><input type="radio" name="options" id="option3" autocomplete="off" checked>Motorsport Full</button></div>
        <div class="btn-group" role="group"><button id="btn4xs" type="button" class="btn btn-primary"><input type="radio" name="options" id="option4" autocomplete="off" checked>Motorsport In Short</button></div>
      </div>

      <div id="list1">
        <h3>History of the brand:</h3>
        <ul class="list-group">
          <li><b>1910 - 24 June - Anonima Lombarda Fabbrica Automobili (A.L.F.A.) is founded.</b> First car is ALFA 24HP constructed by Giuseppe Merosi. It has four cylinders, 4082 cm<sup>3</sup> and 42 hp. Models 12HP and 14-16HP are also produced.</li>
          <li><b>1911</b> - ALFA 12HP participate in Concorso di Regolarita di Modena. Serie B of 24HP is produced.</li>
          <li><b>1912</b> - New model 15HP designated as 2.4 (25 hp). Model 24HP generates 45 hp after modifications.</li>
          <li><b>1913</b> - Castagna company is using chassis of model 40-60HP to build aerodynamic Torpedo body according to earl Marco Ricotti idea. It is one of the first in the world cars with aerodynamic-designed body that is many years ahead of its era.</li>
          <li><b>1914</b> - Giuseppe Merosi build high-performance Grand Prix model. Each of four cylinders has four valves and two sparking plugs. Engine 4,5 l generates 88 hp. It is the first car with two sparking plug per cyldiner in the world and one of the first with four valves per cylinder.</li>
          <li><b>1915</b> - Regardless World War model 40-60HP, 15-20HP and 20-30HP are still in production. Engineer <b>Nicola Romeo</b> becomes the new ALFA owner.</li>
          <li><b>1916-18</b> - Production for Italian army: compressors, catridge cases, fuses, grenades' bodies and other military arms.</li>
          <li><b>1919</b> - New name <b>Alfa Romeo</b> is abbreviation of Anonima Lombarda Fabbrica Automobili and the name of the new owner - Romeo.</li>
          <li><b>1920</b> - Alfa Romeo serie G is produced as saloon, roadster and tourer. First six-cylinder Alfa engine (6,3 l and 70 hp).</li>
          <li><b>1921</b> - Alfa Romeo 20-30ES Sport - 4,2 l and 67 hp.</li>
          <li><b>1922</b> - Models RL Normale (56 hp) and RL Sport (71 hp).</li>
          <li><b>1923</b> - RL Targa Florio and Gran Premio Romeo models, again with two sparks per cylinder. Il Quadrifoglio - after win in Targa Florio four-leaf clover on the white background remains Alfa Romeo sport symbol.</li>
          <li><b>1924</b> - Model RM Sport.</li>
          <li><b>1925</b> - RL Super Sport with 3,0 l engine (83 hp).</li>
          <li><b>1926</b> - RL Turismo.</li>
          <li><b>1927</b> - 6C 1500 Normale by Vittorio Jano with 44 hp engine. It has hemispheric (like HEMI nowadays) combustion chamber, double valve springs and aluminium oil pan. Alfa Romeo introduce aluminium in a large-scale.</li>
          <li><b>1928</b> - <b>Roadster 6C 1500 Mille Miglia Speciale</b> with DOHC engine that produces 60 hp (with Roots compressor - 76 hp). Built only 24 units, including 10 Compressore versions. It is the first charged Alfa.</li>
          <li><b>1929</b> - 6C 1750 Turismo and 1750 Sport/Super Sport with DOHC engine. Power 46 to 64 hp.</li>
          <li><b>1930</b> - 6C 1750 Gran Sport with 85 hp (Testafissa version - 102 hp).</li>
          <li><b>1931</b> - 6C Gran Turismo Compressore.</li>
          <li><b>1932</b> - 8-cylinder model 8C 2300 (142 hp) with mechanical compressor from Roots. It is one of the fastest cars and first produced in series car with aluminium engine head.</li>
          <li><b>1933</b> - Model 6C 1900. Alfa Romeo is now part of Istituto per la Ricostruzione Industriale (IRI). For next 53 years will be part of exchequer. Alfa Romeo 50 is the first truck from Alfa (engine Dutz Diesel).</li>
          <li><b>1934</b> - 6C 2300 Turismo/Gran Turismo (68-76 hp) and 6C 2300 Pescara (95 hp).</li>
          <li><b>1935</b> - 6C 2300B Pescara with independent front suspension as an Alfa standard.</li>
          <li><b>1936</b> - Model 6C 2300B Turismo.</li>
          <li><b>1937</b> - 8C 2900B is the automotive milestone. Full independent suspension, DOHC engine with two compressors, 180 hp (220 in high-performance version), maximum speed 180 km/h (220 km/h) and gorgeous bodies (Pininfarina, Touring and Viotti).</li>
          <li><b>1938</b> - 6C 2300B/2300B Mille Miglia.</li>
          <li><b>1939</b> - 6C 2500 Turismo and 6C 2500 Super Sport (120 hp). Prototype of military 6C 2500 Coloniale.</li>
          <li><b>1940-42</b> - Due to the World War production is limited. Aircraft engines, 6C 2500 Coloniale and trucks (serie 430, 500 and 800) are built for Italian army. AF 110 trolleybus is used in Rome, Milan, Naples and Palermo (210 units in total). Other cities use models 85 AF, 500/800 AF.</li>
          <li><b>1943</b> - Prototype of 6C 2000 Gazzella with aerodynamic body.</li>
          <li><b>1944</b> - Portello factory is heavily damaged due to Allies bombing.</li>
          <li><b>1945</b> - Ugo Gobatto, director of Alfa Romeo is assassinated in Milan, immediately after the war. Engineer Pasqualle Galle is the new Alfa boss. Only two units of 6C 2500 Sport are built.</li>
          <li><b>1946-49</b> - Assembly of pre-war model 6C in different body versions. Six-cylinders engines, 87-110 hp. Model Freccia d'Oro with 6C mechanics and new design. Model 6C 2500 Super Sport Aerlux is the first in the world car with sliding roof made of transparent plexiglass.</li>
          <li><b>1950</b> - First, completely new post-war model 1900 with monobuilt body. Engineer Satta Puliga builds 1,9 l engine (80 hp, Super version - 90 hp). His work is supported by Giuseppe Busso.</li>
          <li><b>1951</b> - 1900C Sprint with coupe body and 100 hp engine. Model 159 for Formula 1. Bus Tipo 902 (1951-58).</li>
          <li><b>1952</b> - F.N.M. factory builds trucks and passenger cars under Alfa Romeo license. Conceptual 1900C 52, known as <b>Disco Volante</b> in coupe and Spider versions. Four-wheel drive utility vehicle Alfa Romeo A.R. 51 (1900M), engine 1,9 l (65 hp). First four-wheel drive in Alfa Romeo history.</li>
          <li><b>1953</b> - Model 1900 TI (Turismo Internazionale). End of 6C 2500 production.</li>
          <li><b>1954</b> - New model - Giulietta Sprint. Engine 1,3 l DOHC (65 hp), block and head made of aluminium.</li>
          <li><b>1955</b> - Giulietta in berlina version. First series production mid-size Alfa Romeo car with 1,3 l engine (50 hp). Giulietta Spider debutes.</li>
          <li><b>1956</b> - Giulietta Sprint Veloce/Spider Veloce with 1,3 l engine (90 hp).</li>
          <li><b>1957</b> - 1900C Super Sprint (112 hp, 5 gears) and Giulietta TI. First Alfa Romeo station wagon (estate) - Giulietta Promiscua built by Carrozzeria Colli. Truck Tipo 1000 (1957-64).</li>
          <li><b>1958</b> - Giulietta Sprint Speciale powered by 1,3 l engine (100 hp) and with aluminium body from Franco Scaglione. 5-gear transmission and all four wheels disc brakes are novelties in passenger cars under 1,5 l.</li>
          <li><b>1959-61</b> - Cabriolet 2000 Spider and Giulietta Sprint Zagato (SZ).</li>
          <li><b>1962</b> - New model Giulia presented at Monza. Engine 1,6 l (92 hp). Alfa Romeo Giulia combine features of mid-size saloon and a sports car. New factory in Arese near Milan.</li>
          <li><b>1963</b> - High-performance Giulia TI Super with 1,6 l engine (112 hp) - only 501 units produced. Carlo Chiti founds Autodelta, official Alfa Romeo tuner. Giulia Sprint GT debutes, designed by Giorgio Giugiaro from Carrozzeria Bertone.</li>
          <li><b>1964</b> - Giulia 1300 and 2600 saloon with six-cylinder DOHC engine (130 hp). New test track in Balocco.</li>
          <li><b>1965</b> - Giulia Sprint GTA 1,6 l (115 hp) has almost 200 kg lighter body than standard Sprint GT.</li>
          <li><b>1966</b> - Presentation of model 1600 Spider with 1,6 l engine (109 hp), known as <b>Duetto</b>.</li>
          <li><b>1967</b> - New models: 1750 GT Veloce and 1750 Spider Veloce. <b>Alfa Romeo Tipo 33</b> with V8 rear-mid engine(2,0 l and 230 hp). Only 18 units are built in Stradale version - with homologation for public roads. It is the first car with manual 6-gear transmission in the world.</li>
          <li><b>1968</b> - Giulia 1600S. Models for US market are eqipped with mechanical Spica fuel injection, also meets federal and California emission standards.</li>
          <li><b>1969</b> - 1750 Berlina. Spider model with modfied rear body (coda tronca). F20 van assembled in collaboration with french SAVIEM.</li>
          <li><b>1970</b> - Alfa Romeo Montreal, engine 2,6 l V8 (200 hp). Model Junior Zagatio 1300. In the high-performance Tipo 33 for the first time safety fuel tank is used, which prevents fuel explosion after collision. This Alfa Romeo engineer team's invention will safe countless lives.</li>
          <li><b>1971</b> - Model 2000 GT Veloce with 2,0 l engine and 131 hp.</li>
          <li><b>1972</b> - New models: Alfetta 1800 (122 hp) in transaxle configuration and de Dion rear axle - used before only in sports cars. Debute in a compact cars segment: Alfasud with flat 1,2 l engine (63 hp). It is first Alfa Romeo FWD series production car.</li>
          <li><b>1973</b> - Alfasud TI. Tipo 33/3 TT12 is tested at Monza.</li>
          <li><b>1974</b> - Coupe Alfetta GT, engine 1,8 l (122 hp). Giulia Nuova (facelifting) with 1,6 and 1,3 l engines.</li>
          <li><b>1975</b> - Alfasud Giardinetta - first series production Alfa Romeo station wagon.</li>
          <li><b>1976</b> - Giulia Diesel is first Alfa Romeo with diesel engine. Motor is delivered by Perkins and provide 52 hp (1,8 l). New models: Alfetta GT 1,6 and Alfetta GTV 2000. Conceptual Navajo.</li>
          <li><b>1977</b> - New Giulietta 1,3/1,6, like Alfetta combine transaxle with de Dion axle.</li>
          <li><b>1978</b> - Alfetta 2000 Lusso with 130 hp engine. Metal coating (Zincrometal) is introduced in production.</li>
          <li><b>1979</b> - Flagship model Alfa Romeo 6 and new 2,5 l V6 engine. Fuel pump with Fire Prevention System is introduced in series production Alfa Romeo cars. Alfetta GTV 2000 Turbodelta (150 hp). Alfetta Turbo Diesel 2,0 l (82 hp).</li>
          <li><b>1980</b> - Coupe GTV6 2,5 with 2,5 l V6 (160 hp).</li>
          <li><b>1981</b> - Alfasud 1,5 ti and Sprint Veloce with 1,5 l flat engine (95 hp).</li>
          <li><b>1982</b> - Version Quadrifoglio Oro is available now for all models.</li>
          <li><b>1983</b> - Alfa 33 with 1,3 l engine (79 hp) and 33 4x4 (84 hp). Arna model is assembled in cooperation with Nissan. New factory in Pratola Serra. Variable valve timing is used in Spider 2000 Veloce.</li>
          <li><b>1984</b> - Model 33 1,5 in Giardinetta 4x4 version. New model 90 with Bertone body replaces Alfetta. In Alfa Romeo 90 active aero splitter is used.</li>
          <li><b>1985</b> - Model 75 introduced on 75 anniversary replaces Giulietta. Design Ermanno Cressoni.</li>
          <li><b>1986</b> - Alfa Romeo 75 1,8i Turbo with 155 hp engine. Alfa 33 1,5 ti tuned up to 105 hp.</li>
          <li><b>1987- 1 January - Alfa Romeo becomes a part of Fiat company.</b> It leads to reprivatization. Model 164 and Twin Spark engine are introduced.</li>
          <li><b>1988</b> - Alfa Romeo 33 Hybrid. Engine 1,5 l (95 hp) works as a basic motor in combination with electric motor and cadmium-nickel storage cells. It is the first hybrid Alfa Romeoe, 3 prototypes were built.</li>
          <li><b>1989</b> - Coupe SA with Zagato body. One of the first cars in the world with carbon fiber body elements.</li>
          <li><b>1990</b> - Restyling and 4th generation of Spider model, produced till 1993. Model 33 gets 1,7 l 16v engine.</li>
          <li><b>1991</b> - Conceptual Proteo Model with 3,0 l V6 24v engine (256 hp) eqipped with VVT, 4WD and electrical roof.</li>
          <li><b>1992</b> - New model 155. In Rho factory first roadster with Zagato body (RZ) is produced.</li>
          <li><b>1993</b> - Model 164 Q4 with 4WD and 3,0 l V6 engine (231 hp).</li>
          <li><b>1994</b> - Compact 145 is introduced, replacing model 33.</li>
          <li><b>1995</b> - Alfa Romeo 146. Premiere of coupe Gtv and Spider. Exports to the United States cease.</li>
          <li><b>1996</b> - Alfa Romeo Gtv with 3,0 l V6 24v engine (220 hp).</li>
          <li><b>1997</b> - Alfa Romeo 156 JTD premiere - the world's first common rail diesel engine in a passenger car.</li>
          <li><b>1998</b> - Alfa Romeo 156 wins international award Car of the Year 1998. Body designed by Walter de Silva is a styling trendsetter in automotive industry. Flagship 166 is presented.</li>
          <li><b>1999</b> - Alfa Romeo introduces sequential electrohydraulic transmission Selespeed operated with buttons and later by steering wheel paddles. It is the first car in its class with such a robotized gearbox.</li>
          <li><b>2000</b> - Three-doors compact Alfa Romeo 147 is introduced.</li>
          <li><b>2001</b> - Model 147 wins Car of the Year 2001 award.</li>
          <li><b>2002</b> - The top version of Alfa Romeo 156 - GTA, also available as Sportwagon GTA gets 3,2 l V6 engine that generates 250 hp. Motor is used in 147 GTA too.</li>
          <li><b>2003</b> - Corsswagon Q4 version is built on 156 Sportwagon platform with 4WD. Alfa Romeo GT is presented. End production in Arese.</li>
          <li><b>2004</b> - Concept car Alfa Romeo Visconti designed by Giugiaro (Italdesign).</li>
          <li><b>2005</b> - Brera replaces Gtv and 159 replaces 156.</li>
          <li><b>2006</b> - Alfa Romeo Spider wins Cabriolet of the Year award and many other awards for Giugiaro and Centro Stile Alfa Romeo body.</li>
          <li><b>2007</b> - Alfa Romeo 8C is produced.</li>
          <li><b>2008</b> - World premiere of MiTo - first supermini Alfa Romeo.</li>
          <li><b>2009</b> - Model 8C Spider produced as Limited Edition. New turbocharged engine range TBi is introduced. New 1,4 l Multiair engines in production (135-170 hp).</li>
          <li><b>2010</b> - Alfa Romeo 100th anniversary. Model Giulietta replaces 147 and according to the new standard is the safest compact car available.</li>
          <li><b>2011</b> - Alfa Romeo 4C Concept is presented at Geneva Motor Show, designed by Lorenzo Ramaciotti. The cars is opening up a new era in Alfa Romeo history - the return to the performance, speed and lightness.</li>
          <li><b>2012</b> - Alfa Romeo Giulietta as a safety car during SBK Superbike World Championship.</li>
          <li><b>2013</b> - Alfa Romeo 4C breaks the Nürburgring speed record for all production cars with engines under 250 hp. Also the car is used as safety car during SBK Superbike World Championship.</li>
          <li><b>2014</b> - Following a 20-year hiatus, Alfa Romeo is officially back in the North American market as a mass-market automaker. </li>
          <li><b>2015</b> - All-new Alfa Romeo Giulia is presented, built from scratch in association with Ferrari is the fastest sedan in the world (Quadrifoglio version), mainly due to the powerful engine (510 hp) and very low weight.</li>
          <li><b>2016</b> - Alfa Romeo Stelvio is presented - the world's fastest SUV.</li>
      </div>
      <div id="list2">
        <h3>The most important events:</h3>
        <ul class="list-group">
          <li><b>1910 - 24 June - Anonima Lombarda Fabbrica Automobili (A.L.F.A.) is founded.</b> First car is ALFA 24HP constructed by Giuseppe Merosi. It has four cylinders, 4082 cm<sup>3</sup> and 42HP.</li>
          <li><b>1914</b> - Giuseppe Merosi build high-performance Grand Prix model. Each of four cylinders has four valves and two sparking plugs. Engine 4,5 l generates 88 hp. It is the first car with two sparking plug per cyldiner in the world and one of the first with four valves per cylinder.</li>
          <li><b>1915</b> - <b>Nicola Romeo</b> becomes the new ALFA owner.</li>
          <li><b>1919</b> - New name <b>Alfa Romeo</b> is abbreviation of Anonima Lombarda Fabbrica Automobili and the name of the new owner - Romeo.</li>
          <li><b>1923</b> - Il Quadrifoglio - after win in Targa Florio four-leaf clover on the white background remains Alfa Romeo sport symbol.</li>
          <li><b>1927</b> - 6C 1500 Normale by Vittorio Jano with 44 hp engine. It has hemispheric (like HEMI nowadays) combustion chamber, double valve springs and aluminium oil pan. Alfa Romeo introduce aluminium in a large-scale.</li>
          <li><b>1928</b> - <b>Roadster 6C 1500 Mille Miglia Speciale</b> with DOHC engine that produces 60 hp (with Roots compressor - 76 hp). Built only 24 units, including 10 Compressore versions. It is the first charged Alfa.</li>
          <li><b>1932</b> - 8-cylinder model 8C 2300 (142 hp) with mechanical compressor from Roots. It is one of the fastest cars and first produced in series car with aluminium engine head.</li>
          <li><b>1933</b> - Model 6C 1900. Alfa Romeo is now part of Istituto per la Ricostruzione Industriale (IRI). For next 53 years will be part of exchequer.</li>
          <li><b>1935</b> - 6C 2300B Pescara with independent front suspension as an Alfa standard.</li>
          <li><b>1946-49</b> - Model 6C 2500 Super Sport Aerlux is the first in the world car with sliding roof made of transparent plexiglass.</li>
          <li><b>1950</b> - First, completely new post-war model 1900 with monobuilt body. Engineer Satta Puliga builds 1,9 l engine (80 hp, Super version - 90 hp). His work is supported by Giuseppe Busso.</li>
          <li><b>1952</b> - Conceptual 1900C 52, known as <b>Disco Volante</b> in coupe and Spider versions. Four-wheel drive utility vehicle Alfa Romeo A.R. 51 (1900M), engine 1,9 l (65 hp). First four-wheel drive in Alfa Romeo history.</li>
          <li><b>1962</b> - New model Giulia presented at Monza. Engine 1,6 l (92 hp). Alfa Romeo Giulia combine features of mid-size saloon and a sports car. New factory in Arese near Milan.</li>
          <li><b>1966</b> - Presentation of model 1600 Spider with 1,6 l engine (109 hp), known as <b>Duetto</b>.</li>
          <li><b>1967</b> - New models: 1750 GT Veloce and 1750 Spider Veloce. <b>Alfa Romeo Tipo 33</b> with V8 rear-mid engine(2,0 l and 230 hp). Only 18 units are built in Stradale version - with homologation for public roads. It is the first car with manual 6-gear transmission in the world.</li>
          <li><b>1970</b> - In the high-performance Tipo 33 for the first time safety fuel tank is used, which prevents fuel explosion after collision. This Alfa Romeo engineer team's invention will safe countless lives.</li>
          <li><b>1972</b> - New models: Alfetta 1800 (122 hp) in transaxle configuration and de Dion rear axle - used before only in sports cars. Debute in a compact cars segment: Alfasud with flat 1,2 l engine (63 hp). It is first Alfa Romeo FWD series production car.</li>
          <li><b>1976</b> - Giulia Diesel is first Alfa Romeo with diesel engine.</li>
          <li><b>1983</b> - Alfa 33 with 1,3 l engine (79 hp) and 33 4x4 (84 hp). Arna model is assembled in cooperation with Nissan. New factory in Pratola Serra. Variable valve timing is used in Spider 2000 Veloce.</li>
          <li><b>1988</b> - Alfa Romeo 33 Hybrid. Engine 1,5 l (95 hp) works as a basic motor in combination with electric motor and cadmium-nickel storage cells. It is the first hybrid Alfa Romeoe, 3 prototypes were built.</li>
          <li><b>1997</b> - Alfa Romeo 156 JTD premiere - the world's first common rail diesel engine in a passenger car.</li>
          <li><b>1998</b> - Alfa Romeo 156 wins international award Car of the Year 1998. Body designed by Walter de Silva is a styling trendsetter in automotive industry. Flagship 166 is presented.</li>
          <li><b>1999</b> - Alfa Romeo introduces sequential electrohydraulic transmission Selespeed operated with buttons and later by steering wheel paddles. It is the first car in its class with such a robotized gearbox.</li>
          <li><b>2001</b> - Model 147 wins Car of the Year 2001 award, introduced a year before.</li>
          <li><b>2008</b> - World premiere of MiTo - first supermini Alfa Romeo.</li>
          <li><b>2009</b> - New turbocharged engine range TBi is introduced. New 1,4 l Multiair engines in production (135-170 hp).</li>
          <li><b>2010</b> - Alfa Romeo 100th anniversary. Model Giulietta replaces 147 and according to the new standard is the safest compact car available.</li>
          <li><b>2011</b> - Alfa Romeo 4C Concept is presented at Geneva Motor Show, designed by Lorenzo Ramaciotti. The cars is opening up a new era in Alfa Romeo history - the return to the performance, speed and lightness.</li>
          <li><b>2013</b> - Alfa Romeo 4C breaks the Nürburgring speed record for all production cars with engines under 250 hp. Also the car is used as safety car during SBK Superbike World Championship.</li>
          <li><b>2014</b> - Following a 20-year hiatus, Alfa Romeo is officially back in the North American market as a mass-market automaker. </li>
          <li><b>2015</b> - All-new Alfa Romeo Giulia is presented, built from scratch in association with Ferrari is the fastest sedan in the world (Quadrifoglio version), mainly due to the powerful engine (510 hp) and very low weight.</li>
          <li><b>2016</b> - Alfa Romeo Stelvio is presented - the world's fastest SUV.</li>
      </div>
      <div id="list3">
        <h3>Wins in chronological order:</h3>
        <ul class="list-group">
          <li><b>1913</b> - Nino Franchini (40-60 HP) takes 2nd place in mountain race from Parma to Poggio di Bercete. It's the very first Alfa Romeo's success in motorsport.</li>
          <li><b>1914</b> - Grand Prix model - four cylinders, each with four valves and two sparking plugs. Vehicle was built to concquer prestigious Grand Prix France 1914. Instead beginning of World War suspends races till 1919.</li>
          <li><b>1920</b> - Giuseppe Campari (40-60 HP) wins Circuito del Mugello race. Other Alfa Romeo driver - Enzo Ferrari (20-30 ES) takes 2nd place.</li>
          <li><b>1921</b> - Campari again 1st in Mugello</li>
          <li><b>1922</b> - Ugo Sivocci is 2nd in class and 4th in general clasification in new Autodromo di Monza race. Track will bring many winnings for Alfa Romeo in future.</li>
          <li><b>1923</b> - Leading Alfa Corse (factory racing team) driver - Ugo Sivocci (Alfa Romeo RL TF) wins Targa Florio. Front of the car was decorated with four-leaf clover in white rhombus symbolizing the four drivers in the team. "Quadrifoglio"
            brought luck to the driver and remains a symbol of Alfa Romeo sport successes. Other Alfa Romeo driver - Antonio Ascari takes 2nd place. Several months later Sivocci dies in an accident at Monza track. This time mechanics did not have time
            to paint the lucky emblem on the tested Alfa GPR. After his dead "Quadrifoglio" is painted within triangle insted of rhombus.</li>
          <li><b>1924</b> - Giuseppe Campari (Alfa Romeo P2) wins French Automobil Club Grand Prix in Lyon. Enzo Ferrari wins Coppa Acerbo race.</li>
          <li><b>1925</b> - Antonio Ascari wins Italian Grand Prix at Monza track and the inaugural race of Belgian Grand Prix at Spa-Francorchamps. Alfa Romeo P2 designed by engineer Vittorio Jano wins the Manufacturers World Champion title of AIACR federation.</li>
          <li><b>1926</b> - Gastone Brilli-Peri takes 2nd place in Premio Reale di Roma race. Cleer is 3rd in German Grand Prix.</li>
          <li><b>1927</b> - Attilio Marinoni (6C 1500) wins Coppa Ciano race. Enzo Ferrari wins Circuito di Modena race.</li>
          <li><b>1928</b> - Campari and Ramponi (6C 1500) outclassed rivals at Mille Miglia race. Ramponi also wins at Brooklans defeating competitors in Bentleys and Logondas.</li>
          <li><b>1929</b> - Campari and Ramponi again the best at Mille Miglia. Winning vehicle is Alfa Romeo 6C 1750 Super Sport Spider with Zagato's body. Russian Boris Ivanovski wins Irish Grand Prix in Phoenix Park near Dublin.</li>
          <li><b>1930</b> - Tazio Nuvolari (6C 1750) wins Mille Miglia. Tadeusz Skolimowski in the same model wins in Lviv.</li>
          <li><b>1931</b> - Nuvolari (8C 2300 Monza) wins Targa Florio and lost in spectacular race with the Caproni 100 aircraft at the Roman airport Littorio. First 24h Le Mans success.</li>
          <li><b>1932</b> - Italian Grand Prix belongs to Alfa Romeo (Nuvolari). Alfa Romeo 8C 2300 team - Borzacchini and Bignami again outclassed rivals at Targa Florio. Sommer and Chinetti wins 24 Hours of Le Mans.</li>
          <li><b>1933</b> - Antonio Brivio takes the lead over Nuvolari at Targa Florio. Alfa Romeo again wins Le Mans (Sommer and Nuvolari). Norwegian driver in 8C 2600 Monza - Eugen Bjoernstad wins Lviv Grand Prix. Per-Viktor Widengren takes 2nd place.</li>
          <li><b>1934</b> - Louis Chiron (Alfa P3) wins French Grand Prix. Achille Varzi wins Targa Florio (Tipo B P3). Luigi Chinetti and Philippe Etancelin wins for the 4th time for Alfa Romeo in 24h Le Mans. Bjoernstad is unmatched during Norwegian Grand
            Prix held on a frozen lake Mjosa. Triple success in Pescara-Targa Abruzzo 24h race.</li>
          <li><b>1935</b> - Alfa Romeo's winning streak continues. Nuvolari in P3 beats dangerous rivals on their own track, winning German Grand Prix at Nürburgring. Hitler present on the stands is furious. Brivio (Tipo B P3) again wins Targa Florio, whilst
            Carlo Maria Pintacuda wins Mille Miglia. Alfa wins other 15 races in the season.</li>
          <li><b>1936</b> - Nuvolari (Tipo 12C) wins the United States Grand Prix - Vanderbilt Cup at Roosevelt Raceway in Westbury near New York. Brivio, Farina and Pintacuda dominates Mille Miglia and take all three places at the podium. Eugen Bjoernstad
            again wins Norwegian Grand Prix (lake Gjersjoen).</li>
          <li><b>1937</b> - Pintacuda and Farina (8C 2900 A) dominates Mille Miglia.</li>
          <li><b>1938</b> - Emilio Viloresi wins Coppa Ciano (Livorno) in debuting Tipo 158 model - contructed by famous Gioacchino Colombo.</li>
          <li><b>1939</b> - Giuseppe Farina wins Antwerp Grand Prix, whilst Raymond Sommer is 2nd. Both drive new Alfa Romeo Tipo 412.</li>
          <li><b>1940-45</b> - Alfas 6C 2500 SS (Sprint Speciale) win Tobruk-Trypolis race. World War caused the suspension of racing.</li>
          <li><b>1950</b> - Nino Farina (Tipo 158) wins first race in history of Formula 1 - European Grand Prix at Silverstone track, as well Swiss and Italian Grand Prix and become first F1 World Champion.</li>
          <li><b>1951</b> - Fangio in Tipo 159 wins Swiss and Spanish GP; Farina wins Belgian GP. Fangio wins his first of 5 F1 World Champion titles.</li>
          <li><b>1952-53</b> - Last rallyes with 6C 2500. The era of 4-cylinder 1900 (and 1300 later) engines begins.</li>
          <li><b>1954</b> - Consalvo Sanesi (Alfa Romeo 1900) wins in mexican Carrera Panamericana race.</li>
          <li><b>1955</b> - Team Guido Cestelli/Giuseppe Musso (Alfa Romeo 1900 TI) wins +1300 class in Mille Miglia.</li>
          <li><b>1956</b> - Alfa Romeo Giulietta Sprint Veloce of team Sgorbati/Zanelli is the fastest car in GT 1300 class in Mille Miglia.</li>
          <li><b>1957</b> - All places at the podium go to Giulietta Sprint Veloce teams in GT 1300 class during Mille Miglia. Mahle/Graf team is the best at Nürburgring at 1000km distance.</li>
          <li><b>1958</b> - Osmo and Eino Kalpala (Alfa Romeo Giulietta TI) win Jyväskylän Suurajot rally in Finland. French team Hebert/Consten (Alfa Romeo Giulietta Sprint Veloce) wins Liege-Rome-Liege race.</li>
          <li><b>1959</b> - Ewald Bandmann and Lothar Bender (Giulietta Sprint Veloce) win in GT 1300 class 1000km distance at Nürburgring.</li>
          <li><b>1960</b> - Henri Greder (Giulietta TI) wins Geneva Rally. Van Beuren and Velasquez (Sprint Veloce) are the best in GT 1300 class in 12h race at Sebring.</li>
          <li><b>1961</b> - Allessandro Zafferri and Ross Durant (Sprint Zagato) win Coppa Ascari in Monza.</li>
          <li><b>1962</b> - Arthur Swanson and Ross Durant (Sprint Veloce) win their class in 12h race at Sebring.</li>
          <li><b>1963</b> - New Alfa Romeo Giulia TI Super decimates rivals at Monza, Spa and Zaandvort. Giulia TZ wins its class in Le Mans and Tour de France. Virgilio and Calascibetta are the best in 1300 GT class during Targa Florio.</li>
          <li><b>1964</b> - Andrea De Adamich (Giulia TI Super) wind Portugal Rally and 4h race at Monza. Paco Mayorga (Giulia TI Super) wins its class in argentinian Gran Premio.</li>
          <li><b>1965</b> - Lucien Bianchi wins the class in Targa Florio. Tom O'Brien wins its class at Bridgehampton at 500km distance.</li>
          <li><b>1966</b> - New model Giulia Sprint GTA. In the next decade models GTA, GTA Junior 1300 and GTAm will win 7 titles in Manufacturer World Touring Car Championship, more than 20 champion titles in Italy and other countries and 3 times win ETCC
            championship. Lucien Bianchi wins the class at Nürburgring (1000km distance), whilst Klein wins Hessen Rally.</li>
          <li><b>1967</b> - Several dozens titles in European and US races for Giulia TI and GTA drivers. Ryszard Kopczyk wins Polish Championship.</li>
          <li><b>1968</b> - Alfa Romeo 33/2 wins 24h Daytona race in under 2000 cm class. Alfa Corse team takes also 2nd and 3rd place. Alfa Romeo wins World Manufacturer Champion title in Sports Prototypes category.</li>
          <li><b>1969</b> - 13 wins in category under 2000 cm for Alfa Romeo 33/2.</li>
          <li><b>1970</b> - De Adamich (Alfa Romeo 33/3) wins Temporada Argentina race and takes 2nd place in Zeltweg (Belgium).</li>
          <li><b>1971</b> - Nino Vaccarella and Toine Hezemans (Alfa Romeo 33/3) win Targa Florio. Alfa also wins at Watkins Glen.</li>
          <li><b>1972</b> - Gian Luigi Picchi wins the under 1300 cm class (GTA 1300 Junior Corsa).</li>
          <li><b>1973</b> - Lelio Lattari (2000 GTV) wins Polish Championship for the first time.</li>
          <li><b>1974</b> - Alfa Romeo 33 T12 teams takes first three places at Monza in 1000km distance race. Lattari wins again in Polish Rally Championship.</li>
          <li><b>1975</b> - After seven out of eight winnings Alfa Romeo 33 TT wins World Sportscar Championship.</li>
          <li><b>1976</b> - Dini and Bigliazzi (Alfetta GT 1.8) wins in Vallelunga, Silverstone, Jarama and wins Group 2 of European Touring Car Championship.</li>
          <li><b>1977</b> - Team Brambilla/Jarier/Merzario (Alfa Romeo 33 SC 12/SC12 Turbo) wins World Sportscar Championship.</li>
          <li><b>1978</b> - Niki Lauda wins Italian and Swedish F1 Grand Prix in Brabham BT46 built by Alfa Romeo and Brabham.</li>
          <li><b>1979</b> - Alfa Romeo 177 debutes in F1 at Belgium Grand Prix. Team Euroracing March Alfa Romeo wins Formula 3 eliminations round.</li>
          <li><b>1980</b> - Mauro Pregliasco (Alfa Romeo GTV Turbodelta) wins Danube Rally and takes 2nd place in California Rally.</li>
          <li><b>1981</b> - Bruno Giacomelli (Alfa Romeo 179) takes 3rd place in F1 Caesars Palace Grand Prix in Las Vegas.</li>
          <li><b>1982</b> - Andrea de Cesaris (Alfa Romeo 182) takes 2nd place in Monaco Grand Prix F1. Alfa GTV6 beat the average speed (202,3 km/h) World Record at 1000 miles distance (belonging to Lamborghini Countach 196,5 km/h).</li>
          <li><b>1983</b> - Andy Rouse (GTV6) wins British Touring Car Championship (BTCC).</li>
          <li><b>1984</b> - Alfa Romeo GTV6 wins European Touring Car Championship (ETCC). Dany Snobeck is French Champion.</li>
          <li><b>1985</b> - Lombardi and Drovandi (GTV6) win at Anderstorp, Bern, Donington and Silverstone.</li>
          <li><b>1986</b> - Yves Loubet (GTV6) takes 3rd place in Tour de Corse.</li>
          <li><b>1987</b> - Gianfranco Brancatelli (Alfa Romeo 75 Turbo) is Italian Champion.</li>
          <li><b>1988</b> - Alfa Romeo ends with F1. Brancatelli wins few non-F1 races.</li>
          <li><b>1989-91</b> - Alfa Romeo is an official engine manufacturer for Indy Cars World Series.</li>
          <li><b>1992</b> - Alfa Romeo 155 GTA wins 17 out of 20 races during Italian Touring Car Championship. Nicola Larini is Italian Champion in Campionato Italiano Superturismo (CIS).</li>
          <li><b>1993</b> - Special model 155 DTM wins 11 races in German Touring Car Masters (DTM - Deutsche Tourenwagen Masters) and Larini wins German Champion title for it.</li>
          <li><b>1994</b> - Gabriele Tarquini wins BTCC.</li>
          <li><b>1995-96</b> - Over a dozen Champion titles for Alfa Romeo 155 drivers in France, Portugal and Brasil.</li>
          <li><b>1997</b> - Fabrizio Giovanardi (Alfa Romeo 155) is the best driver in Spanish Touring Car Championship.</li>
          <li><b>1998</b> - Giovanardi (Alfa Romeo 156) wins in Campionato Italiano Superturismo.</li>
          <li><b>1999</b> - Giovanardi again as an Italian Champion in CIS.</li>
          <li><b>2000</b> - Alfa Romeo 156 is the fastest car in ETCC. Giovanardi again Italian Champion.</li>
          <li><b>2001</b> - Alfa Corse joined forces with Nordauto Engineering to create a new racing team called N. Technology</li>
          <li><b>2002</b> - Giovanardi in Alfa Romeo 156 GTA wins ETCC.</li>
          <li><b>2003</b> - Tarquini in Alfa Romeo 156 GTA wins ETCC.</li>
          <li><b>2004</b> - Adriano de Micheli (Alfa Romeo 147) wins Italian Champion in Campionato Italiano Superturismo. Alfa GTA Cup - European Alfa Challenge takes place in 8 countries.</li>
          <li><b>2005</b> - Irish driver Eoin Murray (Alfa Romeo 147) wins European Alfa Romeo Challenge.</li>
          <li><b>2006</b> - Smits (Alfa Romeo 156 STC) wins in ADAC Race at belgian Zolder, 2nd is van der Sluis in 18 years old Alfa Romeo 75 2.0 16v IMSA. Maciej Stańco leads in Twin Class category in European Alfa Romeo Challenge at Monza.</li>
          <li><b>2007</b> - Team Viaro/Bergamaschi (Alfa Romeo 6C 1500 Super Sport, 1928) win in Mille Miglia Storica.</li>
          <li><b>2008</b> - Luciano Viaro wins again in Mille Miglia Storica.</li>
          <li><b>2009-11</b> - Alfa Romeo supports SBK Superbike World Championship.</li>
          <li><b>2012</b> - Scalise Claudio/Claramunt Daniel team wins Mille Miglia Storica in Alfa Romeo 6C 1500 Gran Sport "Testa Fissa".</li>
        </ul>
      </div>
      <div id="list4">
        <h3>The winning list of Alfa Romeo:</h3>
        <ul class="list-group">
          <li>Grand Prix AIACR World Champion</li>
          <li>2 x Formula 1 World Champion</li>
          <li>2 x World Sportscar Championship World Champion</li>
          <li>5 x Formula 3 World Champion</li>
          <li>4 x 24 Hours of Le Mans winner</li>
          <li>11 x Mille Miglia winner (plus numerous winnings in classes)</li>
          <li>10 x Targa Florio winner</li>
          <li>20 x Touring Car Championship European Champion</li>
          <li>Few hundred titles in Italian Championships and 41 winnings in German Touring Car Masters (known as DTM)</li>
          <li>Few thousand titles in racing championships in Argentina, Australia, Belgium, Brasil, Finland, France, Netherlands, Norway, Poland, Portugal, RSA, Spain, Sweden, USA and many other countries </li>
          <li>Few dozens winnings in rallying</li>
          <li>Total number of Alfa Romeo's winnings is estimated to be more than 17.000 </li>
          <li>The best drivers in the world competed under Alfa Romeo badge. Among them: Tazio Nuvolari, Rudolf Caracciola, Louis Chiron, Juan Manual Fangio, Antonio Ascari, Ugo Sivocci, Achille Varzi, Raymond Sommer, Giuseppe "Nino" Farina, Lucien "Luciano"
            Bianchi, Jacques Laffitte, Jochen Mass, Hans-Joachim Stuck, Derek Bell, Henri Pescarolo and hundreds of other champions.</li>
          <li>The most famous Alfa Romeo drivers are <a href="https://en.wikipedia.org/wiki/Niki_Lauda" target="_blank">Niki Lauda</a> and <a href="https://en.wikipedia.org/wiki/Enzo_Ferrari" target="_blank">Enzo Ferrari</a>.</li>
        </ul>
      </div>
        <h3>For more info please visit <a target="_blank" href="http://www.alfaromeo.com/">Alfa Romeo</a> website.</h3>
    </div>
  </div>
  <div class="row panel-footer">
    <footer>
      <p>Made by <a id='tribute-link' href="https://www.freecodecamp.com/wawraf" target="_blank">Rafael</a></p>
    </footer>
  </div>
</body>
              
            
!

CSS

              
                li {
  text-align: left;
}

li:nth-child(odd) {
  background-color: #f2eeb3;
}

blockquote {
  border-left: 0px;
}

#main {
  padding-top: 5px;
}

h1 {
  font-family: Dancing Script, cursive;
  font-size: 100px;
}

footer {
  margin-top: 10px;
}

.panel-footer {
  font-family: Dancing Script, cursive;
  font-size: 20px;
}

body {
  margin-top: 20px;
}

.panel-default > .panel-heading, .panel-default > .panel-footer {
  background-color: #bfaf80;
}

.btn-primary {
    background: #bfaf80;
    border-color: #8c6954;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
    background: #8c6954;
    border-color: #8c6954;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    background-color: #8c6954;
    border-color: #8c6954;
    outline: 0;
}

a, a:active, a:hover, a:focus {
  color: #8c6954;
}

.thumbnail {
  background-color: #f2eeb3;
}
              
            
!

JS

              
                $(document).ready(function(){
    $("#list2, #list3, #list4").hide();
 $("#btn1, #btn1xs").click(function(){
        $("#list1").show();
        $("#list2, #list3, #list4").hide();
    });
$("#btn2, #btn2xs").click(function(){
        $("#list1, #list3, #list4").hide();
        $("#list2").show();
    });
$("#btn3, #btn3xs").click(function(){
        $("#list3").show();
        $("#list1, #list2, #list4").hide();
    });  
$("#btn4, #btn4xs").click(function(){
        $("#list1, #list2, #list3").hide();
        $("#list4").show();
    });  
  
  $("li").addClass("list-group-item"); 
  
});

              
            
!
999px

Console