twiggecode.github.io/index.html at main · Twiggecode/twiggecode.github.io · GitHub

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
<!DOCTYPE HTML>

<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<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" />
		<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
	</head>

	<style>
	img {
		border-radius: 50%;
	  }

	  h2 {text-align: center;}


	  footer {

  clear: both;


  text-align:center;
  height: 50px;
  line-height: 50px;
  font-size: 110%;
  margin-left:-70%;
  margin-right:-100%;
}

	header{
		font-size: 110%
	}


	</style>


	<body class="is-preload">


		<!-- Wrapper -->
			<div id="wrapper">


				<h2>Adam Twigge</h2>


				<div style="display: flex; justify-content: center;">
					<img src="images/me.jpg" style="width: 400px; height: 400px;" />
				  </div>


				<!-- Main -->
					<div id="main">
						<div class="inner">
							<header>
								<h1>My Portfolio</h1>
								<p>I'm a software development MSc student, coding nerd and open source enthusiast. The purpose of this page is to showcase some my projects.</p><p> For more details about me, please refer to my CV.
									Take a look at some of my projects below, and if you'd like to see more of my projects, please let me know. Thank you!</p>
							</header>
							<section class="tiles">
								<article class="style1">
									<span class="image">
										<img src="images/pic01.jpg" alt="" />
									</span>
									<a href="https://github.com/Twiggecode/Chess" target="_blank">
										<h2>Chess Game</h2>
										<div class="content">
											<p>This Chess board game is a personal project that I developed using Java. This project showcases my OOP skills.</p>
										</div>
									</a>
								</article>
								<article class="style2">
									<span class="image">
										<img src="images/pic02.jpg" alt="" />
									</span>
									<a href="https://github.com/Twiggecode/CircuitAnalysis" target="_blank">
										<h2>Circuit Analysis Program</h2>
										<div class="content">
											<p>University project developed using Python. This program will analyse an input file representing a cascade circuit, calculating, formatting and writing output data to an output file.</p>
										</div>
									</a>
								</article>
								<article class="style3">
									<span class="image">
										<img src="images/pic03.jpg" alt="" />
									</span>
									<a href="https://github.com/Twiggecode/Integer-Sequences" target="_blank">
										<h2>Integer Sequences Open Source Project </h2>
										<div class="content">
											<p>My open source project with 110 contributors. The purpose of this project is to develop a database of algorithms to generate the nth number of an integer sequence.</p>
										</div>
									</a>
								</article>


							</section>
						</div>
					</div>


				<!-- Footer -->
					<footer id="footer">
						<div class="inner">


							<section>
								<h2>Contact Me</h2>
								<ul class="icons">
									<li><a href="https://www.linkedin.com/in/adam-twigge-2181b6161/" target="_blank" class="icon brands style2 fa-linkedin"><span class="label">LinkedIn</span></a></li>
									<li><a href="https://github.com/Twiggecode" target="_blank" class="icon brands style2 fa-github"><span class="label">GitHub</span></a></li>
									<li><a href="mailto:adam.twigge@live.com" target="_blank" class="icon solid style2 fa-envelope"><span class="label">Email</span></a></li>
								</ul>
							</section>

						</div>
					</footer>

			</div>

		<!-- Scripts -->
			<script src="assets/js/jquery.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>