-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
259 lines (251 loc) · 30.3 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
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Welcome to my personal portfolio website! This project showcases my skills, projects, and experiences in a web-based format. The website serves as a digital representation of my professional profile and accomplishments.">
<link rel="icon" href="images/logo.png">
<link rel="stylesheet" href="css/styles.css">
<title>Anca Matei - Portfolio website</title>
</head>
<body>
<header>
<div class="container">
<div class="logo"><a href="#">{A}</a></div>
<div class="navbar">
<img src="images/menu-fill.svg" alt="icon to open menu" id="open-menu" width="30" height="30">
<nav id="nav">
<span id="close-menu"><svg xmlns="http://www.w3.org/2000/svg" height="25" width="25" fill="currentColor" viewBox="0 0 384 512"><path d="M376.6 84.5c11.3-13.6 9.5-33.8-4.1-45.1s-33.8-9.5-45.1 4.1L192 206 56.6 43.5C45.3 29.9 25.1 28.1 11.5 39.4S-3.9 70.9 7.4 84.5L150.3 256 7.4 427.5c-11.3 13.6-9.5 33.8 4.1 45.1s33.8 9.5 45.1-4.1L192 306 327.4 468.5c11.3 13.6 31.5 15.4 45.1 4.1s15.4-31.5 4.1-45.1L233.7 256 376.6 84.5z"/></svg></span>
<ul>
<li><a class='link' href="#about" onclick="closeMenu2()">About</a></li>
<li><a class='link' href=#projects onclick="closeMenu2()">Projects</a></li>
<li><a class='link' href="#contact" onclick="closeMenu2()">Contact</a></li>
<li><a class="button" href="AncaMateiResume.pdf" target="_blank">Resume</a></li>
</ul>
</nav>
</div>
</div>
</header>
<section class="intro">
<div class="container">
<h1>Anca Matei</h1>
<h2>Frontend Web Developer </h2>
</div>
</section>
<section class="about" id="about">
<div class="container">
<h2>About me</h2>
<p>I am a JavaScript developer, currently specializing in React, with a focus on responsive design.</p>
<p>My distinctive background in medicine has instilled in me a strong sense of discipline, fostering continuous skill development and adaptability to diverse working environments and team dynamics, traits that I bring into my work as a developer.
I am eager to collaborate on projects as a team member.
</p>
<p>
In my spare time, I enjoy spending quality time with my friends, trying new cuisines at local restaurants (I am a foodie at heart), reading nonfiction books and nurturing my growing plant collection.
</p>
</div>
</section>
<section class="projects" id="projects">
<div class="container">
<h2>Some of my projects</h2>
<div class="projects-container">
<!-- BlogApp -->
<article class="project-container ">
<div class="text">
<h3 class="project-title">Blog Website - React</h3>
<p class="description">This project is a React SPA blog with a home page featuring a highlighted article and a list of all articles. Users can browse or filter articles by author. Fully responsive, it performs well on both mobile and desktop devices, with smooth animation transitions enhancing the user experience.</p>
<div class="technologies">
<span><img src="images/javascript.svg" alt="JavaScript icon" width="18px" height="18px"> JavaScript</span>
<span><img src="images/react.svg" alt="React icon" width="18px" height="18px">React</span>
<span><img src="images/framer-motion.svg" alt="Framer Motion icon" width="18px" height="18px">Framer Motion</span>
</div>
</div>
<div class="photo">
<img src="images/blog.jpg" alt="Homepage of Blog App website" >
<div class="project-links">
<a class="github" href="https://github.com/Anca2022/blog-app-react" target="_blank">
<svg role='img' xmlns="http://www.w3.org/2000/svg" height="40" width="40" viewBox="0 0 24 24" fill="currentColor"><title>Github</title><path d="M12.001 2C6.47598 2 2.00098 6.475 2.00098 12C2.00098 16.425 4.86348 20.1625 8.83848 21.4875C9.33848 21.575 9.52598 21.275 9.52598 21.0125C9.52598 20.775 9.51348 19.9875 9.51348 19.15C7.00098 19.6125 6.35098 18.5375 6.15098 17.975C6.03848 17.6875 5.55098 16.8 5.12598 16.5625C4.77598 16.375 4.27598 15.9125 5.11348 15.9C5.90098 15.8875 6.46348 16.625 6.65098 16.925C7.55098 18.4375 8.98848 18.0125 9.56348 17.75C9.65098 17.1 9.91348 16.6625 10.201 16.4125C7.97598 16.1625 5.65098 15.3 5.65098 11.475C5.65098 10.3875 6.03848 9.4875 6.67598 8.7875C6.57598 8.5375 6.22598 7.5125 6.77598 6.1375C6.77598 6.1375 7.61348 5.875 9.52598 7.1625C10.326 6.9375 11.176 6.825 12.026 6.825C12.876 6.825 13.726 6.9375 14.526 7.1625C16.4385 5.8625 17.276 6.1375 17.276 6.1375C17.826 7.5125 17.476 8.5375 17.376 8.7875C18.0135 9.4875 18.401 10.375 18.401 11.475C18.401 15.3125 16.0635 16.1625 13.8385 16.4125C14.201 16.725 14.5135 17.325 14.5135 18.2625C14.5135 19.6 14.501 20.675 14.501 21.0125C14.501 21.275 14.6885 21.5875 15.1885 21.4875C19.259 20.1133 21.9999 16.2963 22.001 12C22.001 6.475 17.526 2 12.001 2Z"></path></svg>
</a>
<a class="external-link" href="https://blog48.netlify.app/" target="_blank">
<svg role='img' xmlns="http://www.w3.org/2000/svg" height="22" width="22" fill="currentColor" viewBox="0 0 512 512"><title>Link for the project</title><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
</a>
</div>
</div>
</article>
<!-- EuroTour Angular -->
<article class="project-container alternate">
<div class="text">
<h3 class="project-title">EuroTour - Angular version</h3>
<p class="description">This webpage is a real life project that aims to provide a user-friendly platform for a car rental firm based in Cluj-Napoca. It is built in Angular (version 17.0.3) and it integrates Contentful CMS for backend management alongside EmailJS for transmitting the reservation data to the admin's email address.
The website incorporates Google Translate for multilingual support.
</p>
<div class="technologies">
<span><img src="images/typescript.svg" alt="Typescript icon" width="18px" height="18px">Typescript</span>
<span><img src="images/angularjs-fill.svg" alt="Angular icon" width="18px" height="18px">Angular</span>
<span><img src="images/reactivex.svg" alt="RxJS icon" width="18px" height="18px">RxJS</span>
</div>
</div>
<div class="photo">
<img src="images/eurotour.jpg" alt="Homepage of Eurotour website" >
<div class="project-links">
<a class="github" href="https://github.com/Anca2022/Eurotour-car-rental-angular" target="_blank">
<svg role='img' xmlns="http://www.w3.org/2000/svg" height="40" width="40" viewBox="0 0 24 24" fill="currentColor"><title>Github</title><path d="M12.001 2C6.47598 2 2.00098 6.475 2.00098 12C2.00098 16.425 4.86348 20.1625 8.83848 21.4875C9.33848 21.575 9.52598 21.275 9.52598 21.0125C9.52598 20.775 9.51348 19.9875 9.51348 19.15C7.00098 19.6125 6.35098 18.5375 6.15098 17.975C6.03848 17.6875 5.55098 16.8 5.12598 16.5625C4.77598 16.375 4.27598 15.9125 5.11348 15.9C5.90098 15.8875 6.46348 16.625 6.65098 16.925C7.55098 18.4375 8.98848 18.0125 9.56348 17.75C9.65098 17.1 9.91348 16.6625 10.201 16.4125C7.97598 16.1625 5.65098 15.3 5.65098 11.475C5.65098 10.3875 6.03848 9.4875 6.67598 8.7875C6.57598 8.5375 6.22598 7.5125 6.77598 6.1375C6.77598 6.1375 7.61348 5.875 9.52598 7.1625C10.326 6.9375 11.176 6.825 12.026 6.825C12.876 6.825 13.726 6.9375 14.526 7.1625C16.4385 5.8625 17.276 6.1375 17.276 6.1375C17.826 7.5125 17.476 8.5375 17.376 8.7875C18.0135 9.4875 18.401 10.375 18.401 11.475C18.401 15.3125 16.0635 16.1625 13.8385 16.4125C14.201 16.725 14.5135 17.325 14.5135 18.2625C14.5135 19.6 14.501 20.675 14.501 21.0125C14.501 21.275 14.6885 21.5875 15.1885 21.4875C19.259 20.1133 21.9999 16.2963 22.001 12C22.001 6.475 17.526 2 12.001 2Z"></path></svg>
</a>
<a class="external-link" href="https://euro-tour.ro/home" target="_blank">
<svg role='img' xmlns="http://www.w3.org/2000/svg" height="22" width="22" fill="currentColor" viewBox="0 0 512 512"><title>Link for the project</title><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
</a>
</div>
</div>
</article>
<!-- RecipeApp -->
<article class="project-container ">
<div class="text">
<h3 class="project-title">Recipe App - React</h3>
<p class="description">
This single-page application, built using the React library, provides a user-friendly interface for searching and exploring various recipes. You can find recipes by typing search terms and filtering results based on predefined categories such as meal types (e.g., breakfast, lunch, dinner) or cuisine types (e.g., Indian, Chinese, Mexican).
</p>
<div class="technologies">
<span><img src="images/javascript.svg" alt="JavaScript icon" width="18px" height="18px"> JavaScript</span>
<span><img src="images/react.svg" alt="React icon" width="18px" height="18px">React</span>
</div>
</div>
<div class="photo">
<img src="images/recipe.jpg" alt="Homepage of Recipe App website" >
<div class="project-links">
<a class="github" href="https://github.com/Anca2022/recipe-app-react" target="_blank">
<svg role='img' xmlns="http://www.w3.org/2000/svg" height="40" width="40" viewBox="0 0 24 24" fill="currentColor"><title>Github</title><path d="M12.001 2C6.47598 2 2.00098 6.475 2.00098 12C2.00098 16.425 4.86348 20.1625 8.83848 21.4875C9.33848 21.575 9.52598 21.275 9.52598 21.0125C9.52598 20.775 9.51348 19.9875 9.51348 19.15C7.00098 19.6125 6.35098 18.5375 6.15098 17.975C6.03848 17.6875 5.55098 16.8 5.12598 16.5625C4.77598 16.375 4.27598 15.9125 5.11348 15.9C5.90098 15.8875 6.46348 16.625 6.65098 16.925C7.55098 18.4375 8.98848 18.0125 9.56348 17.75C9.65098 17.1 9.91348 16.6625 10.201 16.4125C7.97598 16.1625 5.65098 15.3 5.65098 11.475C5.65098 10.3875 6.03848 9.4875 6.67598 8.7875C6.57598 8.5375 6.22598 7.5125 6.77598 6.1375C6.77598 6.1375 7.61348 5.875 9.52598 7.1625C10.326 6.9375 11.176 6.825 12.026 6.825C12.876 6.825 13.726 6.9375 14.526 7.1625C16.4385 5.8625 17.276 6.1375 17.276 6.1375C17.826 7.5125 17.476 8.5375 17.376 8.7875C18.0135 9.4875 18.401 10.375 18.401 11.475C18.401 15.3125 16.0635 16.1625 13.8385 16.4125C14.201 16.725 14.5135 17.325 14.5135 18.2625C14.5135 19.6 14.501 20.675 14.501 21.0125C14.501 21.275 14.6885 21.5875 15.1885 21.4875C19.259 20.1133 21.9999 16.2963 22.001 12C22.001 6.475 17.526 2 12.001 2Z"></path></svg>
</a>
<a class="external-link" href="https://recipe-app-0b1.netlify.app/" target="_blank">
<svg role='img' xmlns="http://www.w3.org/2000/svg" height="22" width="22" fill="currentColor" viewBox="0 0 512 512"><title>Link for the project</title><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
</a>
</div>
</div>
</article>
<!-- ToDo app -->
<article class="project-container alternate">
<div class="text">
<h3 class="project-title">ToDo App - React</h3>
<p class="description">
This is a single page application (SPA) built using React. The website serves as a simple to-do app where users can add, edit, and delete items from their to-do list.
</p>
<div class="technologies">
<span><img src="images/javascript.svg" alt="JavaScript icon" width="18px" height="18px"> JavaScript</span>
<span><img src="images/react.svg" alt="React icon" width="18px" height="18px">React</span>
</div>
</div>
<div class="photo">
<img src="images/todo.jpg" alt="Homepage of To Do App" >
<div class="project-links">
<a class="github" href="https://github.com/Anca2022/to-do-react" target="_blank">
<svg role='img' xmlns="http://www.w3.org/2000/svg" height="40" width="40" viewBox="0 0 24 24" fill="currentColor"><title>Github</title><path d="M12.001 2C6.47598 2 2.00098 6.475 2.00098 12C2.00098 16.425 4.86348 20.1625 8.83848 21.4875C9.33848 21.575 9.52598 21.275 9.52598 21.0125C9.52598 20.775 9.51348 19.9875 9.51348 19.15C7.00098 19.6125 6.35098 18.5375 6.15098 17.975C6.03848 17.6875 5.55098 16.8 5.12598 16.5625C4.77598 16.375 4.27598 15.9125 5.11348 15.9C5.90098 15.8875 6.46348 16.625 6.65098 16.925C7.55098 18.4375 8.98848 18.0125 9.56348 17.75C9.65098 17.1 9.91348 16.6625 10.201 16.4125C7.97598 16.1625 5.65098 15.3 5.65098 11.475C5.65098 10.3875 6.03848 9.4875 6.67598 8.7875C6.57598 8.5375 6.22598 7.5125 6.77598 6.1375C6.77598 6.1375 7.61348 5.875 9.52598 7.1625C10.326 6.9375 11.176 6.825 12.026 6.825C12.876 6.825 13.726 6.9375 14.526 7.1625C16.4385 5.8625 17.276 6.1375 17.276 6.1375C17.826 7.5125 17.476 8.5375 17.376 8.7875C18.0135 9.4875 18.401 10.375 18.401 11.475C18.401 15.3125 16.0635 16.1625 13.8385 16.4125C14.201 16.725 14.5135 17.325 14.5135 18.2625C14.5135 19.6 14.501 20.675 14.501 21.0125C14.501 21.275 14.6885 21.5875 15.1885 21.4875C19.259 20.1133 21.9999 16.2963 22.001 12C22.001 6.475 17.526 2 12.001 2Z"></path></svg>
</a>
<a class="external-link" href="https://todoapp7a.netlify.app/" target="_blank">
<svg role='img' xmlns="http://www.w3.org/2000/svg" height="22" width="22" fill="currentColor" viewBox="0 0 512 512"><title>Link for the project</title><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
</a>
</div>
</div>
</article>
<!-- FoodMine -->
<article class="project-container ">
<div class="text">
<h3 class="project-title">Food Mine</h3>
<p class="description">This project was created following a tutorial on YouTube as a means to practice the Angular framework. The goal of the project is to implement a simple restaurant page where users can add various food items to their cart. </p>
<div class="technologies">
<span><img src="images/typescript.svg" alt="Typescript icon" width="18px" height="18px">Typescript</span>
<span><img src="images/angularjs-fill.svg" alt="Angular icon" width="18px" height="18px">Angular</span>
</div>
</div>
<div class="photo">
<img src="images/foodmine.jpg" alt="Homepage of FoodMine website" >
<div class="project-links">
<a class="github" href="https://github.com/Anca2022/FoodMineYoutube" target="_blank">
<svg role='img' xmlns="http://www.w3.org/2000/svg" height="40" width="40" viewBox="0 0 24 24" fill="currentColor"><title>Github</title><path d="M12.001 2C6.47598 2 2.00098 6.475 2.00098 12C2.00098 16.425 4.86348 20.1625 8.83848 21.4875C9.33848 21.575 9.52598 21.275 9.52598 21.0125C9.52598 20.775 9.51348 19.9875 9.51348 19.15C7.00098 19.6125 6.35098 18.5375 6.15098 17.975C6.03848 17.6875 5.55098 16.8 5.12598 16.5625C4.77598 16.375 4.27598 15.9125 5.11348 15.9C5.90098 15.8875 6.46348 16.625 6.65098 16.925C7.55098 18.4375 8.98848 18.0125 9.56348 17.75C9.65098 17.1 9.91348 16.6625 10.201 16.4125C7.97598 16.1625 5.65098 15.3 5.65098 11.475C5.65098 10.3875 6.03848 9.4875 6.67598 8.7875C6.57598 8.5375 6.22598 7.5125 6.77598 6.1375C6.77598 6.1375 7.61348 5.875 9.52598 7.1625C10.326 6.9375 11.176 6.825 12.026 6.825C12.876 6.825 13.726 6.9375 14.526 7.1625C16.4385 5.8625 17.276 6.1375 17.276 6.1375C17.826 7.5125 17.476 8.5375 17.376 8.7875C18.0135 9.4875 18.401 10.375 18.401 11.475C18.401 15.3125 16.0635 16.1625 13.8385 16.4125C14.201 16.725 14.5135 17.325 14.5135 18.2625C14.5135 19.6 14.501 20.675 14.501 21.0125C14.501 21.275 14.6885 21.5875 15.1885 21.4875C19.259 20.1133 21.9999 16.2963 22.001 12C22.001 6.475 17.526 2 12.001 2Z"></path></svg>
</a>
<a class="external-link" href="https://foodmine-y.netlify.app" target="_blank">
<svg role='img' xmlns="http://www.w3.org/2000/svg" height="22" width="22" fill="currentColor" viewBox="0 0 512 512"><title>Link for the project</title><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
</a>
</div>
</div>
</article>
<!-- Kindergarden -->
<article class="project-container alternate">
<div class="text">
<h3 class="project-title">Kindergarden website</h3>
<p class="description">This task serves as a hands-on learning experience for practicing CSS skills by creating a website for a fictional kindergarten. The design is based on a free CSS template. The website is optimized for desktop use only. </p>
<div class="technologies">
<span><img src="images/html5.svg" alt="HTML5 icon" width="18px" height="18px">HTML5</span>
<span><img src="images/css3.svg" alt="CSS icon" width="18px" height="18px">CSS</span>
<span><img src="images/javascript.svg" alt="JavaScript icon" width="18px" height="18px"> JavaScript</span>
</div>
</div>
<div class="photo">
<img src="images/kindergarten.jpg" alt="Homepage of Kindergarten website" >
<div class="project-links">
<a class="github" href="https://github.com/Anca2022/kindergdn" target="_blank">
<svg role='img' xmlns="http://www.w3.org/2000/svg" height="40" width="40" viewBox="0 0 24 24" fill="currentColor"><title>Github</title><path d="M12.001 2C6.47598 2 2.00098 6.475 2.00098 12C2.00098 16.425 4.86348 20.1625 8.83848 21.4875C9.33848 21.575 9.52598 21.275 9.52598 21.0125C9.52598 20.775 9.51348 19.9875 9.51348 19.15C7.00098 19.6125 6.35098 18.5375 6.15098 17.975C6.03848 17.6875 5.55098 16.8 5.12598 16.5625C4.77598 16.375 4.27598 15.9125 5.11348 15.9C5.90098 15.8875 6.46348 16.625 6.65098 16.925C7.55098 18.4375 8.98848 18.0125 9.56348 17.75C9.65098 17.1 9.91348 16.6625 10.201 16.4125C7.97598 16.1625 5.65098 15.3 5.65098 11.475C5.65098 10.3875 6.03848 9.4875 6.67598 8.7875C6.57598 8.5375 6.22598 7.5125 6.77598 6.1375C6.77598 6.1375 7.61348 5.875 9.52598 7.1625C10.326 6.9375 11.176 6.825 12.026 6.825C12.876 6.825 13.726 6.9375 14.526 7.1625C16.4385 5.8625 17.276 6.1375 17.276 6.1375C17.826 7.5125 17.476 8.5375 17.376 8.7875C18.0135 9.4875 18.401 10.375 18.401 11.475C18.401 15.3125 16.0635 16.1625 13.8385 16.4125C14.201 16.725 14.5135 17.325 14.5135 18.2625C14.5135 19.6 14.501 20.675 14.501 21.0125C14.501 21.275 14.6885 21.5875 15.1885 21.4875C19.259 20.1133 21.9999 16.2963 22.001 12C22.001 6.475 17.526 2 12.001 2Z"></path></svg>
</a>
<a class="external-link" href="https://kinder-g.netlify.app/" target="_blank">
<svg role='img' xmlns="http://www.w3.org/2000/svg" height="22" width="22" fill="currentColor" viewBox="0 0 512 512"><title>Link for the project</title><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
</a>
</div>
</div>
</article>
<!-- <article class="project-container alternate">
<div class="text">
<h3 class="project-title">Title of the project</h3>
<p class="description">Lore quo, porro, velit excepturi. Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga nesciunt eveniet facilis ea ut libero iure cum corrupti excepturi maxime nam quae dolorem, id officiis fugit, laborum consequatur quisquam vel sapiente expedita.</p>
<div class="technologies">
<span><img src="images/html5.svg" alt="HTML5 icon" width="18px" height="18px">HTML5</span>
<span><img src="images/css3.svg" alt="CSS icon" width="18px" height="18px">CSS</span>
<span><img src="images/javascript.svg" alt="JavaScript icon" width="18px" height="18px"> JavaScript</span>
<span><img src="images/angularjs-fill.svg" alt="Angular icon" width="18px" height="18px">Angular</span>
<span><img src="images/react.svg" alt="React icon" width="18px" height="18px">React</span>
<span><img src="images/database-2-fill.svg" alt="icon of database" width="18px" height="18px">Database</span>
</div>
</div>
<div class="photo">
<img src="images/photo.jpg" alt="photo of the project" >
<div class="project-links">
<a class="github" href="#" target="_blank">
<svg role='img' xmlns="http://www.w3.org/2000/svg" height="40" width="40" viewBox="0 0 24 24" fill="currentColor"><title>Github</title><path d="M12.001 2C6.47598 2 2.00098 6.475 2.00098 12C2.00098 16.425 4.86348 20.1625 8.83848 21.4875C9.33848 21.575 9.52598 21.275 9.52598 21.0125C9.52598 20.775 9.51348 19.9875 9.51348 19.15C7.00098 19.6125 6.35098 18.5375 6.15098 17.975C6.03848 17.6875 5.55098 16.8 5.12598 16.5625C4.77598 16.375 4.27598 15.9125 5.11348 15.9C5.90098 15.8875 6.46348 16.625 6.65098 16.925C7.55098 18.4375 8.98848 18.0125 9.56348 17.75C9.65098 17.1 9.91348 16.6625 10.201 16.4125C7.97598 16.1625 5.65098 15.3 5.65098 11.475C5.65098 10.3875 6.03848 9.4875 6.67598 8.7875C6.57598 8.5375 6.22598 7.5125 6.77598 6.1375C6.77598 6.1375 7.61348 5.875 9.52598 7.1625C10.326 6.9375 11.176 6.825 12.026 6.825C12.876 6.825 13.726 6.9375 14.526 7.1625C16.4385 5.8625 17.276 6.1375 17.276 6.1375C17.826 7.5125 17.476 8.5375 17.376 8.7875C18.0135 9.4875 18.401 10.375 18.401 11.475C18.401 15.3125 16.0635 16.1625 13.8385 16.4125C14.201 16.725 14.5135 17.325 14.5135 18.2625C14.5135 19.6 14.501 20.675 14.501 21.0125C14.501 21.275 14.6885 21.5875 15.1885 21.4875C19.259 20.1133 21.9999 16.2963 22.001 12C22.001 6.475 17.526 2 12.001 2Z"></path></svg>
</a>
<a class="external-link" href="#" target="_blank">
<svg role='img' xmlns="http://www.w3.org/2000/svg" height="22" width="22" fill="currentColor" viewBox="0 0 512 512"><title>Link for the project</title><path d="M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z"/></svg>
</a>
</div>
</div>
</article> -->
</div>
</div>
</section>
<section class="contact" id="contact">
<div class="container">
<h2>Get in touch</h2>
<p>I am eager to collaborate on exciting projects. Whether you have a specific project in mind or just want to say hello, I'd love to hear from you!
</p>
<ul>
<li>
<a href="https://github.com/Anca2022/" target="_blank">
<svg role='img' xmlns="http://www.w3.org/2000/svg" height='40' width='40' viewBox="0 0 24 24" fill="currentColor"><title>GitHub</title><path d="M12.001 2C6.47598 2 2.00098 6.475 2.00098 12C2.00098 16.425 4.86348 20.1625 8.83848 21.4875C9.33848 21.575 9.52598 21.275 9.52598 21.0125C9.52598 20.775 9.51348 19.9875 9.51348 19.15C7.00098 19.6125 6.35098 18.5375 6.15098 17.975C6.03848 17.6875 5.55098 16.8 5.12598 16.5625C4.77598 16.375 4.27598 15.9125 5.11348 15.9C5.90098 15.8875 6.46348 16.625 6.65098 16.925C7.55098 18.4375 8.98848 18.0125 9.56348 17.75C9.65098 17.1 9.91348 16.6625 10.201 16.4125C7.97598 16.1625 5.65098 15.3 5.65098 11.475C5.65098 10.3875 6.03848 9.4875 6.67598 8.7875C6.57598 8.5375 6.22598 7.5125 6.77598 6.1375C6.77598 6.1375 7.61348 5.875 9.52598 7.1625C10.326 6.9375 11.176 6.825 12.026 6.825C12.876 6.825 13.726 6.9375 14.526 7.1625C16.4385 5.8625 17.276 6.1375 17.276 6.1375C17.826 7.5125 17.476 8.5375 17.376 8.7875C18.0135 9.4875 18.401 10.375 18.401 11.475C18.401 15.3125 16.0635 16.1625 13.8385 16.4125C14.201 16.725 14.5135 17.325 14.5135 18.2625C14.5135 19.6 14.501 20.675 14.501 21.0125C14.501 21.275 14.6885 21.5875 15.1885 21.4875C19.259 20.1133 21.9999 16.2963 22.001 12C22.001 6.475 17.526 2 12.001 2Z"></path></svg>
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/anca-m-matei/" target="_blank">
<svg role='img' xmlns="http://www.w3.org/2000/svg" height='40' width='40' viewBox="0 0 24 24" fill="currentColor"><title>LinkedIn</title><path d="M18.3362 18.339H15.6707V14.1622C15.6707 13.1662 15.6505 11.8845 14.2817 11.8845C12.892 11.8845 12.6797 12.9683 12.6797 14.0887V18.339H10.0142V9.75H12.5747V10.9207H12.6092C12.967 10.2457 13.837 9.53325 15.1367 9.53325C17.8375 9.53325 18.337 11.3108 18.337 13.6245V18.339H18.3362ZM7.00373 8.57475C6.14573 8.57475 5.45648 7.88025 5.45648 7.026C5.45648 6.1725 6.14648 5.47875 7.00373 5.47875C7.85873 5.47875 8.55173 6.1725 8.55173 7.026C8.55173 7.88025 7.85798 8.57475 7.00373 8.57475ZM8.34023 18.339H5.66723V9.75H8.34023V18.339ZM19.6697 3H4.32923C3.59498 3 3.00098 3.5805 3.00098 4.29675V19.7033C3.00098 20.4202 3.59498 21 4.32923 21H19.6675C20.401 21 21.001 20.4202 21.001 19.7033V4.29675C21.001 3.5805 20.401 3 19.6675 3H19.6697Z"></path></svg>
</a>
</li>
<li>
<a href="mailto:[email protected]">
<svg role='img' xmlns="http://www.w3.org/2000/svg" height='40' width='40' viewBox="0 0 24 24" fill="currentColor"><title>Email</title><path d="M3 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3ZM12.0606 11.6829L5.64722 6.2377L4.35278 7.7623L12.0731 14.3171L19.6544 7.75616L18.3456 6.24384L12.0606 11.6829Z"></path></svg>
</a>
</li>
</ul>
</div>
</section>
<footer>
<div class="container">
<small>© 2024 Anca Matei.</small>
</div>
</footer>
<script src="main.js"></script>
</body>
</html>