-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathindex.html
More file actions
136 lines (125 loc) · 5.56 KB
/
index.html
File metadata and controls
136 lines (125 loc) · 5.56 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Home Page</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- Required meta tags -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark fixed-top">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="science.html">Science</a>
</li>
<li class="nav-item">
<a class="nav-link" href="medicine.html">Medicine</a>
</li>
<li class="nav-item">
<a class="nav-link" href="comms.html">Communication</a>
</li>
</ul>
<!-- A collape button could go here to fix the page on smaller screens
see: https://getbootstrap.com/docs/4.1/components/navbar/
-->
</nav>
<br><br><br><!-- Replace this with proper pad -->
<div id="carousel" class="carousel slide" data-ride="carousel">
<ul class="carousel-indicators">
<li data-target="#carousel" data-slide-to="0" class="active"></li>
<li data-target="#carousel" data-slide-to="1"></li>
<li data-target="#carousel" data-slide-to="2"></li>
<!-- Potentially add links to external sites -->
</ul>
<div class="carousel-inner">
<div class="carousel-item active">
<!-- a class could be added to these links and then a style given to that class to avoid the white text with blue line -->
<a href="medicine.html">
<img class="carousel-image" src="media/carousel_medicine.png" alt="Medicine">
<div class="carousel-caption">
<br>
<h3>Medicine</h3>
<p>How have Computers changed the world of Modern Medicine?</p>
</div>
</a>
</div>
<div class="carousel-item">
<a href="science.html">
<img class="carousel-image" src="media/carousel_science.png" alt="Science">
<div class="carousel-caption">
<br>
<h3>Scientific Computing</h3>
<p>How Computers can help us push the boundaries of Science.</p>
</div>
</a>
</div>
<div class="carousel-item">
<a href="comms.html">
<img class="carousel-image" src="media/carousel_comms.png" alt="Communication">
<div class="carousel-caption">
<br>
<h3>Communication</h3>
<p>A look at how computing has revolutionised the way we communicate</p>
</div>
</a>
</div>
</div>
<a class="carousel-control-prev" href="#carousel" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#carousel" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
</div>
<div class="container">
<div class="row">
<div class="column-lg-12 col-md text-white">
<h2>Author Information</h2>
</div>
</div>
<div class="row">
<div class="column-lg-4 col-md">
<div class="card text-white bg-dark">
<div class="card-header">
<h3>Adam Greenbank<a href="https://github.com/AdamG412"><img class="icon" src="media/github_icon.png"></a></h3>
</div>
<div class="card-body">
<p>Adam is the Author of the Scientific Computing page and he studies Computer Science. He is from Cumbria and his favourite food is mud- just mud.</div>
</div>
</div>
<div class="column-lg-4 col-md">
<div class="card text-white bg-dark">
<div class="card-header">
<h3>Alex McKinney<a href="https://github.com/vvvm23"><img class="icon" src="media/github_icon.png" /></a></h3>
</div>
<div class="card-body">
<p>Studying Computer Science, Alex McKinney is a very handsome man and a dab hand at all things HTML. He loves his dog, eating raw carrots and he likes eating mud too. He wrote a lot of the HTML for the index page as well as the page on medicine. And as much as I love the description Adam gave him, I have to edit it otherwise I have to write my own description which isn’t allowed.</p>
</div>
</div>
</div>
<div class="column-lg-4 col-md">
<div class="card text-white bg-dark">
<div class="card-header">
<!--- img brackets not closed! -->
<h3>Jake Saunders<a href="https://github.com/JakeSESaunders"><img class="icon" src="media/github_icon.png"</a></h3>
</div>
<div class="card-body">
<p>Jake Saunders is the in house Pasty Chef as well as a Student of Mathematics in his spare time and also a student of Computer Science in his spare spare time. He authored the communication page and is also well renowned as the finest piano and bass musician in Plymouth. He also enjoys mud.</p></div>
</div>
</div>
</div>
</div>
<br>
<!-- Place HTML markup above this -->
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>