-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
191 lines (185 loc) · 9.56 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
<!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>S.H.E.I.L.D.</title>
<link rel="stylesheet" href="./css/bootstrap.min.css">
<link rel="stylesheet" href="./css/master.css">
</head>
<body>
<section class="jumbotron text-center">
<div class="container">
<h1 class="jumbotron-heading">Dr. Bruce Banner</h1>
<h4 class="jumbotron-heading">Senior Professor, School of Superhero Sciences, S.H.I.E.L.D University</h4>
<p class="lead text-muted">My name is Bruce Banner, but you know me as Hulk. If you want to know some more, remember that I should not sulk.</p>
<img src="images/bruce.jpeg" class="rounded profile" alt="Bruce">
<img src="images/hulk.jpg" class="rounded profile" alt="Hulk">
<p>
<a href="https://en.wikipedia.org/wiki/Hulk_(comics)" class="btn btn-primary">My Wikipedia Entry</a>
<a href="http://www.imdb.com/title/tt0800080/" class="btn btn-secondary">My IMDb Entry</a>
</p>
</div>
</section>
<div class="container-fluid research">
<h1 class="jumbotron-heading text-center">My research</h1>
<p class="lead text-muted">My extraordinary intelligence along with the support of most of my teammates has led to a diverse field of interest in my research.</p>
<div class="row research">
<div class="card col-4 text-center">
<img class="card-img-top rounded center" src="images/mind.jpg" alt="Mind stone">
<div class="card-body">
<h4 class="card-title">Mind Control</h4>
<p class="card-text">Plant thoughts inside the victim and force him to obey your will.</p>
<a href="https://en.wikipedia.org/wiki/Brainwashing" class="btn btn-primary">View thesis</a>
</div>
</div>
<div class="card col-4 text-center">
<img class="card-img-top rounded center" src="images/time.jpg" alt="Time stone">
<div class="card-body">
<h4 class="card-title">Time Travel</h4>
<p class="card-text">Break a hole through the fabric of time and force people to acknowledge your superiority in history trivia.</p>
<a href="https://en.wikipedia.org/wiki/Time_travel" class="btn btn-primary">View news report</a>
</div>
</div>
<div class="card col-4 text-center">
<img class="card-img-top rounded center" src="images/soul.jpg" alt="Soul Stone">
<div class="card-body">
<h4 class="card-title">Soul Shredding</h4>
<p class="card-text">Destroy the very essence of one's personality by tearing his soul apart and refresh them.</p>
<a href="https://en.wikipedia.org/wiki/Soul_eater_(folklore)" class="btn btn-primary">View Court Proceedings</a>
</div>
</div>
</div>
<div class="row research">
<div class="card col-4 text-center">
<img class="card-img-top rounded center" src="images/power.jpg" alt="Power stone">
<div class="card-body">
<h4 class="card-title">Energy Theory</h4>
<p class="card-text">What is energy? Shown in this thesis.</p>
<a href="https://en.wikipedia.org/wiki/Energy" class="btn btn-primary">View journal article</a>
</div>
</div>
<div class="card col-4 text-center">
<img class="card-img-top rounded center" src="images/Reality.jpg" alt="Reality stone">
<div class="card-body">
<h4 class="card-title">Architecture Architecture</h4>
<p class="card-text">How do you define the definers? What rules must you follow while you make something that makes other things?</p>
<a href="https://en.wikipedia.org/wiki/Compiler-compiler" class="btn btn-primary">View Twisted Dimension</a>
</div>
</div>
<div class="card col-4 text-center">
<img class="card-img-top rounded center" src="images/space.jpg" alt="Space Stone">
<div class="card-body">
<h4 class="card-title">Hyperspace Jumps</h4>
<p class="card-text">Interdimensional Travel has never been easier to achieve.</p>
<a href="https://en.wikipedia.org/wiki/Hyperspace_(science_fiction)" class="btn btn-primary">View Implementation</a>
</div>
</div>
</div>
</div>
<div class="container">
<h1 class="jumbotron-heading text-center profile">My Academics</h1>
<p class="text-muted text-center profile">I take the following classes.</p>
<div class="table-responsive">
<table class="table table-striped">
<thead>
<tr>
<th>Course ID</th>
<th>Name</th>
<th>Department</th>
<th>Level</th>
<th>Students Enrolled</th>
</tr>
</thead>
<tbody>
<tr>
<td>1,001</td>
<td>Power Plant Safety</td>
<td>Construction</td>
<td>1</td>
<td>25</td>
</tr>
<tr>
<td>1,002</td>
<td>Graph Theory for Critter Swarm Control</td>
<td>Mathematics</td>
<td>2</td>
<td>50</td>
</tr>
<tr>
<td>1,003</td>
<td>Warmonger Psychology</td>
<td>Interplanetary Safety</td>
<td>1</td>
<td>30</td>
</tr>
<tr>
<td>1,003B</td>
<td>Despot Psychology</td>
<td>Interplanetary Safety</td>
<td>1</td>
<td>30</td>
</tr>
<tr>
<td>1,004</td>
<td>Medicinal Botany</td>
<td>Biological Regenerative Sciences</td>
<td>3</td>
<td>10</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="container">
<h1 class="jumbotron-heading text-center profile">Research Assistants</h1>
<div class="row">
<div class="col-lg-4">
<img class="rounded-circle" src="images/Thor.jpg" alt="Generic placeholder image" width="140" height="140">
<h2>Thor Odinsson</h2>
<p>Principal Researcher, S.H.I.E.L.D Institue of Percussive Lightning</p>
<p><a class="btn btn-secondary" href="https://en.wikipedia.org/wiki/Thor" role="button">Visit Wikipedia »</a></p>
</div>
<div class="col-lg-4">
<img class="rounded-circle" src="images/spider-man.jpg" alt="Generic placeholder image" width="140" height="140">
<h2>Spiderman P. Parker</h2>
<p>Superhero Guild Awardee for Youngest Hero to save 10,000 lives.</p>
<p><a class="btn btn-secondary" href="https://en.wikipedia.org/wiki/Spider-Man" role="button">Visit Wikipedia »</a></p>
</div>
<div class="col-lg-4">
<img class="rounded-circle" src="images/captain-a.jpg" alt="Generic placeholder image" width="140" height="140">
<h2>Captain America</h2>
<p>Known as The Original Patriot. Chief Patriotism Specialist at The Central Superhero Intelligence Agency [CSIA].
</p>
<p><a class="btn btn-secondary" href="https://en.wikipedia.org/wiki/Captain_America" role="button">Visit Wikipedia »</a></p>
</div>
</div>
<div class="profile">
<h1 class="jumbotron-heading text-center">Co-researcher</h1>
<div class="row featurette">
<div class="col-md-7">
<h2 class="featurette-heading">Iron Man <span class="text-muted">Department of Intergalactic AI</span></h2>
<p class="lead">Builds the best AI in the universe. Don't agree? Ask Ultron.</p>
</div>
<div class="col-md-5">
<img class="featurette-image img-fluid mx-auto" src="images/iron-man.jpg" alt="Generic placeholder image">
</div>
</div>
</div>
</div>
<footer class="text-muted">
<div class="container">
<p class="float-right">
<a href="#">Back to top</a>
</p>
<p>This is a parody website and none of thee exist. Sorry, guys.</p>
<p>A <a href="https://www.facebook.com">Go to Facebook</a> or go to<a href="https://www.twitter.com">Twitter</a>.</p>
</div>
</footer>
<script src="./js/jquery-slim.min.js" charset="utf-8"></script>
<script src="./js/popper.min.js" charset="utf-8"></script>
<script src="./js/bootstrap.min.js" charset="utf-8"></script>
</body>
</html>