-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
187 lines (173 loc) · 11.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Setando tamanho da viewport igual as dimensões do dispositivo -->
<title>Sociologia</title>
<link rel="stylesheet" href="css/style.css">
<!-- Ícone da página -->
<link rel="icon" href="img/sociedade-icon.png">
<!-- Chama font awesome Icone -->
<link rel="stylesheet" href="css/font-awesome.min.css">
</head>
<body>
<header>
<!-- Barra de navegação com Menu -->
<nav class="menu-principal">
<input type="checkbox" id="botao-menu">
<label for="botao-menu">
<div class="menu-icon"></div>
</label>
<!-- LOGO -->
<h1 class="logo"><a href="index.html">Sociologia</a></h1>
<ul id="menu">
<li><a href="conteudo/sobre.html">Sobre</a></li>
<li><a href="conteudo/conceito.html">Conceito</a></li>
<li><a id="link-sociologos" href="conteudo/instituicoes.html">Instituições</a>
<ul>
<li><a href="conteudo/instituicoes-escola.html">Escola</a></li>
<li><a href="conteudo/instituicoes-familia.html">Família</a></li>
<li><a href="conteudo/instituicoes-estado.html">Estado</a></li>
<li><a href="conteudo/instituicoes-igreja.html">Igreja</a></li>
</ul>
</li>
<li><a id="link-sociologos" href="conteudo/sociologos.html">Sociólogos</a>
<ul>
<li><a href="conteudo/sociologos.html#auguste-comte">Auguste Comte</a>
<ul>
<li><a href="conteudo/sociologos-auguste-comte.html">Vida e Obras</a>
<ul><li><a href="conteudo/sociologos-positivismo.html">Positivismo</a></li></ul>
</li>
</ul>
</li>
<li><a href="conteudo/sociologos.html#karl-marx">Karl Marx</a>
<ul>
<li><a href="conteudo/sociologos-karl-marx.html">Vida e Obras</a>
<ul><li><a href="conteudo/sociologos-socialismo.html">Socialismo</a></li></ul>
</li>
</ul>
</li>
<li><a href="conteudo/sociologos.html#emile-durkheim">Émile Durkheim</a>
<ul>
<li><a href="conteudo/sociologos-emile-durkheim.html">Vida e Obras</a>
<ul><li><a href="conteudo/sociologos-fatos-sociais.html">Fatos Sociais</a></li></ul>
</li>
</ul>
</li>
<li><a href="conteudo/sociologos.html#max-weber">Max Weber</a>
<ul>
<li><a href="conteudo/sociologos-max-weber.html">Vida e Obras</a>
<ul><li><a href="conteudo/sociologos-acao-social.html">Ação Social</a>
<ul><li><a href="conteudo/sociologos-capitalismo.html">Capitalismo</a></li></ul>
</li></ul>
</li>
</ul>
</li>
</ul>
</li>
<li><a href="conteudo/grupos.html">Grupos</a></li>
<li><a href="conteudo/desigualdade.html">Desigualdade</a></li>
<li><a href="conteudo/estratificacao.html">Estratificação</a></li>
<li><a href="conteudo/sociedade.html">Sociedade</a></li>
</ul>
</nav>
<!-- Fim da barra de navegação -->
<!-- Banner Sociólogos -->
<div class="banner">
<section class="painel-lateral">
<h2>Sociologia</h2>
<p>
Sociologia é a ciência que estuda as relações entre as pessoas que pertencem a uma comunidade ou aos diferentes grupos que formam a sociedade. É uma ciência que pertence ao grupo das ciências sociais e humanas.
</p>
<a class="leia-mais" href="conteudo/conceito.html">Leia mais</a>
</section>
</div>
<!-- Fim Banner Sociólogos -->
</header>
<div class="scroll-icon-container">
<div class="mouse"></div>
</div>
<div class="geral">
<!--Inicio div geral para rodapé fixo-->
<main>
<!--Inicio do conteúdo-->
<div class="content-container">
<div class="container-read-more">
<input id="ativador1" class="ativador" type="checkbox">
<h1><a class="link-conteudo" href="conteudo/instituicoes.html">Instituições Sociais</a></h1>
<p>
Instituições sociais é um sistema organizado e permanente que incorpora costumes regras passadas ao longo de anos da sua existência e são essenciais e de estrema importância para a organização da sociedade. As principais instituições são a família, igreja as instituições econômicas e instituições de educação. Todas as instituições possuem características que as transforma em únicas como: Funcionais, representativa de valores, duração e uma dependência uma das outras.
</p>
<label class="expandir" for="ativador1"></label>
</div>
<a href="conteudo/instituicoes.html"><img src="img/principal-instituicoes.jpg"></a>
</div>
<div class="content-container">
<div class="container-read-more">
<input id="ativador2" class="ativador" type="checkbox">
<h1><a class="link-conteudo" href="conteudo/sociologos.html">Sociólogos</a></h1>
<p>
A Sociologia e as demais ciências sociais têm sido consideradas produtos da Revolução Industrial e da Revolução Intelectual. O progresso industrial capitalista demandou um notável desenvolvimento da ciência e da técnica. Inúmeras pessoas dedicaram longos anos a estudar a vida em sociedade, procurando descobrir seus segredos e tornar mais claras as relações que existem entre os homens. A Sociologia de Comte e Durkheim são positivistas; a de Marx é revolucionária e a de Max Weber é compreensiva.
</p>
<label class="expandir" for="ativador2"></label>
</div>
<a href="conteudo/sociologos.html"><img src="img/principal-sociologos.jpg"></a>
</div>
<div class="content-container">
<div class="container-read-more">
<input id="ativador3" class="ativador" type="checkbox">
<h1><a class="link-conteudo" href="conteudo/grupos.html">Grupos Sociais</a></h1>
<p>
Grupos sociais é uma forma básica de associação entre humanos que estão mutuamente em interação e para ser explicado e necessário ressaltar seus conceitos, definições e seus tipos de grupos. O conceito de grupos sociais é quando há uma interação entre dois ou mais indivíduos, que possuem interesses similares, compartilham histórias, objetivos, interesses, valores, princípios, símbolos, tradições e, sobretudo, as leis e as normas que asseguram as relações interpessoais.
</p>
<label class="expandir" for="ativador3"></label>
</div>
<a href="conteudo/grupos.html"><img src="img/principal-grupos.jpg"></a>
</div>
<div class="content-container">
<div class="container-read-more">
<input id="ativador4" class="ativador" type="checkbox">
<h1><a class="link-conteudo" href="conteudo/desigualdade.html">Desigualdade Social</a></h1>
<p>
A desigualdade social virou um fenômeno, porque que acontece através da diferencia entre pessoas dentro de uma mesma sociedade, onde se tem pessoas que são mais vantajosas q outras, com todos os aspectos: cultura, cotidiano, política.
As famílias mais pobres possuem um menor acesso informações necessárias a um desenvolvimento próprio, enquanto os outros os grupos , a injusta distribuição de renda por meio do espaço.
</p>
<label class="expandir" for="ativador4"></label>
</div>
<a href="conteudo/desigualdade.html"><img src="img/principal-desigualdade.jpg"></a>
</div>
<div class="content-container">
<div class="container-read-more">
<input id="ativador5" class="ativador" type="checkbox">
<h1><a class="link-conteudo" href="conteudo/estratificacao.html">Estratificação Social</a></h1>
<p>
A estratificação social é a separação de camadas da sociedade, formando um conjunto de desigualdade social, que gira em torno de um grupo diferenciado de valor. Há variadas categorias de sujeitos, dentro destas categorias, existem três que identificam a desigualdade, que são: classe, etnia e gênero. A primeira categoria é a classe, um grupo de sujeitos que possui status sociais similares, que no mundo capitalista ela é bem evidenciada, dividindo entre a classe baixa, media e alta.
</p>
<label class="expandir" for="ativador5"></label>
</div>
<a href="conteudo/estratificacao.html"><img src="img/principal-estratificacao.jpg"></a>
</div>
<div class="content-container">
<div class="container-read-more">
<input id="ativador6" class="ativador" type="checkbox">
<h1><a class="link-conteudo" href="conteudo/sociedade.html">Sociedade</a></h1>
<p>
Para compreender de forma ampla o que significa a palavra sociedade é que existe a Sociologia. Sendo seu objetivo principal, portanto, estudar os diversos significados que estão vinculados a este termo e a forma que este conceito se aplica à vida e aos relacionamentos das pessoas. Unida à Sociologia, há também outras ciências sociais e ciências humanas que buscam compreender a origem, a evolução e o comportamento dos indivíduos quando reunidos em grupos de gostos similares.
</p>
<label class="expandir" for="ativador6"></label>
</div>
<a href="conteudo/sociedade.html"><img src="img/principal-sociedade.jpg"></a>
</div>
</main>
<!--Fim do conteúdo-->
<!--Inicio do rodapé-->
<footer class="rodape">
<p>Turma de TADS 1AN ©2017 <a href="https://github.com/rafaelmelorms/sitesociologia" target="_blank" />
<i class="fa fa-github-alt fa-2x" aria-hidden="true" title="GitHub"></i></p>
</footer>
<!--Fim do rodapé-->
</div>
<!--Fim div geral para rodapé fixo-->
</body>
</html>