forked from chasesinghofen/chasesinghofen
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcar-show.html
164 lines (146 loc) · 9.55 KB
/
car-show.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
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!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">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4"
crossorigin="anonymous">
<link rel="stylesheet" href="car.css">
<title>Chase's Luxary Car Service</title>
</head>
<body>
<a name="top"></a>
<div class="jumbotron">
<div class="container">
<h3>Chase's Luxary Car Show Inc.</h3>
<span>Detroit, Michigan January 1st - 5th, 2019</span>
</div>
</div>
<div class="card-deck">
<div class="card">
<img class="card-img-top" src="https://images.pexels.com/photos/296735/pexels-photo-296735.jpeg?auto=compress&cs=tinysrgb&h=350" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Car Show 2018</h5>
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur molestias laborum aliquam a dolorem illum ad molestiae quisquam sit sed eligeno?.</p>
<!--<p class="card-text"><small class="text-muted">About.....</small></p>-->
</div>
</div>
<div class="card">
<img class="card-img-top" src="https://images.pexels.com/photos/241316/pexels-photo-241316.jpeg?auto=compress&cs=tinysrgb&h=350" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Car Show 2018</h5>
<p class="card-text">Lorem ipsum dolor sit, amet adipisicing elit. Natus perspiciatis commodi praesentium sint est magnam suscipit mouam molestias?.</p>
<!--<p class="card-text"><small class="text-muted">About.....</small></p>-->
</div>
</div>
<div class="card">
<img class="card-img-top" src="https://images.pexels.com/photos/105032/pexels-photo-105032.jpeg?auto=compress&cs=tinysrgb&h=350" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Car Show 2018</h5>
<p class="card-text">Lorem ipsum dolor sit adipisicing elit. Delectus, optio! Quasi alias quos distinctio. Iure, possimus autem vitae quae esse, voam ullam eaque voluptatum?.</p>
<!--<p class="card-text"><small class="text-muted">About.....</small></p>-->
</div>
</div>
<div class="card">
<img class="card-img-top" src="https://images.pexels.com/photos/163706/corvette-vette-viper-black-163706.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Car Show 2018</h5>
<p class="card-text">Lorem ipsum dolor sit, amet conseelit. Delectus, optio! Quasi alias quos distinctio. Iure, possimus autem vitae quae esse, voam ullam eaque voluptatum?.</p>
<!--<p class="card-text"><small class="text-muted">About.....</small></p>-->
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col">
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Asperiores veniam eius odit, eveniet alias, numquam voluptatibus perspiciatis similique hic quaerat quis velit accusamus minima dignissimos cum nulla nesciunt necessitatibus quae?</p>
</div>
</div>
<div class="row">
<div class="col">
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Asperiores veniam eius odit, eveniet alias, numquam voluptatibus perspiciatis similique hic quaerat quis velit accusamus minima dignissimos cum nulla nesciunt necessitatibus quae?</p>
</div>
</div>
<div class="row">
<div class="col">
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Asperiores veniam eius odit, eveniet alias, numquam voluptatibus perspiciatis similique hic quaerat quis velit accusamus minima dignissimos cum nulla nesciunt necessitatibus quae?</p>
</div>
</div>
</div>
<div class="container-fluid">
<img class="img-fluid" src="" alt="">
</div>
<div class="card-deck">
<div class="card">
<img class="card-img-top" src="https://images.pexels.com/photos/100656/pexels-photo-100656.jpeg?auto=compress&cs=tinysrgb&h=350" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Car Show 2018</h5>
<p class="card-text">Lorem ipsum, dolor sit amet consectetur adipisidus repellat quibusdam natus illum, et dolore vous laborum rem. Corporis laborum aspernatur, animi cupiditate quasi vero.</p>
<!--<p class="card-text"><small class="text-muted">About.....</small></p>-->
</div>
</div>
<div class="card">
<img class="card-img-top" src="https://images.pexels.com/photos/170811/pexels-photo-170811.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Car Show 2018</h5>
<p class="card-text">Lorem ipsum dolor sit, amet adi? . Ipsam doloribus quia asperiores eaque odio aliquid ab excepturi.enuam nam vel impedit accusamus soluta consequatur ab!.</p>
<!--<p class="card-text"><small class="text-muted">About.....</small></p>-->
</div>
</div>
<div class="card">
<img class="card-img-top" src="https://images.pexels.com/photos/116675/pexels-photo-116675.jpeg?auto=compress&cs=tinysrgb&h=350" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Car Show 2018</h5>
<p class="card-text">Lorem ipsum dolor sit, amet consecte Esse et fugiat ullam eius officiis error atque iure nisi, accusantium animi porro consequuntur!.</p>
<!--<p class="card-text"><small class="text-muted">About.....</small></p>-->
</div>
</div>
<div class="card">
<img class="card-img-top" src="https://images.pexels.com/photos/627678/pexels-photo-627678.jpeg?auto=compress&cs=tinysrgb&h=350" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Car Show 2018 </h5>
<p class="card-text">Lorem ipsum dolor sit amt. Impedit laborum sit perspiciatis repudiandae nesciunt quibusdam doloriusto eveniet amet praesentium consequatur dolorum illo doloribus temporibus quos..</p>
<!--<p class="card-text"><small class="text-muted">About.....</small></p>-->
</div>
</div>
</div>
<br>
<br>
<div class="container">
<div class="row">
<div class="col">
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Asperiores veniam eius odit, eveniet alias, numquam voluptatibus perspiciatis similique hic quaerat quis velit accusamus minima dignissimos cum nulla nesciunt necessitatibus quae?Lorem ipsum dolor sit amet consectetur adipisicing elit. Quae voluptatum quod enim. Fugit temporibus ex nulla veritatis animi facere, exercitationem, asperiores soluta magni debitis fugiat molestiae ipsa, facilis dolore. Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur atque aliquid repudiandae autem officiis deleniti optio, totam minima dolore perferendis eos, a ea nisi iure porro sed numquam necessitatibus laudantium. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Consequatur nisi quae vero voluptas facere beatae hic, obcaecati provident, voluptates neque molestiae possimus reprehenderit? Ex ullam ratione fugit odio nemo quo.</p>
</div>
</div>
<p id="more-info">Contact for more information & ticket pricing</p>
<form>
<div class="row">
<div class="col">
<input type="text" class="form-control" placeholder="Name">
</div>
<div class="col">
<input type="email" class="form-control" placeholder="E-mail">
</div>
</div>
<div class="form-group">
<label for="comment"></label>
<textarea class="form-control" rows="5" id="comment"></textarea>
</div>
</form>
<span id="more-info">Don't Get Lost!!!</span>
<div style="width: 100%"><iframe width="100%" height="500" src="https://maps.google.com/maps?width=100%&height=600&hl=en&q=detroit%20michigan+(My%20Business%20Name)&ie=UTF8&t=&z=14&iwloc=B&output=embed" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"><a href="https://www.maps.ie/create-google-map/"></a></iframe></div><br />
<div class="container-fluid">
<p class="text-center" id="more-info">~ Motor City USA ~</p>
<img class="img-fluid" src="https://images.pexels.com/photos/356830/pexels-photo-356830.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260" alt="city-traffic-night">
</div>
<br>
<hr class="hr">
<br>
<footer>© Chase's Luxary Car Shows Inc. 2018 ~ MIT License <a href="#top">Back to top of page</a></footer>
<!-- jQuery library -->
<script src="https://code.jquery.com/jquery-3.3.1.js" integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60=" crossorigin="anonymous"></script>
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
</body>
</html>