-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
123 lines (107 loc) · 4.34 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Jessie Beech</title>
<link rel="stylesheet" href="normalize.css" />
</head>
<link rel="stylesheet" href="styles.css" />
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Lato" rel="stylesheet">
<link rel="icon" type="image/x-icon" href="img/jbfavi.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<body>
<header>
<img class="toplogo" src="img/logo.svg" alt="Jessie's logo" />
<nav id="skip">
<a href="#content-start">Skip to content</a>
</nav>
<nav id="main-nav">
<ul>
<li>
<a href="#projects">Projects</a>
</li>
<li>
<a href="#CV">Why</a>
</li>
<li>
<a href="#about_me">About Me</a>
</li>
</ul>
</nav>
<h1 id="content-start">I want to
<br />make things.</h1>
<p>
Hi, I'm Jessie. I'm a 24-year-old web developer based in London. I love exploring, learning and all things technology. You
can find out more about me below!
</p>
<a href="#projects">
<button>My Projects</button>
</a>
<img class="origami_bird" src="img/origami_bird.svg" alt="blue origami bird" />
</header>
<div id="projects" class="projects">
<h2>Projects</h2>
<a href="https://developess.github.io/Noughts-and-Crosses/" target="_blank" title="link to noughts and crosses game">
<div class="grid-container">
<div class="project_square purple">
<h1>01</h1>
<h5 class="reveal">Noughts & Crosses Game</h5>
</div>
</a>
<a href="https://developess.github.io/JavaScript-Calculator/" target="_blank" title="link to calculator">
<div class="project_square blue">
<h1>02</h1>
<h5 class="reveal">JavaScript Calculator</h5>
</div>
</a>
<a href="https://developess.github.io/First-Website/" target="_blank" title="link to first website">
<div class="project_square orange">
<h1>03</h1>
<h5 class="reveal">First Hosted Website</h5>
</div>
</div>
</a>
<a href="https://github.com/developess" target="_blank">
<button>See More on Github</button>
</a>
</div>
<div id="CV" class="CV">
<h2>Why I love to code</h2>
<p>
Coding for me is a perfect mix of creativity and science. Creativity in the sense of using imagination and style, but also
in the literal sense of making something, and the great satisfaction that comes with that. I have always loved studying
sciences and computer science has proven no different! Programming can be scientific and mathematical and processes
in tech are often highly methodological, which really appeals to me.
<br>
<br> From what I have experienced, the tech community has been welcoming, friendly, and full of people eager to learn and
help others learn too. I hope to contribute to this community as a student and teacher in years to come!
</p>
</div>
<div id="about_me" class="about-me">
<img class="side_bird" src="img/bigBird.png" alt="blue origami bird" />
<h2>About Me</h2>
<p>
Aside from my development career, I love attending meet ups and tech events in London and working on personal projects. Outside
tech, I enjoy running, yoga, cooking and crafts (including origami).
</p>
<p>
Before teaching myself to code, I ran the finances for a start-up creative agency and recruitment company. Frustrated by
my inability to create the tools I wanted, I took an online course in JavaScript and have hardly looked back since.
</p>
<div class="icon-container">
<a href="https://www.codewars.com/users/developess" target="_blank">
<img src="img/codewars.svg" alt="codewars icon" class="icon codewars" />
</a>
<a href="https://www.freecodecamp.org/developess" target="_blank">
<img src="img/fcc.svg" alt="FCC icon" class="icon FCC" />
</a>
<a href="https://github.com/developess/developess.github.io" target="_blank">
<img src="img/github.svg" alt="Github icon" class="icon Github" />
</a>
<a href="https://www.linkedin.com/in/jessie-beech/" target="_blank">
<img src="img/mylinkedin.svg" alt="Linkedin icon" class="icon Linkedin" />
</a>
</div>
<img class="logo_bottom" src="img/logo.svg" alt="j b logo" />
</div>
</body>
</html>