-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
152 lines (142 loc) · 5.71 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
<!-- Brian Burns - -
- - index.html - -
- - brnbrns.co - -
- - - - - - - - - -->
<!DOCTYPE html>
<html>
<head>
<!-- Google Apps -->
<meta name="google-site-verification" content="EA02yrWKQ4oLULq7RhCLdmUJD54vH-w6HkCfjDnDb1E" />
<!-- Source Sans Pro Font -->
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700' rel='stylesheet' type='text/css'>
<meta charset="utf-8">
<!-- CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" type="text/css">
<link rel="stylesheet" href="css/style.css" type="text/css">
<!-- JavaScript -->
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/main.js"></script>
<title>Brian Burns</title>
<link rel="shortcut icon" href="favicon.ico"/>
</head>
<body>
<!-- Full height header -->
<header>
<div class="navbar hidden">
<span id="navbarName">brian burns</span>
<span class="navbarHome">Home</span>
<span class="navbarAbout">About</span>
<span class="navbarProjects">Projects</span>
<span class="navbarSkills">Skills</span>
<span class="navbarContact">Contact</span>
</div>
<h1 class="title">brian burns | developer</h1>
<img class="downarrow" src="img/arrow.svg" alt="A down arrow">
</header>
<!-- About Section -->
<div class="about clearfix">
<a name="about"></a>
<!-- Left Side -->
<div class="aboutLeft">
<img src="img/headshot.png" alt="A picture of Brian Burns">
<a href="Resume.pdf" class="resume">↓ Resume</a>
</div>
<!-- Right Side -->
<div class="aboutRight">
<h2>About Me</h2>
<p>
I'm a software engineer from Orange County, CA. I'm currently working for Verizon in the Dallas/Fort Worth area. I have earned degrees in Computer Science and Mathematics from the University of Alabama. I have a passion for learning and like to spend my free time writing software and discovering new technologies.
</p>
</div>
</div>
<!-- Projects Section -->
<div class="projects clearfix">
<h2>Projects</h2>
<a href="https://github.com/brnbrns/BoggleSolver"><h3>Boggle Solver</h3></a>
<img src="img/bogglesolver.png" alt="A screenshot of the Boggle Solver program">
<p>
Boggle Solver is an application written in Java that can solve Boggle style letter boards of any size, displaying every valid word on the board with tremendous speed.
</p>
</div>
<!-- Skills Section -->
<div class="skills clearfix">
<h2>Skills</h2>
<br>
<!-- Python -->
<div class="language python">
<a href="https://python.org">
<img src="img/python.png" alt="An image of the Python logo">
<br>
<h3>Python</h3>
</a>
</div>
<!-- Java -->
<div class="language java">
<a href="https://java.com">
<img src="img/java.png" alt="An image of the Java logo">
<br>
<h3>Java</h3>
</a>
</div>
<!-- C -->
<div class="language c">
<a href="https://en.wikipedia.org/wiki/C_(programming_language)">
<img src="img/c.png" alt="An image of the C logo">
<br>
<h3>C</h3>
</a>
</div>
<!-- JavaScript -->
<div class="language javascript">
<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript">
<img src="img/js.png" alt="An image of the Angular JS logo">
<br>
<h3>JavaScript</h3>
</a>
</div>
</div>
<!-- Contact Section -->
<div class="contact clearfix">
<h2>Contact</h2>
<br>
<!-- Left Side -->
<div class="contactLeft">
<h3>Want to get in touch?</h3>
<form id="contactForm" method="post">
<input id="name" type="text" class="forms" name="contact_name" placeholder="name">
<input id="email" type="email" class="forms" name="contact_email" placeholder="email">
<textarea id="message" class="forms messagebox" name="contact_message" placeholder="message"></textarea>
<button type="submit" class="submitButton" id="submitBtn">Submit</button>
</form>
</div>
<!-- Right Side -->
<div class="contactRight">
<!-- Email -->
<div class="contactMethod">
<i class="fa fa-envelope-o contactIcons"></i>
<a href="mailto:brian@brnbrns.co">brian@brnbrns.co</a>
<br>
</div>
<!-- GitHub -->
<div class="contactMethod">
<i class="fa fa-github-square contactIcons"></i>
<a href="https://github.com/brnbrns">brnbrns on GitHub</a>
<br>
</div>
</div>
<!-- Center -->
<h3 class="contactCenter"> or..</h3>
</div>
<!-- Footer -->
<footer class="clearfix">
<div class="footerIcons">
<a href="mailto:brian@brnbrns.co"><i class="fa fa-envelope"></i></a>
<a href="https://www.facebook.com/brnbrns"><i class="fa fa-facebook"></i></a>
<a href="https://twitter.com/brianburns48"><i class="fa fa-twitter"></i></a>
<a href="https://www.linkedin.com/pub/brian-burns/83/435/969"><i class="fa fa-linkedin"></i></a>
<a href="https://github.com/brnbrns"><i class="fa fa-github-square"></i></a>
</div>
<span class="copyright">© <script type="text/javascript">document.write(new Date().getFullYear());</script> Brian Burns</span>
</footer>
</body>
</html>