-
Notifications
You must be signed in to change notification settings - Fork 0
/
volunteering.html
228 lines (215 loc) · 7.65 KB
/
volunteering.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- added buttons -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.btn {
border: none;
background-color: inherit;
padding: 28px 56px;
font-size: 24px;
cursor: pointer;
display: inline-block;
}
.btn:hover {background: #eee;}
.success {color: green;}
.info {color: dodgerblue;}
.warning {color: orange;}
.danger {color: red;}
.default {color: black;}
</style>
<body>
<title>Volunteering</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
rel="stylesheet"
/>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<style>
.fakeimg {
height: 150px;
width: fit-content;
background: #aaa;
}
</style>
</head>
<body>
<div class="p-3 bg-primary text-white text-center">
<h3>Dragos-Gabriel Danciulescu - Online Portfolio</h3>
<p>Feel free to look around!</p>
</div>
<!-- up navbar -->
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
<div class="container-fluid">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" href="presentation.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="education.html">Education</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="projects.html">Personal Projects</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="volunteering.html">Volunteering</a>
</li>
</ul>
</div>
</nav>
<div class="container mt-5">
<div class="row">
<div class="col-sm-4">
<!-- left navbar -->
<h2 class="mt-4">Links to jump around</h2>
<ul class="nav nav-pills flex-column">
<li class="nav-item">
<a class="nav-link" href="presentation.html">
<button class="btn default">Home</button>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="education.html">
<button class="btn default">Education</button>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="projects.html">
<button class="btn default">Personal Projects</button>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="volunteering.html">
<button class="btn default">Volunteering</button>
</a>
</li>
</ul>
<hr class="d-sm-none" />
</div>
<div class="col-sm-8">
<h2 class="mt-5">Erasmus+
<br>
</h2>
<h3>
When I was in the 11th grade I went to my first Erasmus+ youth exchange and it was an amazing experinece,
so I kept on going and the latest one was bettween 30th of april and 8th of May 2022.
<br>
<br>
</h3>
<h4>
1. Youth in Policy Dialogue
</h4>
<h5>
This was my first project and the only one in Romania,
we had discussions about politics in general and the roles of The European Union
</h5>
<head>
<title>YouthPass 1</title>
<body>
<iframe src="Youthpass- Societatea este pentru TINEri.pdf" width="100%" height="500px">
</iframe>
<p><a href="Youthpass- Societatea este pentru TINEri.pdf"><button class="btn info"> Download</button></a></p>
</body>
</head>
<h4>
2. Youth Exchange - To Eat Not To Stop
</h4>
<h5>
This was second project, first one abroad in Lithuania,Kaunas.
The project topic was nutrition and we had workshops around this
and presentations by doctors and nutritionists.
</h5>
<head>
<title>YouthPass 2</title>
<body>
<iframe src="Youthpass -To eat not to stop.pdf" width="100%" height="500px">
</iframe>
<p><a href="Youthpass -To eat not to stop.pdf"><button class="btn info"> Download</button></a></p>
</body>
</head>
</head>
<h4>
3. Youth Exchange - Fill in the blank page
</h4>
<h5>
This was my third project,in Nyiregyhaza,Hungary.
We also stayed in Budapest for 3 nights.
The topic was journalism and we had workshops around this
and had to write a few different articles.
</h5>
<head>
<title>YouthPass 3</title>
<body>
<iframe src="Youthpass-fill in the blank page.pdf" width="100%" height="500px">
</iframe>
<p><a href="Youthpass-fill in the blank page.pdf"><button class="btn info"> Download</button></a></p>
</body>
</head>
<h4>
4. Youth Exchange - EUROPEAN SOLIDARITY- 17.05.2021-25.05.2021
</h4>
<h5>
This was my fourth project,in Bansko,Bulgaria.
The topic was the European Union and all the workshops and
activities revolved around getting to understand why the EU exists better.
At the momemnt, I can't find the Youthpass for this one.
</h5>
<!--
<head>
<title>YouthPass 3</title>
<body>
<iframe src="/home/dragosd2009/POLII/PIUG/Youthpass-fill in the blank page.pdf" width="100%" height="500px">
</iframe>
<p><a href="/home/dragosd2009/POLII/PIUG/Youthpass-fill in the blank page.pdf"><button class="btn info"> Download</button></a></p>
</body>
-->
<br>
<h4>
5. Youth Exchange - Art as a tool for fighting cyberbullying 30.04.2022-08.05.2022
</h4>
<h5>
This is my most recent project in Castellamare di Stabia, Italy.
The main topic was art and cyberbullying, as the main activity was a day when a
local graffiti artist taught us to paint graffiti. We also had different workshops and a trip to Pompeii.
I don't have the YouthPass for this one either, as it was too recent.
I do have a photo from Pompeii though.
</h5>
<div class="fakeimg">
<img
style="max-width: 200%; height: 180px"
src="img1.jpeg"
alt=""
/>
</div>
<br>
<br>
<h4>
6. T.E.A.M. training course
</h4>
<h5>
This was my first ever volunteering activity, done in 2017.
It was one for high school students, so they gave us an introduction to what volunteering is about.
</h5>
<head>
<title>Team</title>
<body>
<iframe src="TEAM.pdf" width="100%" height="500px">
</iframe>
<p><a href="TEAM.pdf"><button class="btn info"> Download</button></a></p>
</body>
</head>
</div>
</div>
</div>
</div>
<div class="mt-5 p-4 bg-dark text-white text-center">
<p>
This website represents a personal project, it is not to be published
online, only as a private project on git.
</p>
</div>
</body>
</html>