-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
171 lines (142 loc) · 5.39 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
<!DOCTYPE HTML>
<!--
Benjamin Fuller
Portfolio
-->
<html>
<head>
<title>Benjamin Fuller 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" />
</head>
<body class="is-preload">
<!-- Header -->
<div id="header">
<div class="top">
<!-- Logo -->
<div id="logo">
<span class="image avatar48"><img src="images/portrait.png" alt="" /></span>
<h1 id="title">Benjamin Fuller</h1>
<p>Software Engineer</p>
</div>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="#top" id="top-link"><span class="icon solid fa-home">Intro</span></a></li>
<li><a href="#portfolio" id="portfolio-link"><span class="icon solid fa-th">Portfolio</span></a></li>
<li><a href="#about" id="about-link"><span class="icon solid fa-user">About Me</span></a></li>
</ul>
</nav>
</div>
<div class="bottom">
<!-- Social Icons -->
<ul class="icons">
<li><a href="https://www.linkedin.com/in/benjaminbfuller/" class="icon brands fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="https://github.com/BenjaminBFuller" class="icon brands fa-github"><span class="label">Github</span></a></li>
</ul>
</div>
</div>
<!-- Main -->
<div id="main">
<!-- Intro -->
<section id="top" class="one dark cover">
<div class="container">
<header>
<h2 class="alt"><strong>Benjamin Fuller's</strong><br>
<strong>Portfolio</strong></h2>
<p>Here you can find some of my projects.<br />
Click on one to find out more about it!</p>
</header>
<footer>
<a href="#portfolio" class="button scrolly">Portfolio</a>
</footer>
</div>
</section>
<!-- Portfolio -->
<section id="portfolio" class="two">
<div class="container">
<header>
<h2>Portfolio</h2>
</header>
<p> </p>
<div class="row">
<div class="col-4 col-12-mobile">
<article class="item">
<a href="https://github.com/BenjaminBFuller/ProcGenGui" class="image fit"><img src="images/forest.png" alt="" /></a>
<header>
<h3>Procedural Generation Map Maker with GUI</h3>
</header>
</article>
<article class="item">
<a href="https://github.com/BenjaminBFuller/weather-getter" class="image fit"><img src="images/weathergetter.png" alt="" /></a>
<header>
<h3>Weather Getter [API pulling for weather and image data]</h3>
</header>
</article>
</div>
<div class="col-4 col-12-mobile">
<article class="item">
<a href="https://github.com/BenjaminBFuller/ClickNSmile" class="image fit"><img src="images/Smiles.png" alt="" /></a>
<header>
<h3>Click N Smile [Exploration of the Turtle Python library]</h3>
</header>
</article>
<article class="item">
<a href="https://lolrolls.github.io" class="image fit"><img src="images/lolrolls.png" alt="" /></a>
<header>
<h3>LoLRolls [LoL Custom Gamemode Randomizer]</h3>
</header>
</article>
</div>
<div class="col-4 col-12-mobile">
<article class="item">
<a href="https://github.com/BenjaminBFuller/AdventureGame" class="image fit"><img src="images/foggy.jpg" alt="" /></a>
<header>
<h3>Adventure Game [C++/Terminal]</h3>
</header>
</article>
<article class="item">
<a href="https://github.com/BenjaminBFuller" class="image fit"><img src="images/github.png" alt="" /></a>
<header>
<h3>Github</h3>
</header>
</article>
</div>
</div>
</div>
</section>
<!-- About Me -->
<section id="about" class="three">
<div class="container">
<header>
<h2>About Me</h2>
</header>
<a href="#" class="image featured"><img src="images/marble.jpg" alt="" /></a>
<p> New Graduate of Computer Science Student from CSU Fullerton.
I'm on a mission to help change the world for the better.
Constantly learning and growing, my passion lies with coding
a better tomorrow. One day, I would like to clean the ocean
with the help of code! I'm looking forward to tackling new
challenges, optimizing old solutions, and pushing myself
through the unknown! Let's make it happen together!</p>
</div>
</section>
</div>
<!-- Footer -->
<div id="footer">
<!-- Copyright -->
<ul class="copyright">
<li>© Benjamin Fuller Portfolio. All rights reserved.</li><li>Shout-out to Professor Marc Velasco</a></li>
</ul>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollex.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>