-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
136 lines (110 loc) · 4.33 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
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<!-- this decides the font - Roboto -->
<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,300;0,400;0,700;1,300;1,400&display=swap" rel="stylesheet">
<title>Ida Eriksson Perth Portfolio</title>
</head>
<!-- https://kaylapadilla.org/ as inspo-->
<body>
<!-- FROM STYLE GUIDE TEMPLATE DO I NEED THIS? -->
<!-- <section id="colors">
<div class="colors">
<div class="black-ish"></div>
<div class="yellow-beige"></div>
<div class="white-beige"></div>
<div class="moss-green"></div>
<div class="olive-green"></div>
<div class="color-6"></div>
</div>
</section>
<section id="typography">
</section> -->
<!-- HEADER -->
<header>
<nav>
<div>
<a href="/">
<img src="./images/logo1.PNG" alt="ida eriksson logo"></img>
</a>
</div>
<div class="header-links">
<h1>
<ul>
<a href="./contactme.html">Contact Me</a>
<a href="./myprojects.html">Projects</a>
<a href="https://linkedin.com/in/ida-eriksson-perth">Linked In</a>
</ul>
</h1>
</div>
</nav>
</header>
<!-- main bit -->
<!-- section with photo and quick overview -->
<main>
<section id="welcome">
<h1>
Welcome to my portfolio!
</h1>
</section>
<section id="desertpea">
<img src="./images/pea_round_55.PNG" alt="ida erikssonw with wildflower"></img>
</section>
<section id="columns">
<div>
<h4>
Intro
</h4>
</div>
<div>
<h4>
__
</h4>
</div>
<div>
<h3>
Welcome to my portfolio!
</h3>
<p>
I'm a Project Manager in the oil and gas industry leaning into my technical interest by taking part of the She Codes Plus Program 2023/24 in Perth.
I graduated from Curtin University in 2018 with a Commerce degree
with a double major in Logistics & Supply Chain Management and Business Information Systems.
In 2022 I passed my Project Management Professionals (PMP) exam and I am a proud member of the Project Management Institute (PMI).
This portfolio is a part of my HTML/ CSS project which is the first programming language I have been introduced to through the amazing She Codes.
</p>
<p>
Feel free to send me an email on annaida.eriksson@gmail.com, download my resume further down or connect through LinkedIn!
</p>
</div>
</section>
</main>
<!-- BANNER PHOTO -->
<section id="bannerphoto">
<img src="./images/sweden_forest.JPG" alt="Swedish Forest Photo">
</section>
<!-- FOOTER -->
<footer>
<div id="closingstatement">
<h2>
To summarise who I am as a person, my motto in life is "just get it done mate"
</h2>
</div>
<div class="icons">
<a href="https://linkedin.com/in/ida-eriksson-perth">
<img class="footer-icons" src="./images/linkedin_icon11.png" alt="linkedin icon">
</a>
<a href="./files/Ida Eriksson Resume - March 2023.pdf">
<img class="footer-icons" src="./images/resume.download.png" alt="resume download icon">
</a>
<a href="https://github.com/idaanna/idaanna.github.io">
<img class="footer-icons" src="./images/github.png">
</a>
</div>
</footer>
</body>
</html>