-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsenna.html
113 lines (111 loc) · 5.94 KB
/
senna.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>McLaren Senna</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Icon-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Memakai jQuery -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="crossorigin="anonymous"></script>
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body style="background-image: url(images/race1.jpg);">
<header>
<nav class="navbar navbar-expand-md navbar-dark bg-dark ">
<a class="navbar-brand" href="home.html">
<img src="images/logo2.png" width="150" class="d-inline-block align-top" alt="">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse " id="navbarNav">
<ul class="nav">
<li class="nav-item">
<a class="nav-link" href="home.html"><i class="fa fa-fw fa-home"></i> Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><i class="fa fa-fw fa-car"></i>Car</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="hyper.html"> Hyper Car</a>
<a class="dropdown-item" href="sports.html"> Sports Car</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html"><i class="fa fa-fw fa-location-arrow"></i>Find Us</a>
</li>
</ul>
<div class="navbar-nav ml-auto ">
<a href="Login.html" class="nav-item nav-link" style="color:white;" ><i class="fa fa-fw fa-user-circle"></i>Login/SignUp</a>
</div>
</ul>
</div>
</nav>
</div>
</header>
<div class="img">
<img src="images/senna4.jpg" height="100%" width="100%" alt="">
</div>
<article>
<!-- Nav tabs -->
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#Overview">Overview</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#Specification">Specification</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div class="tab-pane container active" id="Overview">It is the most track-focused road car we have ever built, and it will set the fastest lap times of any McLaren to date. That is what has driven us to build a track car that is unashamedly without compromise. One that is legalised for road use, but not sanitised to suit it. Nothing else matters but to deliver the most intense driving experience around a circuit. Inspired by one of McLaren’s greatest racing drivers, the McLaren Senna is utterly dedicated to allowing the driver to be the best they can possibly be.The McLaren Senna is the fastest McLaren road car ever around a racetrack, but these abilities go hand-in-hand with an intensely involving and immersive experience that puts the driver utterly in control.
</div>
<div class="tab-pane container fade" id="Specification"> The Senna is largely based on the McLaren720S, using a modified version of its carbon fibre monocoque and engine. The Senna is powered by a modified version of the McLaren 720S' 3,994 cc (4.0 L; 243.7 cu in) twin-turbocharged V8 engine codenamed the M840TR. It utilises a seven-speed dual-clutch transmission that delivers all 800 PS (588 kW; 789 hp) at 7,250 rpm and 590 lb⋅ft (800 N⋅m) of torque at 5,500 rpm to the rear wheels. Unlike the previous offering in the Ultimate Series, the P1, the Senna does not use an electric motor in favour of its low claimed dry weight of 1,198 kg (2,641 lb), which allows for a maximum power-to-weight ratio of 667 PS (491 kW; 658 hp) per ton.
</div>
</div>
</article>
<!-- Footer -->
<footer id="myFooter">
<div class="container-fluid">
<div class="row text-center">
<div class="col-12 col-sm-6 col-md-3">
<h1 class="logo" style="margin-top:30px;"></h1><img src="images/logo2.png" width="200px" > </img></h1>
</div>
<div class="col-12 col-sm-6 col-md-2">
<h5>Get started</h5>
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="Login.html">Login</a></li>
</ul>
</div>
<div class="col-12 col-sm-6 col-md-2">
<h5>Our Company</h5>
<ul>
<li><a href="about.html">About Us</a></li>
<li><a href="indexloker.html">Carrer</a></li>
</ul>
</div>
<div class="col-md-3 social-networks">
<div></div><a href="#" class="facebook"><i class="fa fa-facebook"></i></a><a href="#" class="twitter"><i class="fa fa-twitter"></i></a><a href="#"></i></a>
<a href="about.html"><button class="btn btn-primary" type="button" style="margin-top:20px;">Contact us</button></a>
</div>
</div>
<div class="row footer-copyright">
<div class="col">
<p>© 2016 Copyright McLaren <a href="#">Mohamad Adlian</a></p>
</div>
</div>
</div>
</footer>
</body>
</body>
</html>