forked from developess/FAC-Application-Website
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
95 lines (90 loc) · 3.9 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>
<title>jessiebeech.com</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">
</head>
<body>
<header>
<nav id="skip">
<a href="#content">Skip to content</a>
</nav>
<img class="toplogo" src="img/logo.svg" alt="logo"/>
<nav>
<ul>
<li><a href="#projects">Projects</a></li>
<li><a href="#Why">Why</a></li>
<li><a href="#about_me">About Me</a></li>
</ul>
</nav>
<h1 id="content">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>
<button href="#projects">My Projects</button>
<img class="origami_bird" src="img/origami_bird.svg" alt="blue origami bird"/>
</header>
<section id="projects" class="projects">
<h2>Projects</h2>
<div class="grid-container">
<div class="project_square purple">
<h1>01</h1>
<h5 class="reveal" tabindex="0">JavaScript Calculator</h5>
</div>
<div class="project_square blue" >
<h1>02</h1>
<h5 class="reveal" tabindex="0">Hangman<br />Game</h5>
</div>
<div class="project_square orange">
<h1>03</h1>
<h5 class="reveal" tabindex="0">Does this website count?</h5>
</div>
</div>
<a href="https://github.com/developess" target="_blank"><button>See More on Github</button></a>
</section>
<section id="Why" 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>
</section>
<section 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" class="icon"><img src="img/codewars.svg" alt="codewars" class="icon"/></a>
<a href="https://www.freecodecamp.org/developess" target="_blank" class="icon"><img src="img/fcc.svg" alt="FreeCodeCamp" class="icon"/></a>
<a href="https://github.com/developess/developess.github.io" target="_blank" class="icon"><img src="img/github.svg" alt="Github" class="icon"/></a>
<a href="https://www.linkedin.com/in/jessie-beech/" target="_blank" class="icon"><img src="img/mylinkedin.svg" alt="Linkedin" class="icon"/></a>
</div>
<img class="logo_bottom" src="img/logo.svg" alt="j b logo"/>
</section>
</body>
</html>