-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
106 lines (95 loc) · 5.26 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Stephan Fiala</title>
<meta name="description" content="My portfolio">
<meta name="author" content="Stephan Fiala">
<!-- Adding external CSS files -->
<!-- Adding CSS resets -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css" rel="stylesheet" type="text/css">
<!-- Adding global styles -->
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<header>
<!-- Adding navigation -->
<nav>
<!-- Adding ancors to sections on the page using id selectors -->
<a href="#intro">Intro</a>
<a href="#about">About</a>
<a href="#footer">Footer</a>
</nav>
<!-- Adding hero -->
<section class="hero">
<img src="pic.jpg" alt="profile picture">
<h1>Stephan Fiala</h1>
<h2 id="sub-title">A <em>Jack</em> of Trades</h2>
</section>
</header>
<main>
<div>
<!-- hr content divider for about section -->
<hr>
<article id="intro">
<h2>Intro</h2>
<section>
<h3>Greetings & Salutation</h3>
<p>As a resident of the DMV and a student of software development, I am fascinated by the concept of emergence. Take the broken-down bits and pieces and then build something new and unique. This ability to codify and quantize information into building new structures lets us surpass the perceived limitations of constituent elements. Much like letters and characters are rearranged into the creation of language, sonnets, and songs! With code, not only do we get to aid in communication, but in this digital world, honestly, if the sky is the limit, then why are their footprints on the moon! </p>
</section>
</article>
<!-- hr content divider for about section -->
<hr>
<article id="about">
<h2>About Me</h2>
<section>
<h3>Where to start?</h3>
<p>Well, nearly 14 billion years ago, it all started, and well, to make a long story short, now we're here. Me trying to feed my numerous art passions while also spending time trying to educate myself and, of course, striving up that hill of self-improvement! I am an explorer of life, which means learning anything and everything I can. It never fails to amaze me the interconnectedness of everything. The unique experiences of everyone leads to the parallel understanding that gives rise to the spectrums that weave together in this great big ball of timey-wimey stuff!</p>
<p>I am passoionate about web and software devolpement. I like the ability to create websites and apps that make virtual tools that can change lives. Everyone can recall websites used to stave off boredom and the maditory monotony of modern-day life. At the same time, other websites can be constructed and flow information to the user so that lives beyond the screen become irrevocably altered for the betterment of ourselves and those whom we hold dear. My willingness to work with others to gain understanding from the insights of their experiences is my favorite part of working in teams communicating, and seeing the world beyond the limits of my journey. I am interested in emergency medicine and how one day, this path and working with others may lead to the creation of websites, apps, and software that help save lives. I also like understanding the science of the very big, like astral physics, and the counterintuitive realities of the very small quantum mechanics.</p>
</section>
<section>
<h3>Just some facts:</h3>
<div class="list-divider">
<h3>Some of the places Ive lived</h3>
<ul>
<li>Queens, New York</li>
<li>Los Angeles, California</li>
<li>Charlote, North Carolina</li>
<li>San Antonio, Texas</li>
<li>San Diego, California</li>
<li>Stuttgart, Germany</li>
</ul>
</div>
</section>
<section>
<div class="list-divider">
<h3>Subjects of study</h3>
<ol>
<li>Software Devolopment</li>
<li>Emergency Medicine</li>
<li>Neroscience</li>
<li>Physics</li>
<li>Psycology</li>
</ol>
</div>
</section>
</article>
<!-- hr content divider for footer section -->
<hr>
<article class="footer">
<h2>Contact Me</h2>
<p>"When the Sun is high in the after noon sky..." realiztically though i am always interested in meeting people and learning new things! You can reach me at <a href="tel:555-555-5555">
555-555-5555</a> texting is better but I do check my voice mail, or by email at <a href="mailto:[email protected]">email me</a> or by my
<a href="https://www.linkedin.com/in/stephan-fiala-a57210256/">Linkedin</a> account.</p>
</article>
</div>
</main>
<footer>
<div id=footer>
<p>by Stephan Fiala</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>