-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
149 lines (137 loc) · 6.09 KB
/
index.html
File metadata and controls
149 lines (137 loc) · 6.09 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
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE HTML>
<!--
Read Only by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>My Portfolio</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<script src="https://kit.fontawesome.com/841b76ecb1.js" crossorigin="anonymous"></script>
<meta name="google-site-verification" content="xP9Y9zdriUs7auKBVIk23T8j3v4RmmtUphMMTGqRBME" />
</head>
<body class="is-preload">
<!-- Header -->
<section id="header">
<header>
<span class="image avatar"><img src="images/avatar.JPG" alt="" /></span>
<h1 id="logo"><a href="#">Jamie Williams</a></h1>
<p>Civil Engineer & Environmentalist</p>
</header>
<nav id="nav">
<ul>
<li><a href="#one" class="active">About me</a></li>
<li><a href="#two">Skills</a></li>
<li><a href="#three">Recent projects</a></li>
<li><a href="#four">Resume</a></li>
</ul>
</nav>
<footer>
<ul class="icons">
<li><a href="https://www.linkedin.com/in/jamwills/" class="icon brands fa-linkedin"><span class="label">Linkedin</span></a></li>
<li><a href="https://github.com/jamwills" class="icon brands fa-github"><span class="label">Github</span></a></li>
</ul>
</footer>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<div id="main">
<!-- One -->
<section id="one">
<div class="image main" data-position="center">
<img src="images/banner.jpg" alt="" />
</div>
<div class="container">
<header class="major">
<h2>My Portfolio</h2>
<p>About me<p>
</header>
<p>Hey, thank you for visiting my portfolio! <br> I'm Jamie, a civil engineering student with a passion for sustainability, automation and digital delivery.<br> Currently I'm working for Arcadis UK, before I'll then be returning to the University of Southampton to finish off my masters degree. <br> <br> My fields of interest: Energy & Climate Change, Water, Automation.</p>
</div>
</section>
<!-- Two -->
<section id="two">
<div class="container">
<h3>Skills</h3>
<p>Listed below are just a handful of what I consider to be some of my top skills:</p>
<ul class="feature-icons">
<li class="icon solid fa-cubes">CAD modelling</li>
<li class="icon solid fa-mountain-sun">Creating photorealistic renders</li>
<li class="icon solid fa-code">Coding (Python, R, Matlab)</li>
<li class="icon solid fa-chart-column">Data analysis</li>
<li class="icon solid fa-calculator">Design calculations</li>
<li class="icon solid fa-users">Coordination and planning</li>
</ul>
</div>
</section>
<!-- Three -->
<section id="three">
<div class="container">
<h3>Recent projects</h3>
<p>Showcased below is a sample of some of the projects that I am proudest of so far, since I started at University.</p>
<div class="features">
<article>
<a class="image"><img src="images/city.jpg" alt="" /></a>
<div class="inner">
<h4>Undergraduate Thesis</h4>
<p>A data-driven approach to energy modelling, for building stock decarbonisation. <br>
Awarded a high first and a piece that I was fortunate enough to continue working on as an intern afterwards. <br>
Check out a part of the work <a href="https://bookdown.org/jamwills/energymodelling/"> <b> here.</b> </a> </p>
</div>
</article>
<article>
<a class="image"><img src="images/water.jpg" alt=""/></a>
<div class="inner">
<h4>Millbrook Wastewater Treatment Plant (WWTP)</h4>
<p> A group design project that I led was the conceptual expansion of Millbrook WWTP. <br>
Centred around process-engineering, this project tested our creativity when designing a sustainable tertiary treatment chain. <br>
This project was awarded a first. </p>
</div>
</article>
<article>
<a class="image"><img src="images/bridge.jpg" alt="" /></a>
<div class="inner">
<h4>Improving Southampton's Infrastructure</h4>
<p>Another group design project that I led, focussing on structural design and modelling, was the design of a bridge to Mayflower park. <br>
Structural analysis was performed using SAP2000, 3D models were created in CAD softwares
and the photorealistic renders, shown to the left, were created in Twinmotion. <br>
This project was also awarded with a first. </p>
</div>
</article>
</div>
</div>
</section>
<!-- Four -->
<section id="four">
<div class="container">
<h3>Resume</h3>
<p>I hope that you found my portfolio interesting!<br>
Please feel free to view my resume which is available below, or visit my LinkedIn and Github profiles. </p>
<ul class="actions">
<li><a href="resume.pdf" class="button">View my resume</a></li>
</div>
</section>
</div>
<!-- Footer -->
<section id="footer">
<div class="container">
<ul class="copyright">
<li>Contact information: <br> Jamie Williams <br> Email: jamiewilliams72@hotmail.co.uk</li>
</ul>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>