generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
395 lines (375 loc) · 17.5 KB
/
index.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
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>C.S.I Crime Scenes Investigates
</title>
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<header>
<h1>C.S.I Crime Scene Investigates</h1>
<img id="header" src="https://canyouhearmenow1.files.wordpress.com/2013/11/csi_las_vegas.jpg" alt="csi team and logo">
<a href="#home">Home</a>
<a href="#cast">Cast</a>
<a href="#episodes">Episodes</a>
<a href="#feedback">Feedback</a>
</header>
<nav id="home"></nav>
<!--Facts here-->
<div>
<h2>FACTS:</h2>
<p>C.S.I is not shot in Las Vegas</p>
<p>C.S.I is shot using skylines and sets in Santa Clarita, Calfornia and surrounding area. Occasionally filming in Las Vegas.</p>
<p>The C.S.I's are scientists not members of Police Department.</p>
<p>To Introduce C.S.I Miami a cross-jurisation episode was used.</p>
<p>A case starting in Las Vegas led them to Miami. As Miami team introduced themselves to Las Vegas team the audience was getting to know them.</p>
<p>Theme Tune is "Who are you?</p>
<p>C.S.I have or are about to return with a new series C.S.I Vegas</p>
<p>The new series has one season film so far and there 10 episodes in the season. Sara sidle and Gil Grissom appear in 6 episodes.</p>
</div>
<!--csi effects-->
<aside>
<h2>C.S.I EFFECTS</h2>
<p> Is when they show the camera going down into a wound track or deeper into something like going into aeroplane workings. They have also shown what a ball hitting the heart will do.
The csi effect is how csi is different and standout from other murder shows. The show has also shown tyre track on the ground and technology peeling back the layer to show a goudge in the road. It also shows how infrared lights can detect body heat at night. There are many other of these special effects throughtout the series, too numerous to mention. These effects are whwt keep the viewer watching.</p>
</aside>
<article>
<h2>GADGETS:</h2>
<p>Als- Advanced lighting system. Different filters on this light shows up different things. For example bodily floods</p>
<p>GCMS - Gas chromatography-mass spectrometry. Identifys different substances with a simple test</p>
<p>Computer. For running fingerprints in a data base or other data. </p>
<p>Dust lifter. Used for lifting shoe prints</p>
<p>Microscope. For checking bullet striation and other particles</p>
</article>
<!--cast div here-->
<nav id="cast">
<div>
<img src="https://i.pinimg.com/236x/95/76/42/957642aea17d0eee5a3d93cba64f57b9.jpg" alt="Gil Grissom">
<h4> William Peterson as <span class="cast">Gil Grissom:</span></h4>
<p>Is a forensic entomologist and has a doctoral degree in biology from University Of California. Gil was the shift supervisor on graveyard. He became a C.S.I in 1985 and left Las Vegas Crime lab in 2009.
He was a researcher for a short time. Gil became a sea advocate and rejoined ex wife Sara. They sail off together to the Port of San Diego.
</p>
<img src="https://i.pinimg.com/564x/bf/25/cb/bf25cb8fb78a8992eeb9740baff15024.jpg" alt="Catherine Willows">
<h4> Marg Helgenberger as <span class="cast">Catherine Willows:</span></h4>
<p>Catherine is a blood splatter analyst. She is assistant supervisor on graveyard shift. She worked for a while as graveyard supervisor. Catherine was demoted after a departmental scandel and join F.B.I as a special agent.In the series finale Catherine returns and gets directorship of the crime lab.</p>
<img src="https://i.pinimg.com/236x/c8/e6/09/c8e609e48d4fcca8bcc06b7a59a54499.jpg" alt="Warrick Brown">
<h4>Gary Dourdan as <span class="cast">Warrick Brown:</span></h4>
<p>Warrick is a csi level 3. He is an audio-video analyst and majorer in chemistry at University of Nevada. Warrick is a recovering gambler. He was accused and acquitted of murder. He was shot in his car by the under sheriff Jeffery McKeen. Warrick died from the gunshot in Grissoms arms.</p>
<img src="https://i.pinimg.com/564x/24/1a/3a/241a3ab4cd07dff0cf6e9e0a5ad2f206.jpg" alt="Nick Stokes">
<h4>George Eads as <span class="cast">Nick Stokes:</span></h4>
<p>Nick is a C.S.I level 3. Nick graduated from Texas A and M and joined Dallas police before moving to Las Vegas.He later became assistant night superviser under Catherine. Nick gets demoted back to level 3. Nick moves to San Siegoafter he gets the directorship of the SDPD Crime Lab.</p>
<img src="https://i.pinimg.com/236x/bf/ce/f7/bfcef7c51235abe5f7690cd05fab1806.jpg" alt="Sara Sidle">
<h4>Jorja Fox as <span class="cast">Sara Sidle:</span></h4>
<p>Sara is a materials and elements analyst. Sara majored in physics At Harvard University. At grissom request she moves from San Francisco to Las Vegas. Grissom and Sara later get married. After a turbulent relationship they get divorced. she gets promoted to director but gives it up to reunit with ex-husband Grissom.
Catherine takes over as lab director.</p>
<img src="https://i.pinimg.com/564x/4d/90/63/4d9063d426d0c505cbd7bb8dbf4033f6.jpg" alt="Greg Sanders">
<h4>Eric Szmanda as <span class="cast">Greg Sanders:</span></h4>
<p>Greg is a DNA Specialist. He graduated Phi Beta Kappa from Stanford. He joined the LVPD after a short time with SFPD. He wrote a book about the History of Las Vegas.
Greg believes in psychic powers. Greg has many love interests.
</p>
<img src="https://i.pinimg.com/564x/84/6a/91/846a91d21810751be08494fc02af3aee.jpg" alt="Jim Brass">
<h4>Paul Guilfoyle as <span class="cast">LVPD Captain Jim Brass:</span></h4>
<p>Brass starts out as CSI team superviser on graveyard shift. He gets moved to homicide detective when rookie Holly Gribbs gets shot on her first night on the job. Jim is the detective who does most of the arrests and interrogations for the CSI. He later retires from the force to focus on his daughter. he takes a job as head of security at Catherine casino the Eclipse.</p>
<img src="https://i.pinimg.com/564x/88/63/61/8863617bf98f8b47ce48de331ac65bbd.jpg" alt="Dr. Albert 'Al' Robbins">
<h4>Robert David Hall as <span class="cast">Dr. Albert "Al" Robbins:</span></h4>
<p>Dr. Robbins is the chief medical examiner. He is the head county coroner of the LVPD. He lost his leg after get hit by a drunk driver as a teenager. he has a prosthetic leg.
He is married with 3 children. He forms strong bonds with Gil Grissom and Raymond Langston. He very rarely leave the crime lab.he preforms autopsies and sends samples for forensic analysis.
</p>
</div>
</nav>
<!--episodes-->
<nav id="episodes">
<table>
<tr>
<th>Number</th>
<th>Title</th>
<th>Summary</th>
</tr>
<tr>
<td>1.01</td>
<td>Pilot</td>
<td>
<ul>
<li>Little Evidence Is it murder or suicide</li>
<li>Rookie Holly Gribbs starts work on graveyard shift</li>
</ul>
</td>
</tr>
<tr>
<td>1.02</td>
<td>Cool Change</td>
<td>
<ul>
<li>Grissom - appointed head of crime lab</li>
<li>Grissom - looks into death of jackpot winner</li>
<li>Warrick leaves rookie Holly alone and she gets shot</li>
</ul>
</td>
<tr>
<td>1.03</td>
<td>Crate 'n Burial</td>
<td>
<ul>
<li>Woman kidnapped</li>
<li>Hit and Run of Girl on scooter</li>
</ul>
</td>
</tr>
<tr>
<td>1.04</td>
<td>Pledging Mr.Johnson</td>
<td>
<ul>
<li>Leg found in Lake</li>
<li>Fraternity pledger dies</li>
</ul>
</td>
</tr>
<tr>
<td>1.05</td>
<td>Friends & Lovers</td>
<td>
<ul>
<li>Naked young man found in dead dessert</li>
<li>Dean of charter school beaten to death</li>
<li>Woman found in dumpster after being buried</li>
</ul>
</td>
</tr>
<tr>
<td>1.06</td>
<td>Who Are You?</td>
<td>
<ul>
<li>Catherine investigates her ex-husbands rape charge violating department protocol</li>
</ul>
</tr>
<tr>
<td>1.07</td>
<td>Blood Drops</td>
<td>
<ul>
<li>Family murdered, only 2 daughters survive. there is no apparent motive for killing</li>
</ul>
</td>
</tr>
<tr>
<td>1.08</td>
<td>Anonymous</td>
<td>
<ul>
<li>Staged suicide like episode 1.01</li>
<li>Grissom's fingerprint at scene</li>
</ul>
</td>
<tr>
<td>1.09</td>
<td>Unfriendly Skies</td>
<td>
<ul>
<li>Passengers dies on a flight</li>
<li>Who or what killed him</li>
</ul>
</td>
</tr>
<tr>
<td>1.10</td>
<td>Sex, Lies and Larvae</td>
<td>
<ul>
<li>Grissom uses insects to establish time of death of woman found wrapped in a blanket in the mountain</li>
<li>Nick looks for missing woman</li>
<li>Warrick +Catherine investigate missing painting</li>
</ul>
</td>
</tr>
<tr>
<td>1.11</td>
<td>The I-15 Murders</td>
<td>
<ul>
<li>Grissom and Catherine stumble on a serial killer</li>
<li>Margaret Shorey disappears from a supermarket</li>
</ul>
</td>
<tr>
<td>1.12</td>
<td>Fahrenheit 932</td>
<td>
<ul>
<li>Grissom investigates arson where Frank Damon wife and son died </li>
<li>Frank Damon is in jail for there murder</li>
<li>Ecklie orginally investigated the case</li>
</ul>
</td>
</tr>
<tr>
<td>1.13</td>
<td>Boom</td>
<td>
<ul>
<li>Team puts together pieces of a bomb left in a briefcase of an office building to find the signature</li>
<li>Nick spends the night with a girl who ends up dead next day</li>
</ul>
</td>
</tr>
<tr>
<td>1.14</td>
<td>To halve and to hold</td>
<td>
<ul>
<li>Human bone found in the desert</li>
<li>the rest of bones get found and they identify the man from his teeth</li>
<li>Male stripper found dead in motel bed</li>
</ul>
</td>
</tr>
<tr>
<td>1.15</td>
<td>Table Stakes</td>
<td>
<ul>
<li>Body found in pool at Portia Richmond's house</li>
<li>Portia missing</li>
</ul>
</td>
</tr>
<tr>
<td>1.16</td>
<td>Too Tough to Die</td>
<td>
<ul>
<li>Jane Doe raped and beaten and left to die by roadside</li>
<li>A man killed by his neighbour. conflicting information</li>
</ul>
</td>
</tr>
<tr>
<td>1.17</td>
<td>Face Lift</td>
<td>
<ul>
<li>Thief found dead</li>
<li>Fingerprints of girl missing for 20 years</li>
</ul>
</td>
</tr>
<tr>
<td>1.18</td>
<td>$35K O.B.O</td>
<td>
<ul>
<li>Wife and husband killed leaving a restaurant</li>
<li>Catherine investigates building collapse</li>
</ul>
</td>
</tr>
<tr>
<td>1.19</td>
<td>Gentle,Gentle</td>
<td>
<ul>
<li>Kidnap case of 4 month old Zach</li>
<li>Murder or Accident</li>
</ul>
</td>
</tr>
<tr>
<td>1.20</td>
<td>Sounds of silence</td>
<td>
<ul>
<li>Hit and run of deaf young man</li>
<li>Coffee shop mass murder</li>
</ul>
</td>
</tr>
<tr>
<td>1.21</td>
<td>Justice is served</td>
<td>
<ul>
<li>Girl dies at carnival</li>
<li>Jogger killed by apparent animal attack </li>
</ul>
</td>
</tr>
<tr>
<td>1.22</td>
<td>Evaluation Day</td>
<td>
<ul>
<li>Head found in boot of car</li>
</ul>
</td>
</tr>
<tr>
<td>1.23</td>
<td>Strip Strangler</td>
<td>
<ul>
<li>Serial killer in Las Vegas</li>
<li>Sheriff brings in F.B.I</li>
</ul>
</td>
</tr>
</table>
</nav>
<!--feedback-->
<nav id="feedback"></nav>
<form action="https://www.sendmydatahere.com" method="post">
<fieldset>
<legend>Personal Information</legend>
<label for="name">Name:</label>
<input type="text" id="name" name="name" required placeholder="enter name">
<label for="email">Email:</label>
<input type="email" id="email" name="email" required placeholder="enter email">
</fieldset>
<fieldset>
<legend>General Information</legend>
<label for="happy">Have you watched C.S.I?</label>
<input type="radio" id="yes" name="peace" value="yes">
<label for="yes">Yes</label>
<input type="radio" id="no" name="peace" value="no">
<label for="no">No</label>
<input type ="radio" id="maybe" name="peace" value="maybe">
<label for="maybe">Maybe</label>
<br>
<label for="fav-episode">What is your favourite Season?</label>
<select id="fav-episode" name="fav-episode">
<option value="Season 1">Season 1</option>
<option value="Season 2">Season 2</option>
<option value="Season 3">Season 3</option>
<option value="Season 4">Season 4</option>
<option value="Season 5">Season 5</option>
<option value="Season 6">Season 6</option>
<option value="Season 7">Season 7</option>
<option value="Season 8">Season 8</option>
<option value="Season 9">Season 9</option>
<option value="Season 10">Season 10</option>
<option value="Season 11">Season 11</option>
<option value="Season 12">Season 12</option>
<option value="Season 13">Season 13</option>
<option value="Season 14">Season 14</option>
<option value="Season 15">Season 15</option>
</select>
<label class="feedback">Feedback</label>
<textarea class="feedback" name="feedback" minlength="20" maxlength="30"></textarea>
</fieldset>
<input type="submit"> <input type="reset">
</form>
<br>
<!---footer-->
<footer id="footer">
<span>Find us on</span>
<a href="https://www.facebook.com" target="_blank" rel="noopener">Facebook</a>
<a href="https://www.twitter.com" target="_blank" rel="noopener">Twitter</a>
<a href="https://www.instagram.com" target="_blank" rel="noopener">Instagram</a>
<br>
Copyright©csi12021
</footer>
</body>
</html>