-
Notifications
You must be signed in to change notification settings - Fork 0
/
mike.html
71 lines (64 loc) · 2.44 KB
/
mike.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
<!doctype html>
<html lang="en">
<!-- Programmer: Thomas Boller -->
<!-- Main Page -->
<!-- Date 11/11/2018 -->
<head>
<meta charset="UTF-8" />
<title>Delta Rae</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/global.css">
<link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Sedgwick+Ave+Display" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body id="gal-body">
<div class="topnav">
<div class="dropdown">
<a href="#menu" class="dropbtn"><img src="images/menu.png"/></a>
<div class="dropdown-content">
<!-- these links are absolute to allow the professor to easily open files and view the site. they would be relational for deployment -->
<a href="about.html">About</a>
<a href="social_media.html">Social Media</a>
<a href="concerts.html">Concerts</a>
<a href="music.html">Music</a>
</div>
</div>
<div class="nav-container">
<!--This div is a container for anything that might go in the nav bar -->
</div>
<a href="index.html">
<img src="images/delta_button.png" />
</a>
<a onclick="history.back()">
<img src="images/back.png" />
</a>
</div>
<body>
<!-- Information about the photos-->
<div class="header">
<h1>Mike McKee</h1>
<p>Mike is a drummer, and while he was not one of the original 4 members he is an integral part of Delta Rae.</p>
<p>Mike is a serious improvisational musician. He made his first drum kit out of various household items at age 12. To top that he recorded Delta Rae's debut album Carry the Fire using unconventional percussion instruments, including trash cans, metal chains and various mallets. </p>
<p>In 2010 he married Melinda Pearce.</p>
</div>
<!-- The GRID -->
<div class="row">
<div class="column">
<img src="images/mike/jam.jpg" style="width:100%">
<img src="images/mike/chains.jpg" style="width:100%">
</div>
<div class="column">
<img src="images/mike/night.jpg" style="width:100%">
<img src="images/mike/tired.jpg" style="width:100%">
</div>
<div class="column">
<img src="images/mike/chill.jpg" style="width:100%">
</div>
<div class="column">
<img src="images/mike/hat.jpg" style="width:100%">
<img src="images/mike/intense.jpg" style="width:100%">
</div>
</div>
</body>
</html>