-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
135 lines (135 loc) · 4.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link
rel="icon"
href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 16 16'><text x='0' y='14'>💻</text></svg>"
/>
<link rel="stylesheet" href="style.css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Zach Jensz</title>
</head>
<body>
<header id="hero">
<h1>
<div class="name">Zach Jensz</div>
<div class="title">Software Engineer & Web Developer</div>
</h1>
<p>
Over 11 years coding experience creating fun games and websites with a
passion for UX!
</p>
</header>
<main>
<section id="community">
<h2>Community</h2>
<ul>
<li>GDG Melbourne organiser</li>
<li>
I moderate and answer questions on web development Discord servers
</li>
<li>
I answer questions and help on
<a href="https://stackoverflow.com/users/14190543"
>Stack Overflow</a
>
</li>
</ul>
</section>
<section id="contact">
<h2>Socials</h2>
<a href="https://www.linkedin.com/in/zach-jensz-b95802215/">LinkedIn</a>
<a href="https://github.com/zachjensz">GitHub</a>
<a href="https://youtube.com/@zachjensz">YouTube</a>
</section>
<section id="projects">
<h2>Projects</h2>
<article>
<h3>Minesweeper</h3>
<iframe
src="https://zachjensz.github.io/minesweeper"
frameborder="0"
></iframe>
</article>
<article>
<h3>Math Solver</h3>
<iframe
src="https://zachjensz.github.io/math-solver"
frameborder="0"
></iframe>
</article>
</section>
<section id="courses">
<h2>Courses I've taken:</h2>
<div class="wrapper">
<article>
<h3>
<a class="title" href="https://javascriptsimplified.com/">
Javascript Simplified (Beginner & Advanced)
</a>
<span class="author">Kyle Cook (Webdevsimplified)</span>
</h3>
<p class="description">
Kyle is an incredible teacher and has taught me the modern way to
write clean, readable JavaScript at a fairly advanced level.
</p>
</article>
<article>
<h3>
<a
class="title"
href="https://courses.webdevsimplified.com/learn-react-today"
>Learn React Today</a
>
<span class="author">Kyle Cook (Webdevsimplified)</span>
</h3>
<p class="description">
This was a super concise course that got me up to speed with React
</p>
</article>
<article>
<h3>
<a
class="title"
href="https://courses.kevinpowell.co/conquering-responsive-layouts"
>Conquering Responsive Layouts</a
>
<span class="author">Kevin Powell</span>
</h3>
<p class="description">
Drip course that formed the foundation of how I look at responsive
design on the web
</p>
</article>
<article>
<h3>
<a class="title" href="https://cssdemystified.com/"
>CSS Demystified</a
>
<span class="author">Kevin Powell</span>
</h3>
<p class="description">
Actually learned the inner workings of CSS: The cascade,
specificity, etc.
</p>
</article>
<article>
<h3>
<a
class="title"
href="https://developedbyed.com/p/front-end-bundle"
>Creative Front-End</a
>
<span class="author">Dev Ed</span>
</h3>
<p class="description">
One of the first courses I took, got me up to speed with super
basic HTML/CSS.
</p>
</article>
</div>
</section>
</main>
</body>
</html>