-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
146 lines (124 loc) · 6.58 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
<!DOCTYPE html>
<html>
<title>Jess Petersen</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="styles/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
<style>
html,body,h1,h2,h3,h4,h5 {font-family: "Raleway", sans-serif}
.w3-sidenav a,.w3-sidenav h4 {font-weight:bold}
</style>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-72792171-1', 'auto');
ga('send', 'pageview');
</script>
<body class="w3-light-grey w3-content" style="max-width:1600px">
<!-- Sidenav/menu -->
<nav class="w3-sidenav w3-collapse w3-pink w3-animate-left" style="z-index:3;width:300px;" id="mySidenav"><br>
<div class="w3-container">
<a href="#" onclick="w3_close()" class="w3-hide-large w3-right w3-jumbo w3-padding" title="close menu">
<i class="fa fa-remove"></i>
</a>
<img src="images/dp.jpg" style="width:50%;" class="w3-round-large"><br><br>
<h4 class="w3-padding-0"><b>JESS PETERSEN</b></h4>
<p class="w3-text-sand">Digital Technologies Teacher</p>
</div>
<a href="index.html" class="w3-padding">HOME</a>
<a href="about.html" class="w3-padding w3-text-teal">ABOUT</a>
<a href="projects.html" class="w3-padding">PROJECTS</a>
<a href="teaching.html" class="w3-padding">PROFESSIONAL LEARNING</a>
<a href="https://portfolio.jesspetersen.net/" class="w3-padding">TEACHER PORTFOLIO</a>
<div class="w3-section w3-padding-top w3-large">
<a href="https://github.com/jesspetersen" class="w3-hover-pink w3-hover-text-light-blue w3-show-inline-block"><i class="fa fa-github-alt"></i></a>
<a href="https://www.linkedin.com/in/jessica-petersen-a8a65774" class="w3-hover-pink w3-hover-text-grey w3-show-inline-block"><i class="fa fa-linkedin"></i></a>
<a href="#" class="w3-hover-pink w3-hover-text-khaki w3-show-inline-block" onclick="document.getElementById('emailForm').style.display='block'"><i class="fa fa-envelope-o"></i></a>
</div>
</nav>
<!-- Overlay effect when opening sidenav on small screens -->
<div class="w3-overlay w3-hide-large w3-animate-opacity" onclick="w3_close()" style="cursor:pointer" title="close side menu" id="myOverlay"></div>
<!-- !PAGE CONTENT! -->
<div class="w3-main" style="margin-left:300px">
<!-- Header -->
<header class="w3-container">
<span class="w3-opennav w3-hide-large w3-xxlarge w3-hover-text-grey" onclick="w3_open()"><i class="fa fa-bars"></i></span>
<h1><b>ABOUT</b></h1>
<div class="w3-section w3-bottombar w3-padding-3">
</div>
</header>
<!-- First Photo Grid-->
<div class="w3-row-padding w3-margin">
<p>I’m a Digital Technologies Teacher by day, and an avid gamer by night. You can usually find me snuggled up on a couch at school reading a Harry Potter book, teaching in one of my classes, raiding with my guild, or out on the airsoft field with my G36 and some friends. </p>
<p>From playing with robots with my step-dad in pre-school, building drag-and-drop websites for my friends in primary school and eventually learning to code in university, I’ve been interested in technology all my life. I have a passion for both education and coding, as well as making a difference in the community.</p>
<p>I have been a girl guide, a tap dancer, an ambassador, an author, a teacher, and a sister. I aspire to one day, be a mentor, an industry leader, an entrepreneur and a life-changer.</p>
</div>
<!--Photos-->
<div class="w3-row-padding">
<div class="w3-third w3-container w3-margin-bottom">
<img src="images/airsoft.jpg" style="width:100%">
<p>Me and my team at airsoft - March 17, 2016</p>
</div>
<div class="w3-third w3-container w3-margin-bottom">
<img src="images/family.jpg" style="width:100%">
<p>Me and family at the MIT Whanau Evening - Semester One, 2016</p>
</div>
<div class="w3-third w3-container w3-margin-bottom">
<img src="images/robot.png" style="width:100%">
<p>Me and my ex-step-dad playing robot kits - 2002</p>
</div>
</div>
<!-- Footer -->
<footer class="w3-container w3-padding-32 w3-white">
<div class="w3-row-padding">
<div class="w3-third">
<p><em>Page Last Updated: 2 October 2018</em></p>
</div>
<div class="w3-col w3-container w3-white" style="width:33%">
<p></p>
</div>
<div class="w3-third">
<p>© Jessica Petersen 2018</p>
<p>Teach First New Zealand 2018 Participant | Digital Technologies Teacher at Papatoetoe High School</p>
<p>Powered by <a href="http://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a></p>
</div>
</div>
</footer>
<!-- End page content -->
</div>
<!--Email form-->
<div id="emailForm" class="w3-modal">
<div class="w3-modal-content w3-card-8 w3-animate-zoom" style="max-width:600px">
<div class="w3-center"><br>
<span onclick="document.getElementById('emailForm').style.display='none'" class="w3-closebtn w3-hover-red w3-container w3-padding-8 w3-display-topright" title="Close Modal">x</span>
</div>
<form class="w3-container" action="https://formspree.io/jess@jesspetersen.net" method="POST">
<div class="w3-section">
<label class="w3-validate"><b>Your Email Address</b></label>
<input class="w3-input w3-border w3-margin-bottom" type="email" placeholder="Enter Email" name="email" required>
<label><b>Message</b></label>
<textarea class="w3-input w3-border" type="text" placeholder="Enter Message" name="message" required></textarea>
<button class="w3-btn-block w3-green w3-section w3-padding" type="submit">Send</button>
</div>
</form>
<div class="w3-container w3-border-top w3-padding-16 w3-light-grey">
<button onclick="document.getElementById('emailForm').style.display='none'" type="button" class="w3-btn w3-red">Cancel</button>
</div>
</div>
</div>
<script>
// Script to open and close sidenav
function w3_open() {
document.getElementById("mySidenav").style.display = "block";
document.getElementById("myOverlay").style.display = "block";
}
function w3_close() {
document.getElementById("mySidenav").style.display = "none";
document.getElementById("myOverlay").style.display = "none";
}
</script>
</body>
</html>