-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
93 lines (77 loc) · 3.03 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Sylwia Krupa</title>
<meta name="author" content="ypresion">
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css?v=1.0">
</head>
<body>
<div class="container">
<nav>
<a>about</a>
<a>projects</a>
<a>contact</a>
</nav>
<main class="me">
<h1>
HI. <br>
I'M <span style="text-shadow: 6px -5px 0px #8b2635;">SYLWIA.</span>
</h1>
<img src="img/me.svg">
</main>
<main class="about">
<img src="img/bio.svg">
<h1>A 2nd year Computer Science student at Northumbria fueled by passion for knowledge.</h1>
<p>
Focused on self-development, fascinated by new technologies and how they influence poeple's lives. My dream is to work with people who want to make web a better place - more accessible and safe for everyone.
</p>
<p>
I can offer a strong foundation in program design and development being experienced in object-oriented and functional programming and quick to learn and master new technologies.
</p>
<p>
Currently working with HTML, CSS, JavaScript (ES6), PHP, Java and SQL (MySQL, Oracle Database) looking for an opportunity to explore further in a real working environment.
</p>
</main>
<main class="projects">
<div class="flexContainer">
<figure>
<a href="http://unn-w18015597.newnumyspace.co.uk/" target="_blank"><img src="img/choll1.jpg" alt="Chollerton Tearoonms Website">
<figcaption>Chollerton Tearooms Website</figcaption>
</a>
</figure>
<figure>
<a href="https://github.com/ypresion/weather-app" target="_blank"><img src="img/weather1.jpg">
<figcaption>Edinburgh Weather</figcaption>
</a>
</figure>
<figure>
<a href="https://github.com/ypresion/to-do" target="_blank"><img src="img/todo1.jpg"></a>
<figcaption>To-do App</figcaption>
</figure>
<figure>
<a href="https://github.com/ypresion/library-app" target="_blank"><img src="img/lib1.jpg"></a>
<figcaption>Online Bookshelf</figcaption>
</figure>
<figure>
<a href="https://github.com/ypresion/ypresion.github.io" target="_blank"><img src="img/me1.jpg"></a>
<figcaption>Portfolio Website</figcaption>
</figure>
</div>
</main>
<main class="contact">
<h1>Get in touch</h1>
<img src="img/contact.svg" class="vector">
<a href="https://www.linkedin.com/in/sylwia-krupa/"><img src="img/linkedin.svg" class="icon">
LinkedIn</a>
<a href="https://github.com/ypresion"><img src="img/github.svg" class="icon">
GitHub</a>
<a href="mailto:[email protected]"><img src="img/gmail.svg" class="icon">
E-mail
</a>
</main>
</div>
<script src="script.js"></script>
</body>
</html>