-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
79 lines (68 loc) · 2.75 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>About Dan</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="assets/css/reset.css" />
<link rel="stylesheet" type="text/css" media="screen" href="assets/css/mainStyles.css" />
</head>
<body>
<!-- HEADER SECTION -->
<div id="header" class="clearfix">
<h1>Dan Byler</h1>
<!-- NAV -->
<div class="nav">
<ul>
<li><a href="index.html">About</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
<!-- BACKGROUND SECTION -->
<div id="mainBackground">
<!-- Set the Content section to 960px -->
<div id="contentArea" class="clearfix">
<!-- MAIN CONTENT SECTION -->
<div id="mainContent" class="clearfix">
<h2>About</h2>
<hr/>
<img src="assets/images/BylerheadShot.png" alt="profile picture">
<p>
My name is Dan Byler. I'm a multi-passionate entreprenureal professional.
I can be found at different times practicing martial arts, creating instructional programs
and content, conducting trainings, making food, learning web development, working on
one project or another, or watching some netflix.
<br/>
<br/>
My overall goal is to be useful. Useful to my organizations and communities and to the people around me.
<br/>
<br/>
I strive for continuous learning and improvement - in terms of my skills and the relationships I am fourtunate enough
to build.
</p>
</div>
<!-- SIDEBAR SECTION -->
<div id="sidebar">
<h3>Connect with me</h3>
<hr/>
<ul>
<li><a href="https://github.com/dByler1" target="_blank"><img src="assets/images/if_github_circle_black_107161.png" alt="github logo"></a></li>
<li><a href="https://www.linkedin.com/in/dannybyler/" target="_blank"><img src="assets/images/if_linkedin_834713.png" alt="LinkedIn logo"></a></li>
<li><a href="https://stackoverflow.com/users/9161540/dan-byler" target="_blank"><img src="assets/images/if_stackoverflow_313469.png" alt="StackOverflow logo"></a></li>
</ul>
</div>
<!-- end of the contentArea div -->
</div>
<!-- END OF BACKGROUND DIV -->
</div>
<!-- FOOTER SECTION -->
<div id="footer">
<p>
© copyright 2018 Dan Byler
</p>
</div>
</body>
</html>