-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathaboutme.html
56 lines (51 loc) · 3.41 KB
/
aboutme.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
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portfolio Website Sophie Nora</title>
<link rel="stylesheet" type="text/css" href="./resources/styleam.css">
<link rel="stylesheet" href="./resources/normalize.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Vollkorn:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
</head>
<body>
<!--Navigation Bar-->
<nav>
<p>SN</p>
<ol class="navigation">
<li><a href="./index.html">Home</a></li>
<li><a href="./projects.html">Projects</a></li>
<li><a href="./aboutme.html">About me</a></li>
<li><a href="./contact.html">Contact</a></li>
</ol>
</nav>
<!--Main-->
<main>
<!--Description of me on the Main Page-->
<div class="aboutme">
<div class="main-me">
<h1>I'm Sophie Nora. I’m on an exciting journey to become a full-fledged Frontend Developer.</h1>
<p>My path to coding began in an unexpected way: while studying Cultural Science, I took a course in Python and discovered a passion for programming that I hadn’t anticipated.<br><br> That initial spark stayed with me and grew over time, especially as I realized that my current job wasn’t fulfilling all of my aspirations. It was then that I made the decision to turn this passion into a career.
Now, as I dive deeper into the world of frontend development, I’m embracing every opportunity to learn and create. I may be at the beginning of this new chapter, but my enthusiasm is boundless. I love bringing web designs to life, particularly with the help of CSS animations and the versatile power of JavaScript.<br><br> I’m committed to making sites not only visually appealing but also accessible, ensuring that the web is an inclusive space for everyone.
Outside of coding, you’ll often find me soaking up the unique atmosphere of airports—there’s just something about the anticipation and energy of people on the move. I’m also an avid swimmer, finding peace and joy in the water, and I have a special fondness for my favorite snack: artichokes.
<br><br>This is just the beginning of my career switch, and I’m excited for the journey ahead. Welcome to my digital space—I’m glad you’re here to be part of it!
</p>
</div>
<img class="sophie" src="resources/images/Screenshot 2024-11-17 at 16.28.19 copy.png" alt="Sophie N">
<div class="fact-container">
<h1>Get to Know Me!</h1>
<p id="factDisplay" class="fact">Click the button below to learn a fun fact about me!</p>
<button id="factButton" class="fact-button">Show Me a Fact</button>
</div>
</div>
<script src="./resources/script.js"></script>
</main>
<!--Footer-->
<footer>
</footer>
<script src="script.js"></script>
</body>
</html>