-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
170 lines (147 loc) · 6.46 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
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
<!DOCTYPE HTML>
<!--
Editorial by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Andrew Berning - About Me</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">
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<div id="main">
<div class="inner">
<!-- Header -->
<header id="header">
<a href="index.html" class="logo"><strong>Portfolio</strong> by Andrew Berning</a>
<ul class="icons">
<li><a name="Email" target="_blank" href="mailto:berningan89@gmail.com" class="icon solid fa-envelope"><span
class="label">Email</span></a></li>
<li><a name="Twitter" href="https://twitter.com/berning_andrew" target=”_blank”
class="icon brands fa-twitter">
<span class="label"></span>
</a></li>
<li><a name="LinkedIn" href="https://linkedin.com/in/andrew-berning" target=”_blank”
class="icon brands fa-linkedin"><span class="label">Linked-In</span></a></li>
<li><a href="https://github.com/andrewberning" target=”_blank” class="icon brands fa-github"><span
class="label">Github</span></a></li>
</ul>
</header>
<!-- Content -->
<section id="banner">
<div class="content">
<header class="main">
<h1>About Me</h1>
</header>
<p>
Telecommunications Foreman turned Software Engineer
</p>
<p>
As a foreman, I gained hands-on experience working with teams and coordinating with other trades to complete projects on schedule. This role taught me valuable people leadership and project management skills. After years of installing hardware for commercial buildings, data centers, and hospitals, I felt drawn to the software side of technology.
</p>
<p>
With a natural curiosity for coding, I began exploring web development and eventually joined a Software Engineering career track. Through an intensive 800-hour course, I developed full-stack applications, strengthened my expertise in JavaScript, Node, Python, React, and TypeScript, and honed my ability to build impactful, user-centered solutions. My transition into tech has allowed me to merge my analytical skills with a passion for solving complex problems through code, and I’m now excited to bring this solutions-oriented approach to a collaborative team environment. </p>
<p>Contact me if you would like to connect!
</p>
</div>
<span class="image object">
<img src="images/profilepic2.png" alt="" />
</span>
</section>
<!-- <hr class="major" /> -->
<!-- Services Section -->
<section id="services">
<header class="major">
<h2>Services</h2>
</header>
<div class="features">
<article>
<span class="icon solid fa-code"></span>
<div class="content">
<h3>Full-Stack App Development</h3>
<p>Receive a responsive, accessible, and functional web application built for you.</p>
</div>
</article>
<article>
<span class="icon fa-comment"></span>
<div class="content">
<h3>Communication</h3>
<p>Clear, concise and transparent. Get a status report of your application or website throughout
the project.
</p>
</div>
</article>
<article>
<span class="icon regular fa-lightbulb"></span>
<div class="content">
<h3>Strategy</h3>
<p>Receive a thought out, detailed plan for you project.</p>
</div>
</article>
<article>
<span class="icon regular fa-envelope"></span>
<div class="content">
<h3>Customer Service</h3>
<p>Feel confident in reaching out to us if there are issues or concerns by contacting us via phone or
email. </p>
</div>
</article>
</div>
</section>
</section>
</div>
</div>
<!-- Sidebar -->
<div id="sidebar">
<div class="inner">
<!-- Menu -->
<nav id="menu">
<header class="major">
<h2>Menu</h2>
</header>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#banner">About Me</a></li>
<li><a href="index.html#projects">Projects</a></li>
<li><a href="index.html#skills">Skills</a></li>
<li><a href="#services">Services</a></li>
</ul>
</nav>
<!-- Section -->
<section>
<header class="major">
<h2>Contact Me</h2>
</header>
<ul class="contact">
<li class="icon solid fa-envelope"><a name="Email" target="_blank"
href="mailto:berningan89@gmail.com">berningan89@gmail.com</a></li>
<li class="icon brands fa-twitter"><a name="Twitter" href="https://twitter.com/berning_andrew"
target=”_blank”>@berning_andrew</a></li>
<li class="icon brands fa-linkedin"><a name="LinkedIn" href="https://linkedin.com/in/andrew-berning"
target=”_blank”>andrew-berning</a></li>
<li class="icon brands fa-github"><a name="Github" href="https://github.com/andrewberning"
target=”_blank”>andrewberning</a>
</li>
</ul>
</section>
<!-- Footer -->
<footer id="footer">
<p class="copyright">© 2024 Andrew Berning</p>
</footer>
</div>
</div>
</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>