-
Notifications
You must be signed in to change notification settings - Fork 0
/
bootstrap-sample.html
55 lines (52 loc) · 2.9 KB
/
bootstrap-sample.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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<title>Motorcycle Squares</title>
</head>
<body>
<h1>Motorcycle Squares</h1>
<div class="container-fluid">
<div class="row">
<div class="col-md">
<div class="img-fluid"><img src="Kawi.jpeg" class="img-fluid" width=400 height=300 alt="Kawasaki Ninja 300"></div>
<p>My Kawasaki Ninja 300 - Oct. 2012</p>
</div>
<div class="col-md">
<div class="img-fluid"><img src="Duc.jpeg" class="img-fluid" width=400 height=300 alt="Ducati Monster 1100 Evo"></div>
<p>My Ducati Monster 1100 Evo - Mar. 2013</p>
</div>
<div class="col-md">
<div class="img-fluid"><img src="MV.jpeg" class="img-fluid" width=400 height=300 alt="MV Agusta Stradale"></div>
<p>My MV Agusta Stradale - Aug. 2018</p>
</div>
</div>
<div class="row">
<div class="col">
<a class="btn btn-secondary" href="https://www.motorcyclespecs.co.za/model/kawasaki/kawasaki_ninja_300r%2013.htm" role="button">Handling</a>
</div>
<div class="col">
<a class="btn btn-danger" href="https://www.motorcyclespecs.co.za/model/ducati/ducati_monster_1100%20evo%2012.htm" role="button">Power</a>
</div>
<div class="col">
<a class="btn btn-info" href="https://www.motorcyclespecs.co.za/model/mv/MV_Agusta_Stradale_800_15.html" role="button">Comfort</a>
</div>
</div>
<br>
<div class="row">
<div class="col">
<p>All photography is done by and copyright of Justin Lischak Earley, using iPhones of varying ages producing photos of varying resolutions. The Kawi is gone, but the Ducati and the MV are in the garage, awaiting the return of free time so they can be ridden with gusto once again!</p>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</body>
</html>