-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
150 lines (143 loc) · 7.61 KB
/
about.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
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-KER926TVPX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-KER926TVPX');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Learn more about Nikola Ashton, a front-end developer with a background in quality improvement and healthcare management, based in Melbourne, Australia.">
<title>About Nikola Ashton - Front-end Developer | Melbourne, Australia</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<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=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="styles/app.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/2a27fbf29f.js" crossorigin="anonymous"></script>
</head>
<body>
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="/" title="Home - Nikola Ashton, Front-End Developer"><i
class="fa-solid fa-house"></i></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="/"
title="Home - Nikola Ashton, Front-End Developer">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" aria-current="page" href="/about.html"
title="About Nikola Ashton - Front-End Developer in Melbourne, Australia">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/portfolio.html"
title="Nikola Ashton's Portfolio - Front-End Developer Projects">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/contact.html"
title="Contact Nikola Ashton - Front-End Developer in Melbourne, Australia">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="content-container container mt-5">
<div class="row">
<div class="col-lg-6 mt-5">
<div class="content">
<h1 class="mb-4">
Hi I'm Nikola Ashton
</h1>
<h2 class="mb-4">
Front-end Developer, based in Melbourne, Australia 🇦🇺
</h2>
<p>
Hello! I'm Nikola, a front-end developer with a strong foundation in coding and a passion for creating intuitive,
user-friendly web applications. My journey into web development is unique, beginning in the fields of nursing and
healthcare management, where I developed exceptional organisational and leadership skills.
</p>
<p>
Transitioning to front-end development, I have leveraged my experience in project coordination, effective communication,
and collaborative relationship building in this new field. I have a proven track record of working within
multi-disciplinary teams, leading initiatives, and implementing improvements in various professional settings.
</p>
<p>
In addition to front-end development, I am interested in data science and backend programming. I have completed a
graduate certificate in data science and am continually enhancing my skills through courses on Python, SQL, and other
backend technologies.
</p>
<p>
I recently completed a comprehensive course where I tackled various projects that challenged me to push the boundaries
of my abilities. From creating interactive landing pages to integrating advanced API functionalities and developing
AI-powered applications, each project has been a stepping stone in my growth as a developer.
</p>
<p>
Outside of work, I am an avid outdoor enthusiast. I love bikepacking, mountain biking, hiking, and
CrossFit—activities
that keep me active and inspired. These hobbies have taught me resilience, problem-solving, and the
importance of
maintaining a healthy work-life balance.
</p>
<p>
On this website, you will find a showcase of my projects, each highlighting my growing expertise in
front-end
development. From coding challenges to web applications, these projects reflect my commitment to
continuous learning and
professional growth.
</p>
<p>
Thank you for visiting my website. Feel free to reach out if you'd like to discuss potential
collaborations or simply connect!
</p>
<a href="/portfolio.html" class="btn btn-branding mt-2" title="Explore Nikola Ashton's Portfolio">See my projects</a>
</div>
</div>
<div class="col-lg-6 mt-5">
<img src="images/headshot.png" alt="Nikola Ashton - Headshot" class="img-fluid">
</div>
</div>
</div>
<div class="container mt-5">
<div class="contact-box d-flex justify-content-between mb-5 d-none d-md-flex">
<div>
<h3>
Work Inquiry
</h3>
<p class="text-muted">
Let's work together
</p>
</div>
<div>
<a href="/contact.html" class="btn btn-branding mt-3" title="Reach Out to Nikola Ashton - Contact Page">Contact me</a>
</div>
</div>
<footer class="text-center mb-5">
<a href="mailto:nikolaclare@gmail.com" class="email-link" title="Contact Nikola Ashton via Email">nikolaclare@gmail.com</a>
<div class="social-links d-flex justify-content-center mt-3">
<a href="https://github.com/nikolaclare" target="_blank" title="Explore Nikola Ashton's GitHub Repositories"><i class="fa-brands fa-square-github"></i></a>
<a href="https://www.linkedin.com/in/nikola-ashton/" target="_blank" title="Connect with Nikola Ashton on LinkedIn"><i class="fa-brands fa-linkedin"></i></a>
</div>
</footer>
<p class="text-center mt-4">
👩💻 This project was coded by Nikola Ashton, and is <a href="https://github.com/nikolaclare/portfolio-project"
target="_blank" title="View the open-source code on GitHub" class="repository-link">open-sourced</a>
</p>
</div>
</body>
</html>