forked from ndoherty-xyz/unemployables-portfolio-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
205 lines (192 loc) · 8.07 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
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="icon" href="./assets/images/devlogo.png" />
<title>Gilda Perretta / Portfolio </title>
<meta name="description" content="A Computer Engineering graduate, interested in software engineering
and software/app development, strongly passionate about innovations, digital transformation, multimedia and AI.">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="./css/layout.css">
<link rel="stylesheet" href="./css/typography.css">
<link rel="stylesheet" href="./css/utilities.css">
<script defer src="./js/script.js"></script>
</head>
<body>
<!-- NAVBAR -->
<div class="navbar">
<a class="nav-title-link" href="./index.html">
<span class="nav-title">Portfolio/Home</span>
<!--
<a class="button" href="mailto:whitevans.eth@gmail.com">
<image src="./assets/icons/mail.svg">
</a>
-->
</a>
</div>
<!-- MAIN PAGE CONTENT -->
<div id="main-content">
<!-- PORTFOLIO HEADER -->
<div align="center" id="portfolio-header">
<div id="portfolio-header-text-container">
<div class="header-text">
<span class="main-title">GILDA PERRETTA</span>
<div class="body-text"><br>Endless Learner.
Developer. Aspiring Software Engineer.<br><br><br><br>
</div>
<a class="noDecoration" href="https://github.com/gperretta">
<image src="./assets/icons/github-circ.svg" width="8%" />
</a>
<a class="noDecoration" href="https://www.linkedin.com/in/gperretta/">
<image src="./assets/icons/linkedin-circ.svg" width="8%" />
</a>
<a class="noDecoration" href="mailto:perretta.gilda@gmail.com">
<image src="./assets/icons/mail-circ.svg" width="8%" />
</a>
<div class="body-text"><br>
</div>
<div align="center">
<a class="button" id="my-work-link">
<span class="button-text">Check out my projects</span>
<image src="./assets/icons/arrow-down.svg" class="arrow-icon" />
</a>
</div>
</div>
</div>
</div>
<!-- ABOUT SECTION -->
<div id="about-section">
<span class="subheader-text">About Me</span>
<div class="about-section-content">
<div class="body-text">As I've always been driven by a strong curiosity
about everything
that's innovative and tech-related, I've started my journey in tech and development by studying Computer Engineering,
which nurtured my passion and later led me to enroll in the Apple Developer Academy.
<br><br>At the Academy, I’ve further
improved my development skills
by
using a newly learning-by-doing approach, enhanced my soft skills by working in multiple teams and
had the chance to work for delivering human-centered solutions by having a new perspective about what's behind a tech product and its goals.
<br><br>In addition, I’m also a freelance software tester every now and again, where I've been able to
explore mobile, web and desktop products to detect bugs and failures in the work-flow/user-flow,
which was extremely useful in the testing phase of app development and even way before in the process - while prototyping.
<br><br>As an endless learner, I'm eager to further broaden my perspective and knowledge and ready for new challenges to keep growing.
</div>
<a class="button" href="./cvpage.html">
<span class="button-text">More about me</span>
<image src="./assets/icons/arrow-right.svg" class="arrow-icon" />
</a>
</div>
</div>
<!-- PROJECTS / MY WORK SECTION -->
<div id="my-work-section">
<span class="subheader-text">Projects<br>
</span>
<div class="projects-container">
<!--
PROJECT #1: Sprout
-->
<div class="project-card">
<img src="./assets/images/sprout-2.png" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">Sprout</div>
<div class="body-text project-card-text">Game creation: pixel-art-style arcade game coded in Swift.
</div>
</div>
<a class="button" href="./project-sprout.html">
<span class="button-text">Read More</span>
<image src="./assets/icons/arrow-right.svg" class="arrow-icon" />
</a>
</div>
<!--
PROJECT #4: Debug
-->
<div class="project-card">
<img src="./assets/images/debug-4.png" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">Debug</div>
<div class="body-text project-card-text">Game creation: Snake revival minigame developed in Unity.
</div>
</div>
<a class="button" href="./project-debug.html">
<span class="button-text">Read More</span>
<image src="./assets/icons/arrow-right.svg" class="arrow-icon" />
</a>
</div>
<!--
PROJECT #5: Ghosting time
-->
<div class="project-card">
<img src="./assets/images/ghosting-2.png" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">Ghosting Time</div>
<div class="body-text project-card-text">Game creation: Flappy Bird variant developed in Unity.
</div>
</div>
<a class="button" href="./project-ghosting-time.html">
<span class="button-text">Read More</span>
<image src="./assets/icons/arrow-right.svg" class="arrow-icon" />
</a>
</div>
<!--
PROJECT #6: iOS Development
-->
<div class="project-card">
<img src="./assets/images/ios-dev.png" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">iOS Development</div>
<div class="body-text project-card-text">Mobile development path: team & solo projects coded in Swift.
</div>
</div>
<a class="button" href="./project-iosdev.html">
<span class="button-text">Read More</span>
<image src="./assets/icons/arrow-right.svg" class="arrow-icon" />
</a>
</div>
<!--
PROJECT #7: Python projects
-->
<div class="project-card">
<img src="./assets/images/python-learning.png" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">Learning Python</div>
<div class="body-text project-card-text">Python learning path: exercises and personal projects.
</div>
</div>
<a class="button" href="./project-python.html">
<span class="button-text">Read More</span>
<image src="./assets/icons/arrow-right.svg" class="arrow-icon" />
</a>
</div>
<!--
PROJECT #7: University projects
-->
<div class="project-card">
<img src="./assets/images/academic.png" class="project-image">
<div class="project-card-text-container">
<div class="subheader-text project-title">Academic Learning</div>
<div class="body-text project-card-text">University courses and exams: exercises & internal projects.
</div>
</div>
<a class="button" href="./project-uni.html">
<span class="button-text">Read More</span>
<image src="./assets/icons/arrow-right.svg" class="arrow-icon" />
</a>
</div>
</div>
</div>
</div>
<!--
Back-to-top button
-->
<div align="center">
<a class="button" href="#portfolio-header" style="margin-bottom: 20px;">
<image src="./assets/icons/arrow-up.svg" />
</a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>