-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
148 lines (111 loc) · 9.85 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<title>Transfobia na sociedade</title>
<link rel="stylesheet" type="text/css" href="css/aaa.css">
<link rel="icon" href="imagens/bandeira2.png">
</head>
<body>
<div id="area-topo">
<h1 class="titulo"><strong>TRANSFOBIA NA SOCIEDADE</strong></h1>
</div>
<div>
<img src="imagens/imagem.webp" width="340px" style="float: left; padding-top: 30px; margin-left: 25px;">
<img src="imagens/imagem.webp" width="340px" style="float: right; padding-top: 260px; margin-right: 25px;">
<img src="imagens/bandeira.png" width="343px" style="float: left; padding-top: 300px; margin-left: -342px;">
<img src="imagens/bandeira.png" width="343px" style="float: right; padding-top: 40px; margin-right: -340px;">
</div>
<section id="home" class="d-flex">
<div class="container" style="margin-top: -30px;" >
<div class="row">
<div class="col-sm-12 m-auto">
<div id="carousel-legenda" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carousel-legenda" data-slide-to="0"></li>
<li data-target="#carousel-legenda" data-slide-to="1"></li>
<li data-target="#carousel-legenda" data-slide-to="2"></li>
<li data-target="#carousel-legenda" data-slide-to="3"></li>
<li data-target="#carousel-legenda" data-slide-to="4"></li>
<li data-target="#carousel-legenda" data-slide-to="5"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="imagens/bandeira.png" class="img-fluid" id="aaaa">
<div class="carousel-caption">
<img src="imagens/bandeira.png", width="25%" class="img-fluid" id="aaaa">
<h3>O que é a Transfobia?</h3>
<p>
A transfobia é um conjunto de atitudes, sentimentos ou comportamentos negativos, discriminatórios ou preconceituosos, desgosto emocional, medo, violência, raiva ou desconforto sentido ou expresso por pessoas trans, e<em> transgênero não é uma doença</em>. Muitas vezes é expresso em conjunto com visões homofóbicas e, portanto, muitas vezes é considerado um aspecto da homofobia.
</p>
<img src="imagens/bandeira.png", width="25%" class="img-fluid" id="aaaa">
</div>
</div>
<div class="carousel-item">
<img src="imagens/bandeira.png" class="img-fluid" id="aaaa">
<div class="carousel-caption">
<h3>Como saber se uma pessoa é trans?</h3>
<p>Pode-se caracterizá-lo de duas maneiras. cisgênero ou transgênero. Um indivíduo<strong> cisgênero</strong> é qualquer pessoa que se identifica com seu sexo biológico (masculino ou feminino). Por exemplo, uma pessoa que nasceu com genitália feminina e se identificou como mulher. Uma pessoa<strong> trans</strong> é qualquer pessoa que não se identifica com o sexo com o qual nasceu. Por exemplo, uma pessoa que nasceu com genitália feminina e se identificou como homem. Em um sentido epistemológico, o termo "homem trans" ou "trans masculino" é usado para se referir a alguém que é designado mulher ao nascer, mas que se expressa e se identifica como homem. E as palavras "mulher trans" ou "trans feminina" no contexto oposto.</p>
<img src="imagens/bandeira.png", width="9%" class="img-fluid" id="aaaa">
</div>
</div>
<div class="carousel-item">
<img src="imagens/bandeira.png" class="img-fluid" id="aaaa">
<div class="carousel-caption">
<h3>A diferença entre pessoas transexuais, transgêneros e travestis:</h3>
<p>Se concentra em suas identidades de gênero e maneiras de expressá-las. O termo<strong> transsexual</strong> pode ser usado para se referir a pessoas que não se identificam com seu gênero biológico e que podem buscar uma identidade de gênero oposta por meio de tratamento hormonal ou cirúrgico. O termo<strong> travesti</strong>, por sua vez, refere-se a uma identidade brasileira e está associado apenas a pessoas do sexo biológico masculino que se identificam no feminino e não necessariamente buscam tratamento para alterar suas características originais. O <strong>trangênero </strong>é aquele que não opta por modificações corporais ou intervenção cirúrgica a fim de transitar de um sexo para outro.</p>
<img src="imagens/bandeira.png", width="9%" class="img-fluid" id="aaaa">
</div>
</div>
<div class="carousel-item">
<img src="imagens/bandeira.png" class="img-fluid" id="aaaa">
<div class="carousel-caption">
<h3>Dificuldades que pessoas trans enfrentam:</h3>
<p>Crianças vítimas de transfobia sofrem assédio, intimidação e violência na escola. As vítimas adultas sofrem ridicularização pública, assédio, incluindo falta de justiça, provocações, ameaças, violência, roubo e falta de oportunidade; muitas se sentem inseguras em público. Uma alta porcentagem de denúncias são vítimas de violência sexual. Algumas pessoas trans são recusadas na área de saúde ou sofrem discriminação no local de trabalho, incluindo serem demitidas por serem transgêneros, ou se sentirem cercadas por grupos políticos ou religiosos que se opõem às leis que as protegem. Há até discriminação contra algumas pessoas dentro do movimento LGBTQIAPN+.</p>
<img src="imagens/bandeira.png", width="2%" class="img-fluid" id="aaaa">
</div>
</div>
<div class="carousel-item">
<img src="imagens/bandeira.png" class="img-fluid" id="aaaa">
<div class="carousel-caption">
<h3>Direitos Principais</h3>
<p>
PORTARIA Nº 1.820/2019 DO MINISTÉRIO DA SAÚDE</p>
<p>Art. 4º Toda pessoa tem direito ao atendimento humanizado e acolhedor, realizado por profissionais qualificados, em ambiente limpo, confortável e acessível a todos. Parágrafo único. É direito da pessoa, na rede de serviços de saúde, ter atendimento humanizado, acolhedor, livre de qualquer discriminação, restrição ou negação em virtude de idade, raça, cor, etnia, religião, orientação sexual, identidade de gênero, condições econômicas ou sociais, estado de saúde, de anomalia, patologia ou deficiência, garantindo-lhe:</p>
<img src="imagens/bandeira.png", width="15%" class="img-fluid" id="aaaa">
</div>
</div>
<div class="carousel-item">
<img src="imagens/bandeira.png" class="img-fluid" id="aaaa">
<div class="carousel-caption">
<img src="imagens/bandeira.png", width="25%" class="img-fluid" id="aaaa">
<p>I - Identificação pelo nome e sobrenome civil, devendo existir em todo documento do usuário e usuária um campo para se registrar o nome social, independente do registro civil sendo assegurado o uso do nome de preferência, não podendo ser identificado por número, nome ou código da doença ou outras formas desrespeitosas ou preconceituosas; [...]</p>
<p>Decreto nº 8.727/2016 que dispõe sobre o uso do nome social e o reconhecimento da identidade de gênero de pessoas travestis e transexuais no âmbito da administração pública federal direta, autárquica e fundacional.</p>
<p>E muito mais.</p>
<img src="imagens/bandeira.png", width="12%" class="img-fluid" id="aaaa">
</div>
</div>
</div>
<a href="#carousel-legenda" class="carousel-control-prev" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a href="#carousel-legenda" class="carousel-control-next" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
</div>
</div><!--/col-sm8 -->
</div><!--/Row -->
</div><!--/Container -->
</section>
<div>
<a class="button" href="denunciar.html">Saiba como você pode denunciar</a>
<a class="button2" href="informacoes.html">Mais informações</a>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
</html>