-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
155 lines (133 loc) · 5.79 KB
/
about.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
<!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>Joseph Cass- About me</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/modern-business.css" rel="stylesheet">
<!-- jquery -->
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<div class="content">
<!--Navigation bar-->
<div id="nav-placeholder">
</div>
<script>
$(function () {
$("#nav-placeholder").load("navbar.html");
});
</script>
<!--end of Navigation bar-->
<!-- Page Content -->
<div class="container">
<!-- Page Heading/Breadcrumbs -->
<h1 class="mt-4 mb-3">Joseph Cass</h1>
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="index.html">Home</a>
</li>
<li class="breadcrumb-item active">About</li>
</ol>
<!-- Intro Content -->
<div class="row">
<div class="col-lg-6">
<img class="img-fluid rounded" src="/IMAGES/joe3.jpg" alt="">
<!-- https://jcass149.github.io/IMAGES/joe2.jpg-->
</div>
<div class="col-lg-6">
<h2>About Me</h2>
<p>I’m an innovative and enthusiastic Computer Scientist who studied at the University
of Durham from 2015-2019. </p>
<p>Born in Stockton-On-Tees, I moved to Durham to study in the field of computing, after discovering
a genuine desire to better understand how technology works, and how it can be used for countless
amazing things, from medical research to improving quality of life through efficiency and
inter-connectivity.</p>
<p>Throughout my time studying, I’ve learned how the technology we use
everyday functions, networked with some extremely talented individuals, and competed at levels
of sport I never thought I’d be able to.</p>
</div>
</div>
<!-- /.row -->
<!-- Team Members -->
<p></p>
<h2>Referees</h2>
<div class="row">
<div class="col-lg-4 mb-4">
<div class="card h-100 text-center">
<img class="card-img-top" src="/IMAGES/razorblue.jpg" alt="">
<div class="card-body">
<h4 class="card-title">Mr David Raper</h4>
<h6 class="card-subtitle mb-2 text-muted">Position- Operations Director</h6>
<p class="card-text">Contact address-
Wynyard Business Park
Stockton-on-Tees,
TS22 5FG
</p>
</div>
<div class="card-footer">
<a href="#">[email protected]</a>
</div>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="card h-100 text-center">
<img class="card-img-top" src="/IMAGES/ssfc.png" alt="">
<div class="card-body">
<h4 class="card-title">Mr Tim Selkirk</h4>
<h6 class="card-subtitle mb-2 text-muted">Position- A-level Maths and Further Maths teacher
</h6>
<p class="card-text">Contact Address-
Brinkburn Road,
Hartlepool,
TS25 5PF
</p>
</div>
<div class="card-footer">
<a href="#">[email protected]</a>
</div>
</div>
</div>
<div class="col-lg-4 mb-4">
<div class="card h-100 text-center">
<img class="card-img-top" src="/IMAGES/Newlook.png" alt="">
<div class="card-body">
<h4 class="card-title">Mrs Marie Russell</h4>
<h6 class="card-subtitle mb-2 text-muted">Position- Manager</h6>
<p class="card-text">Contact address-
Middleton Grange shopping centre
Hartlepool,
TS24 7RR
</p>
</div>
<div class="card-footer">
<a href="#">[email protected]</a>
</div>
</div>
</div>
</div>
<!-- /.row -->
<!-- /.row -->
</div>
<!-- /.container -->
</div>
<!--Footer-->
<div id="footer-placeholder">
</div>
<script>
$(function () {
$("#footer-placeholder").load("footer.html");
});
</script>
<!--end of Footer-->
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/popper/popper.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>