-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
248 lines (201 loc) · 13.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BookSwap Fest</title>
<link rel="stylesheet" href="./style.css">
</head>
<body style="background-color: rgb(255, 255, 255);">
<!-- Home page -->
<section class="header">
<nav>
<a href="index.html" ><img class="logo" src="./logo.png" alt="logo ul echipei" style="height: 100px; width: auto;"></a>
<div class="nav-links" id="navlinks">
<ul>
<li><a href=""><p class="text-color">ACASA</p></a></li>
<li><a href="#DESPRE"><p class="text-color">DESPRE</p></a></li>
<li><a href="#PROGRAM"><p class="text-color">PROGRAM</p></a></li>
<li><a href="#GALERIE"><p class="text-color">GALERIE</p></a></li>
<li><a href="#CAZSOCIAL"><p class="text-color">CAZ SOCIAL</p></a></li>
<li><a href="#FORMULAR1"><p class="text-color">FORMULAR</p></a></li>
<li><a href="#CONTACT"><p class="text-color">CONTACT</p></a></li>
<li><a href="#FAQ"><p class="text-color">FAQ</p></a></li>
</ul>
</div>
<div class="nav-links-content">
<div class="nav-links active" id="FORMULAR" data-tab-info>
</div>
</div>
</nav>
<div class="text-box">
<h1>BookSwap Fest</h1>
<p>Un proiect Șeptarii</p>
</div>
</section>
<!-- Despre -->
<section class="DESPRE">
<h1 id="DESPRE">BookSwap Fest <br> <span class="descriere"> Târg caritabil de cărți <br></span></h1>
<div class="row">
<div class="despre-col">
<h3> Despre </h3>
<p>Târgul Caritabil "BookSwap Fest" este un eveniment extraordinar cu scopul de a strânge fonduri pentru cauze nobile. Acest târg are o abordare unică, întrucât nu comercializează obiecte sau bunuri care nu ar putea fi de folos studenților, ci pune în centrul atenției materialele didactice precum: cursuri, cărți, culegeri, în schimbul unei sume modice, astfel încât să nu coste o avere pentru studenții dornici de a face o faptă bună, dar în același timp, pentru a reuși să strângem o sumă, fie ea chiar și nesemnificativă, pentru a ajuta pe cei aflați în nevoie. Scopul principal al acestui târg este de a strânge fonduri pentru organizații și cauze caritabile. Banii obținuți în cadrul acestui eveniment vor fi donați în întregime unor cauze atent alese și analizate de voluntarii noștri. Participanții la târg sunt invitați să doneze diverse materiale didactice de interes studentesc în schimbul unor stickere sau să pună spre vânzare ceea ce își propun, cu mențiunea că un procent din preț (ales de participant) va fi donat în cadrul târgului.</p>
</div>
<div class="despre-col">
<h3>Transparență</h3>
<p>Noi, echipa Șeptarii, în calitate de organizatorii târgului, vom furniza informații detaliate privind modul în care fondurile vor fi distribuite către organizațiile caritabile și vom face publice rapoarte despre donațiile realizate. Sperăm că acest lucru asigură transparență și încredere din partea participanților.
Târgul Caritabil "BookSwap Fest" este o ocazie unică de a aduce comunitatea studențească a CSIE împreună pentru a sprijini cauzele nobile și de a promova generozitatea și solidaritatea. Este un eveniment care pune accent pe impactul pozitiv pe care fiecare donație îl poate avea în viețile celor care au nevoie de ajutor și în dezvoltarea comunității în ansamblu.</p>
</div>
</section>
<!-- Program -->
<section class="PROGRAM">
<h1 id="PROGRAM">Programul Târgului BookSwap Fest</h1>
<h2 id="dumbproof">hover to interact</h2>
<div class="wrapper">
<img class="program-poza" src="./program.jpg">
<div class="overlay">
<div class="content">
PROGRAM <span> <br> 13-17 Martie <br> Cladirea Virgil Madgearu (CSIE) <br> <a href="https://copiipentruviitor.ro" class="text-caz" target="_blank">Asociatia copii pentru viitor</a><br> <br> Ora: TBA</span>
</div>
</div>
</div>
</section>
<!-- Galerie -->
<section class="galerie">
<h1> Galeria târgului BookSwap Fest <br> </h1>
<div>
<h1 id="GALERIE"></h1>
</div>
<div class="row">
<div class="galerie-col">
<img src="./scumpii.jpeg">
<div class="layer">
<h3>Our first meeting 🥺 </h3>
</div>
</div>
<div class="galerie-col">
<img src="./csie.png">
<div class="layer">
<h3>Cladirea Virgil Madgearu</h3>
</div>
</div>
<div class="galerie-col">
<img src="./septari.jpeg">
<div class="layer">
<h3>noi suntem Șeptarii</h3>
</div>
</div>
</div>
</section>
<!-- Caz social -->
<h1 id="CAZSOCIAL"></h1>
<div class="row">
<div class="despre-col">
<h3 class="titlu-caz"> Cazul social sustinut la momentul actual </h3>
<p class="text-caz">După cum bine ați aflat, Bookswap fest este un târg caritabil, ocupându-se de strângerea de
fonduri pentru cauze nobile.
Ediția aceasta, toate donațiile vor fi oferite asociației “Copii pentru viitor”. “Copii pentru viitor”
a luat ființă în anul 2016, în județul Hunedoara, având ca misiune îmbunătățirea calității vieții
prin reducerea abandonului școlar, integrare sociala, suport psihologic etc. în rândul copiilor
și tinerilor din medii dezavantajate.
Lunar se ocupă de cumpăratul de alimente, îmbrăcăminte, rechizite, medicamente, de platitul
transportului către școală, achitarea taxelor școlare ș.a.m.d. Totodată, organizează ateliere
de dezvoltare personală, întâlniri pentru socializare și vizite tematice.
Ei coordonează și o multitudine de alte proiecte, precum “Mergi la liceu!”, “Prânzul comunitar”
și “Ajutăm împreună”.
Pentru mai multe informații, vă încurajăm să le vizitați site-ul și să citiți despre munca lor
incredibilă.</p>
</div>
<!-- Formular -->
<section class="FORMULAR1">
<h1 id="FORMULAR1">Formular de înscriere</h1> <br>
<div class="row">
<div class="despre-col">
<form action="">
<label for="lname">Nume:</label><br>
<input type="text" id="lname" name="lname" value=""><br>
<label for="fname">Prenume:</label><br>
<input type="text" id="fname" name="fname" value=""><br>
<br>
<label for="email">Email:</label><br>
<input type="text" class="email" name="email" value=""><br>
<label for="telefon">Număr de telefon:</label><br>
<input type="text" class="telefon" name="telefon" value=""><br><br>
<label for="tipactiune">Ce doriți să faceți cu cărțile dumneavoastră?</label><br><br>
<div class="checkbox-uri">
<input type="checkbox" id="carte" name="carte" value="carte">
<label for="donatie"> Să donez </label><br>
<input type="checkbox" id="carte" name="carte" value="carte">
<label for="schimb"> Să schimb </label><br>
<input type="checkbox" id="carte" name="carte" value="carte">
<label for="vanzare"> Să vând </label><br>
</div>
<br>
<label for="nrcarti">Câte din fiecare tip de carte veți aduce la eveniment?</label><br><br>
<label for="lit">Literatură</label>
<input type="text" class="textnr" name="lit" value=""><br>
<label for="cul">Culegeri</label>
<input type="text" class="textnr" name="cul" value=""><br>
<label for="alt">Altele</label>
<input type="text" class="textnr" name="alt" value=""><br><br>
<input type="submit" class="btnform" value="Trimite"> <input type="reset" class="btnform" value="Resetează">
</form>
</div>
</section>
<!-- Contact -->
<section class="CONTACT">
<h1 id="CONTACT">Contact</h1>
<div id="containercontact">
<div class="despre-col">
<h4>Lasă-ne un mesaj!</h4>
<label for="email">Email:</label><br>
<input type="text" class="emailc" name="emailc" value=""><br><br>
<label for="email">Mesaj:</label><br>
<textarea id="mesaj" name="mesaj" rows="10" cols="35">
</textarea> <br>
<input type="submit" class="btnform" value="Trimite">
</div>
<div class="despre-col">
<h2>Sau urmărește-ne pe social media:</h2>
<a href= https://instagram.com/septarii_sisc?igshid=MzMyNGUyNmU2YQ%3D%3D&utm_source=qr target="_blank"><img class="instagram" src="instagram.png" alt="cont_instagram" style="height: 40px; width: auto;"></a><br>
<a href= https://www.facebook.com/profile.php?id=61552749281371
target="_blank"><img class="facebook" src="facebook.png" alt="cont_facebook" style="height: 40px; width: auto;"></a>
</div>
</div>
</section>
<!-- FAQ -->
<section class="FAQ">
<h1 id="FAQ"><span class="mic">F</span>requently <span class="mic">A</span>sked <span class="mic">Q</span>uestions</h1><br>
<div id="container1">
<div>
<h2>Ce este BookSwap Fest?</h2>
<p>BookSwap Fest este un târg de cărți organizat în cadrul facultății <a href="https://csie.ase.ro/en/homepage-english/" class="text-faq" target="_blank"> CSIE</a>, care are ca scop ajutarea studenților cu diverse materiale didactice donate sau oferite spre vânzare, profitul fiind redirecționat spre a ajuta un caz social atent selecționat.</p>
</div>
<div>
<h2>Cine suntem noi?</h2>
<p>Echipa 7, cunoscuți sub numele de Șeptarii, suntem o organizație non-profit alcătuită din voluntari din cadrul procesului de recrutare în <a href="https://sisc.ro" class="text-faq" target="_blank">Sindicatul Studenților din Cibernetică</a><br>,asociatie a Facultății<a href="https://csie.ase.ro/en/homepage-english/" class="text-faq" target="_blank"> CSIE</a>
, parte a <a href="https://ase.ro" class="text-faq" target="_blank">Academiei de Studii Economice din București.</a>
</div>
<div>
<h2>Ce cauze ajutăm?</h2>
<p>Cazurile sociale pe care le susținem se schimbă destul de frecvent. Pentru a fi la curent cu cazul actual, te invităm să urmărești secțiunea site-ului
<a href="#CAZSOCIAL" class="text-faq" >CAZ SOCIAL</a> sau să te abonezi newsletter-ului nostru.</p>
</div>
<div>
<h2>Cum pot participa?</h2>
<p>Îți dorești să ajuți și tu o cauză nobilă? Poți face asta foarte simplu printr-o vizită în incinta facultății
<a href="https://csie.ase.ro/en/homepage-english/" class="text-faq" target="_blank"> CSIE.</a> Nu uita să aduci cu tine orice ești dispus să donezi în scopul strângerii de fonduri.</p>
</div>
</div>
</section>
<!-- footer -->
<section class="footer">
<p class="textfooter"> Task-uri realizate de:<br> <a href="https://recrutari-app.sisc.ro/team" class="text" target="_blank">Șeptarii</a> <br>
<a href="https://docs.google.com/spreadsheets/d/1hvU2qvFXtGFApoKE6aAO4nEwXyZ9_pAMkDyyfhKbEL4/edit#gid=0" class="text" target="_blank">SpreadSheet</a> <br>
<br> Mulțumiri mentorilor: <br>
<a href="https://www.instagram.com/_alinaaaam_/" class="text" target="_blank">Alina Manea</a> <br>
<a href="https://www.instagram.com/stefi._.m/" class="text" target="_blank">Stefania Marinescu</a> <br>
<br>Și nu în ultimul rând </p> <a href="https://www.instagram.com/sisc.ase/" class="text" target="_blank">SiSC</a>
</section>
</body>
</html>