-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
109 lines (101 loc) · 3.87 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<link rel="stylesheet" href="style.css">
<title>Eros</title>
</head>
<body>
<header>
<ul id="nav">
<img id="logo" src="images/eroslogo.png" alt="logo">
<div id="menu">
<a href=""><li>Articole
</li></a>
<a href=""><li>Despre Noi
</li></a>
<a href=""><li>Contact
</li></a></div>
</ul>
<!-- <img id="arrow1" src="images/arrow.png" alt=""> -->
</header>
<div id="bordertop"></div>
<section class="indigo">
<h1>Dă-i peste nas <i>fricii</i> și <i>rușinii</i> prin informare!</h1>
<h3>Învață și înțelege totul despre educația sexuală</h3>
<a class="maimult" href="">Mai mult</a>
</section>
<img class="pilule" id="pilula1" src="images/pilula1.png" alt="">
<img class="pilule" id="pilula2" src="images/pilula3.png" alt="">
<section class="white">
<ul class="figures">
<li>
<h1>#2</h1>
<p>România e pe locul 2 (în Europa) la numărul de sarcini nedorite în rândul mamelor minore</p>
</li>
<li>
<h1>731</h1>
<p>De mame minore sub 15 ani în România
(2020)</p>
</li>
<li>
<h1>90%</h1>
<p>Dintre tineri (15-24 de ani)
nu și-au făcut vreun test pentru bolile cu transmitere sexuală (BTS)</p>
</li>
</ul>
</section>
<section class="red">
<img id="standingpen" src="images/standingpen.png" alt="girl laying down looking on phone on a pillow and a few capsules in the background">
<p>EROS are ca scop normalizarea educației sexuale. Fiind ghidul tău contemporan atunci când te raportezi la un subiect tabu precum sănătatea sexuală, emoțiile, sexualitatea, igiena etc. Așadar aici e locul unde ești înțeles, ascultat și ajutat, toate astea pe înțelesul tău, desigur.</p>
</section>
<section class="white">
<h1 id="ce">Ce zici să...</h1>
<a href="#article1"><img class="casute" id="casuta1" src="images/casuta2.png" alt=""></a>
<img class="casute" id="casuta2" src="images/casuta1.png" alt="">
<img class="casute" id="casuta3" src="images/casuta3.png" alt="">
<div id="descrieri">
<p class="descriere" id="descriere1">Îi spui că vrei cu prezervativ?</p>
<p class="descriere" id="descriere2">Îi spui ”nu”, când nu vrei?</p>
<p class="descriere" id="descriere3">Vorbești deschis cu copilul tău despre sexul responsabil?</p>
</div>
<a class="maimult" id="maimult2" href="">Mai vreau sa citesc</a>
</section>
<section class="blue">
<h1 class="whiteh1">Zi-ne ce ai pe suflet</h1>
<h3 id="intrebari">Întrebări și povești primite, de la voi,
răspunsuri și soluții oferite, de la noi!</h3>
<ul class="figures">
<li id="bubble1" class="bubbles"><h3 id="autor1" class="inbubble">R, 17 ani</h3>
<!-- paragraphs might be longer -->
<p id="quote1" class="inbubble">”Mereu am crezut ca e anormal să ai penisul curbat”</p>
<!-- <img id="bubble1" src="images/roundedbg2.svg" alt="rounded background envelope image"> -->
</li>
<li id="bubble2" class="bubbles"><h3 id="autor2" class="inbubble">E, 25 ani</h3>
<p id="quote2" class="inbubble">”Nu mi-a curs sânge prima oară când am făcut sex, iar iubitul meu de atunci a spus că nu eram virgină”</p>
<!-- <img id="bubble2" src="images/roundedbg2.svg" alt="rounded background envelope image"> -->
</li>
</ul>
<a class="maimult" id="maimult3" href="">Citeste mai multe</a>
</section>
<section class="pink">
<h1 id="tu" class="whiteh1">Tu cu ce te-ai confruntat în ultima vreme?</h1>
<img id="sittingpen" src="images/sittingpen.png" alt="girl sitting down vector">
<a class="maimult" id="maimult4" href="">Povestește-mi</a>
</section>
<footer>
<ul id="nav">
<img id="logo" src="images/eroslogo.png" alt="logo">
<div id="menu">
<a href=""><li>Articole
</li></a>
<a href=""><li>Despre Noi
</li></a>
<a href=""><li>Contact
</li></a></div>
</ul>
<p id="rightsreserved">©2022 Eros. All rights reserved</p>
</footer>
</body>
</html>