-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
95 lines (95 loc) · 6.01 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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="./main.css">
<title>Ray Gottsch Portfolio</title>
<meta name="description" content="Ray Gottsch Portfolio Website">
<meta name="keywods" content="Gottsch, HTML, CSS, JavaScript, Java, Programming, Software, Engineer, Portfolio">
<meta name="author" content="Ray Gottsch">
</head>
<body>
<header>
<h1 id="maintitle"><a href="./index.html">Ray Gottsch</a></h1>
<nav>
<a href="#about">About Me</a>
<a href="#projects">Projects</a>
<a href="#skills">Skills</a>
<a href="#contact">Contact</a>
</nav>
</header>
<main>
<section id="about">
<img id="portrait" src="./images/superman.jpg" alt="superman holding open his clothes to reveal his superhero symbol on his chest">
<h2>About Me</h2>
<p>Greetings! I am Ray Gottsch and I am a Software Engineer currently sharpening his skills to take on the wide world of programming! I am based out of the lovely Oregon!</p>
<p>I graduated from Western Oregon University in 2018 and have been practicing Software Development, as well as general IT skills, ever since!</p>
<p>My current project is studying to become a Full-Stack Engineer. With the help of my degree and Codecademy, I am working hard to deepen my skill set for later projects.</p>
<p>In my free time I am an avid gamer and nerd! I run a Dungeons and Dragons game for some friends and write a ton of content for them.</p>
<p>If you would like to contact me for any professional inquiries please drop me a line through my contacts page.</p>
</section>
<section id="projects">
<h2>Projects</h2>
<article class="tabbed-list">
<ul class="tab-list flex-container">
<li class="active"><a class="tab-control" href="#tab-1">Full-Stack</a></li>
<li><a class="tab-control" href="#tab-2">Reading</a></li>
<li><a class="tab-control" href="#tab-3">Practice</a></li>
</ul>
<div class="tab-panel active" id="tab-1">
<h3>Codecademy Full-Stack Engineer Course</h3>
<p>I am currently studying JavaScript, CSS, HTML, and how they fit together to build whole applications on the web. You can check out my projects for this on my GitHub page. All of the Codecademy projects I have been working on are listed there.</p>
</div>
<div class="tab-panel" id="tab-2">
<h3>Books!</h3>
<p>One can never get away from the ever growing list of books and material you need to read. I have challenged myself to tackle a variety of topics in the same context as my other projects. Some of these were recommended by the Codecademy team. They have been massively instructive so far. Thank you to the authors and teams that have published these!</p>
<ul>
<li><p>HTML and CSS: Design and Build Websites by Jon Duckett</p></li>
<li><p>JavaScript and JQuery: Interactive Front-End Web Development by Jon Duckett</p></li>
<li><p>PHP & MySQL: Server-side Web Development by Jon Duckett</p></li>
<li><p>Cracking the Coding Interview by Gayle Laakmann McDowell</p></li>
<li><p>The Pragmatic Programmer by David Thomas and Andrew Hunt</p></li>
</ul>
</div>
<div class="tab-panel" id="tab-3">
<h3>Coding Bat</h3>
<p>I practice my skills every day using this website (<a href="https://codingbat.com/java">CodingBat.com</a>). It has a huge array of challenges.</p>
<p>I love this site because it allows me to code in a similar way to when I was in college.</p>
<p>Eventually, I will move on to other practice forms. However, this site has given me a great refresher course on the topics covered in school.</p>
</div>
</article>
</section>
<section id="skills">
<h2>Skills</h2>
<article id="listofskills" class="flex-container">
<p>JavaScript ES2015+</p>
<p>CSS 3</p>
<p>HTML 5</p>
<p>git</p>
<p>GitHub</p>
<p>BASH</p>
<p>node</p>
<p>Chrome DevTools</p>
<p>Web Design</p>
<p>Linux - Debian</p>
<p>Windows 2000 - Windows 10</p>
</article>
</section>
<section id="contact">
<h2>Contact</h2>
<p>Have any interesting projects or professional inquiries? I would love to hear from you!</p>
<ul>
<li>Email:<a href="mailto:origin.razorfrost@gmail.com">origin.razorfrost@gmail.com</a></li>
<li>Linkedin:<a href="https://www.linkedin.com/in/ray-gottsch-52954b121/">ray-gottsch-52954b121</a></li>
<li>GitHub:<a href="https://github.com/razorfrost44">razorfrost44</a></li>
<li>Codecademy:<a href="https://www.codecademy.com/profiles/razorfrost44">razorfrost44</a></li>
</ul>
</section>
</main>
<footer>
<p>Passion in every byte!</p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="./js/jquery-3.6.0.min.js">\x3C/script>')</script>
<script src="./js/tabs.js"></script>
</footer>
</body>
</html>