Style Guide Template for P1:Process

About Us

We provide rental services to F1 enthusiasts who wants a chance to be behind the wheel of an actual formula 1 car, more specifically, MCL35M, the Mclaren F1 car from the 2021 season.

Customers can order our service and we can send the car and a team of engineers to any race track of their choice in world, the rental fees will be charged depending on how many laps they ended up doing and the distance it takes from the mclaren factory in UK, to the race track you choose.

Potential imagery

image1 image2 image2

Color palette

color

Fonts

Impact

Verdana

Trebuchet MS

Interactive Elements

In text link

CSS selector:

.textlink

Sample code:

<a href="https://en.wikipedia.org/wiki/McLaren_MCL35" class="textlink">MCL35M</a>

MCL35M-to wikipedia, the Mclaren F1 car from the 2021 season.

Navigation Link

CSS selector:

.navbutt .navlink

Sample code:

<button class="navbutt"><a class="navlink" href="#menu">menu</a></button>

Rendered element:

Text Input Field with Label

CSS selector:

.textlable .textbox

Sample code:

<label class="textlable">Your Name :</label>
<input class="textbox" type="text" size="20" name="name">

Rendered element:

Image as a Link

CSS selector:

.image

Sample code:

<a class="image" href="#about_us"> <img class="image" src="https://media3.giphy.com/media/Y4bItkN2ZIIGzLZ8Ts/giphy.gif" alt="gif"></a>

Rendered element:

gif

Text Elements

Headings

CSS selector:

h3 h4 h5

Sample code:

<h3>heading 3 </h3>

Rendered element:

heading 3

heading 4

heading 5

Paragraphs

CSS selector:

p

Sample code:

<p>The MCL35</p>

Rendered element:

The MCL35 represented a substantial development over its predecessor, the MCL34, featuring a new aerodynamic design that increased efficiency and was better optimised for Renault engines. The car was originally intended to compete in the 2020 season only, but as the championship was heavily disrupted by the COVID-19 pandemic, the lifespan of all 2020 cars was extended into 2021. McLaren produced an upgraded version of the car, the McLaren MCL35M, for the 2021 championship as the team returned to using Mercedes engines.

Due to the restrictions imposed by the FIA's token system for 2021 development, most of the aerodynamic changes for the MCL35M were introduced in the 2021 season. McLaren "substantially re-engineer some areas" of the MCL35 to adapt to 2021 regulations that reduce the overall downforce of the car, while the switch to the Mercedes power unit necessitated the redesign of hydraulics, cooling, electronics, pipework for air and fluids, and control boxes.These changes were driven by the different layout of the M12 over the E-Tech 20, since the Mercedes engine's turbine and compressor are in different locations: the E-Tech 20 had both the turbine and compressor at the rear of the engine, while the M12 places the compressor at the front and turbine at the rear to allow for a larger and more efficient power unit. The MCL35M also saw the introduction of a new gearbox, which McLaren continued to develop independently. This new gearbox necessitated the extension of the car's wheelbase. Key described the MCL35M as "akin to a new car".

Numbered Lists

CSS selector:

ol li

Sample code:

<ol> <li>item1</li></ol>

Rendered element:

  1. item 1
  2. item 2
  3. item 3
  4. item 4
  5. item 5

Combined Elements

Main Navigation

CSS selector:

.grid-container .navbutt .navlink

Sample code:

<div class="grid_container"> <button class="navbutt"><a class="navlink" href="#">Home</a></button></div>

Rendered element:

Product/Service Listing

CSS selector:

.grid-container2 .item img h3

Sample code:

<div class="grid-container2"><div class="item"> <img></div></div>

Rendered element:

2010

2010 Car

2015

2015 Car

2018

2018 Car

Citations