-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
142 lines (92 loc) · 5.38 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
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Gina Zivkovic | Portfolio</title>
<link rel="stylesheet" href="./assets/reset.css" />
<link rel="stylesheet" href="./assets/style.css" />
</head>
<body>
<header class="header">
<nav class="navbar">
<Logo> <h1>Gina <span class="last-name">Zivkovic</span></h1></Logo>
<ul>
<input type="checkbox" id="checkbox_toggle" />
<label for="checkbox_toggle" class="hamburger">☰</label>
<div class="menu">
<li><a href="#about-me">About Me</a></li>
<li><a href="#my-portfolio">My Portfolio</a></li>
<li><a href="#contact-me">Contact</a></li>
</div>
</ul>
</nav>
<!-- Hamburger menu when page display reduced-->
</header>
<section class="hero">
<cta-btn class="download-btn">
<a href="./assets/resume/resume.pdf" download='resume'> My Resume
</a>
</cta-btn>
</section>
<main class="main">
<about-me id="about-me" class="about-me">
<div class= "about-me box", id="box-1">
<h2>ABOUT ME </h2>
<img src="./assets/images/GinaZivkovic.jpg" alt="Profile Picture Gina Zivkovic"/>
</div>
</div>
<div class="box-2">
<p>I work as a Finance Manager at a large steel fabrication company
that has branched into the hospitality industry in the last year and purchased several hotel & gaming establishments.
I have a Bachelor's Degree in Accounting and Finance and have worked in relevant accounting and business roles for the last 11 years.</p>
<p>I am in the process of completing a Software Programming Bootcamp at UWA that focuses on both front end and back end
languages and applications.</p>
<p>I aim to develop my software programming skills further and combine them with my business background
to develop highly customised business solutions. Helping small and medium-sized businesses
implement highly targeted solutions that meet their distinct functionality
requirements, improve productivity, and streamline processes with software programming.
</p>
</div>
</about-me>
<article>
<div id="my-portfolio" class="work-wrapper">
<div class="work-grid-container">
<div class="work-item work-title">
<h3> Work Portfolio </h3>
</div>
<div class="work-item-project challenge-1-refactor">
<span class="span-background">
<h4><a href="https://github.com/GEEZEE91/W1-HTML-CSS--Challenge">
Horiseon Services</h4>
<p><a href="https://github.com/GEEZEE91/W1-HTML-CSS--Challenge"> HTML & CSS Refactoring</a></p>
</span>
</div>
<div class="work-item-project java image">
<span class="span-background">
<h4> <a href="https://github.com/GEEZEE91/JavaScript-Rock-Paper-Scissors-Game.git"> JavaScript Game </a> </h4>
<p><a href="https://github.com/GEEZEE91/JavaScript-Rock-Paper-Scissors-Game"> Rock, Paper, Scissors </a></p> </span>
</span>
</div>
<div class="work-item-project placeholder1">
<div class="span-background">
<h4>
<a href="https://github.com/GEEZEE91/Mini-Project-CSS-Snippet-Cheat-Sheet"> Advance CSS</a>
</h4>
<p> <a href="https://github.com/GEEZEE91/Mini-Project-CSS-Snippet-Cheat-Sheet"> Snippet Cheat Sheet </a></p>
</span>
</div>
</div>
</article>
<Contact id="contact-me" class="contact-me">
<a href="mailto:gina.zivkovic@gmail.com"><img src="./assets/images/email.png" alt="Email Icon"> </a>
<a href="https://github.com/GEEZEE91"><img src="./assets/images/github.png" alt="GitHub Icon"> </a>
<a href="https://www.linkedin.com/in/gina-zivkovic/"><img src="./assets/images/LinkedIn.png"> </a>
</Contact>
</main>
<footer class="footer">
<h4>Made with <span role="img" aria-label="heart">❤️</span> & CSS | Gina Zivkovic </h4>
</footer>
</body>
</html>