-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
170 lines (160 loc) · 6.94 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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
<!DOCTYPE html>
<html lang="en" class="h-100">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<title>André Grech - Home</title>
<!-- Bootstrap core CSS -->
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z"
crossorigin="anonymous"
/>
<!-- Custom styles for this template -->
<link href="./custom-styles.css" rel="stylesheet" />
<!-- Google fonts -->
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif:wght@700&family=Raleway&display=swap" rel="stylesheet">
<!-- external Colourpalette -->
<script data-id="08901008364158189">new CoolorsPaletteWidget("08901008364158189", ["e63946","f1faee","a8dadc","457b9d","1d3557"]); </script>
</head>
<body class="d-flex flex-column h-100">
<header>
<nav
class="navbar navbar-expand-md navbar-dark fixed-top bg-dark"
id="top"
>
<a class="navbar-brand non-head-text text-highlight" href="#"
>André Grech</a
>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarCollapse"
aria-controls="navbarCollapse"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div
class="collapse navbar-collapse justify-content-end"
id="navbarCollapse"
>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link non-head-text" href="./contact.html"
>Contact</a
>
</li>
<li class="nav-item ">
<a class="nav-link non-head-text" href="./portfolio.html"
>Portfolio </a
>
</li>
<li class="nav-item active">
<a
class="nav-link non-head-text"
href="./index.html"
tabindex="-1"
aria-disabled="true"
>About <span class="sr-only">(current)</span></a
>
</li>
</ul>
</div>
</nav>
</header>
<main role="main" class="flex-shrink-0">
<div class="container">
<section class="row">
<article class="col-sm-8 window-size-custom article-bg">
<h1 id="top-of-page" >
About Me
</h1>
<hr />
</h1>
<img
class="img-responsive col-sm-6 float-left profile-img"
src=".\Assets\Images\NewYearSameMe.jpg"
alt="Headshot profile photo"
/>
<p class="col-sm-12 non-head-text">
My name is André Grech and I'm an aspiring full stack developer. My goal is to refine my skills in order to showcase a skillset that is both technically adept and creative in implementation, empowering myself to pursue personal and professional goals.
It is my hope that the work I currently have on display will demonstrate that I have a strong aptitude for learning and growth within a condensed timeframe. As a Technology Consultant in professional services, I have been exposed to a broad range of stages in the
development process and have worked with a range of platforms such as Azure Synapse Studio, Databricks and Microsoft Power Platform.
</p>
<p class="col-sm-12 non-head-text">
My experience as a graduate of science and languages has already
exposed me to very self-guided and rigorous learning scenarios. I'm prepared to keep driving myself learn, absorb new skills, and really take advantage of the opportunities afforded to us in such a digital age.
Outside of this I'm the eldest of 4, so I'm no stranger to working in in close quarters and conflict resolution. I'm avid adult fan of Lego (AFOL), spend time building computers from scratch, and enjoy cycling and reading outside of work.</p>
</p>
<p class="col-sm-12 non-head-text">
I enjoy playing as well as watching sport in my down time. Don't get me started on how overly invested in the Fifa World Cup I've been.
My portfolio currently contains some of my highlighted works in the 6 months I was engaged in a bootcamp. You can check out the repos and view them in deployed states on github pages, and in some cases hosted by Heroku (Down due to recent security breach). You can browse my portfolio or can access my github directly <a target="_blank" href="https://github.com/AGr2020Xman">here</a>.
Hopefully you can appreciate how much I've managed to learn in such a short time, and how much further I can still grow and develop as my learning continues to advance.
</p>
</article>
</section>
</div>
</main>
<footer class="footer mt-auto py-3 container-fluid">
<div class="row">
<span
class="text-muted non-head-text footer-text justify-content-start col-sm-3"
>
© AGr Pty Ltd
</span>
<span
class="text-muted non-head-text footer-text justify-content-start col-sm-3"
>
<a
href="https://github.com/AGr2020Xman"
target="_blank">
<img
class="thumbnails"
src="./Assets/Images/github_icon.png"
>
</a>
<a
href="https://www.linkedin.com/in/andregrech95/"
target="_blank">
<img
class="thumbnails"
src="./Assets/Images/linkedin-icon-logo-png.png"
>
</a>
</span>
<span
class="text-muted non-head-text footer-text col-sm-3 justify-content-center"
>
<a href="./contact.html">Contact me</a>
</span>
<span
class="text-muted non-head-text col-sm-3 footer-text justify-content-end"
>
<a href="#top-of-page">Top of Page</a>
</span>
</div>
</footer>
<script
src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin="anonymous"
></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV"
crossorigin="anonymous"
></script>
</body>
</html>