-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsports.html
132 lines (126 loc) · 5.77 KB
/
sports.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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!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>Sportscar Menu</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/senna.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 Car</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html"><i class="fa fa-fw fa-location-arrow"></i>About 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/sports.png" height="100%" width="100%" alt="">
</div>
<article>
<div class="card-group">
<div class="card">
<a target="#" href="mp12c.html"> <img src="images/mp12c.jpg" class="card-img-top " alt=" McLaren mp12c" ></a>
<div class="card-body">
<h5 class="card-title">McLaren MP4-12C</h5>
<p class="card-text">Mclaren Model MP4-12C Engine: V8 Transmission: 7 Speed SSG with 3.8L Power 616Bhp Torque 600nm Maximum Speed 329kph/(204mph) 0-100kph 3.3s.</p>
</div>
<div class="card-footer">
<small class="text-muted">Price $229000</small>
</div>
</div>
<div class="card">
<a target="3" href="600lt.html"><img src="images/600lt.jpg" class="card-img-top " alt=" McLaren 600LT" ></a>
<div class="card-body">
<h5 class="card-title">McLaren 600LT</h5>
<p class="card-text">Mclaren Model 600LT Engine: V8 Transmission: 7 Speed SSG with 3.8L Power 600Bhp Torque 620nm Maximum Speed 329kph/(204mph) 0-100kph 3.9s.</p>
</div>
<div class="card-footer">
<small class="text-muted">Price $229000</small>
</div>
</div>
<div class="card">
<a target="#" href="720s.html"><img src="images/720s.jpg" class="card-img-top " alt=" McLaren 720S" ></a>
<div class="card-body">
<h5 class="card-title">McLaren 720S</h5>
<p class="card-text">Mclaren Model 720S Engine: V8 Transmission: 7 Speed SSG with 4.0L Power 720bhp Torque 770nm Maximum Speed 341kph/(212mph) 0-100kph 2.9s.</p>
</div>
<div class="card-footer">
<small class="text-muted">Price $229000</small>
</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>