-
Notifications
You must be signed in to change notification settings - Fork 0
/
harley.html
123 lines (101 loc) · 4.95 KB
/
harley.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Youngtimer</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<!-- Custom styles for this template -->
<link href="css/clean-blog.min.css" rel="stylesheet">
<!-- Biblioteka jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<link href="css/slide.css" rel="stylesheet" type="text/css">
<script src="js/slide.js"></script>
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand" href="index.html">Youngtimer</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="posts.html">Posts</a>
</li>
<li class="nav-item">
<a class="nav-link" href="gallery.html">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Page Header -->
<header class="masthead" style="background-image: url('img/harley/HD2.jpg')">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-10 mx-auto">
<div class="post-heading">
<h1>Harley-Davidson XR1200</h1>
<h2 class="subheading">American style finally presented in a civilized way</h2>
<span class="meta">Posted by
<a href="about.html">Artur Liszewski</a>
on August 24, 2019</span>
</div>
</div>
</div>
</div>
</header>
<!-- Post Content -->
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-10 mx-auto">
<p>Stereotype Harley-Davidson? A huge cruiser with a bearded guy in his fifties, who makes dangerous faces at weekends and pulls his teeth off during the week, or sells expensive sedans. Born to ride, rock&roll, meetings and beer. Well, not every H-D is like that. The Sportster family once broke away from this, but after many years she also got old. However, a remedy came in 2008 – XR1200! Harley, who is full of dynamics and awesomeness. On the one hand, it draws from the iconic XR750, on the other hand, be compact naked. In absolute numbers this motorcycle is not the best, who would be excited 91 hp, but tables are not the most important thing. Steel rocking frame, V-cooled engine with OHV camshaft and USD fork. XR1200 is not a sports motorcycle, on the road, however, is doing great. As a curiosity it is worth adding that it was not available in the USA. The motorcycle went into production in 2008, production ended in 2012. He didn't have a successor, it's a pity.</p>
<div id="slideshow">
<img class="img-fluid" src="img/harley/HD1.jpg" alt="">
<img class="img-fluid" src="img/harley/HD2.jpg" alt="">
<img class="img-fluid" src="img/harley/HD3.jpg" alt="">
<img class="img-fluid" src="img/harley/HD4.jpg" alt="">
</div>
<p>Why the classic? Hmm… I'm not a Harley man, I just like American motorcycles.</p>
</div>
</div>
</div>
<hr>
<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-10 mx-auto">
<p class="copyright text-muted">Copyright © Artur Liszewski</p>
</div>
</div>
</div>
</footer>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Custom scripts for this template -->
<script src="js/clean-blog.min.js"></script>
</body>
</html>