-
Notifications
You must be signed in to change notification settings - Fork 0
/
conteudo.html
127 lines (117 loc) · 8.49 KB
/
conteudo.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Gugi&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap" rel="stylesheet">
<title>Saiba o que são Motores</title>
<link rel="stylesheet" href="css/estilo.css">
<link rel="stylesheet" href="css/responsivo.css">
</head>
<body>
<main>
<header id="cabecalho">
<a href="index.html"><img src="image/logo2.svg" id="logo"></a>
<div id="linksCabecalho">
<a href=""><div>Introdução</div></a>
<a href="#imgPistoes"><div>Motor a combustão</div></a>
<!--<a href=""><div>Motor elétrico</div></a>-->
</div>
</header>
<div id="conteudo">
<div id="texto">
<section id="introducao" class="parteTexto">
<h1>Introdução</h1>
<article>
<h2>O que é um motor?</h2>
<p>Primeiramente, vamos saber qual é a definição de "motor" segundo o dicionário. "Motor é tudo aquilo que se move ou serve para mover, que causa alguma coisa, que da impulso, gera movimento".</p>
<figure>
<img src="image/animal-na-agricultura.jpg" alt="Animal na agricultura">
<legend>By CulturaMix.com</legend>
</figure>
<p>Você pode encontrar motores em muitas coisas no seu dia a dia. Provavelmente neste momento você está pensando em veículos, acertei? Bom, veículos provavelmente são as coisas motorizadas mais conhecidas do mundo. Hoje carros e motos são conhecidos pela grande maioria da população mundial, e eles são movidos por uma mesma coisa... motores, sejam eles elétricos, de combustão, etc. Motores fazem o trabalho de movimentar o nosso mundo.</p>
</article>
<article>
<h2>História</h2>
<p>Não se sabe qual foi o primeiro motor do mundo, nem quem o inventou, já que a definição de motor é muito ampla como vimos acima, mas com certeza sabemos que os mais antigos que iremos ver aqui são os de tração animal.</p>
<p>Desde a pré-história sabemos que o homem utiliza animais para se locomover, ou para realizar trabalhos como moinhos, prensas entre outras coisas.</p>
<p>O motor desenvolvido pelo homem mais antigo do mundo é a eolípila, um motor a vapor que estava mais para um brinquedo, pois não tinha nenhuma utilização prática, apenas ficava girando em torno de um eixo em uma base suspensa.</p>
<figure>
<img src="image/eolipila.jpg" alt="Eolípila">
<legend>By Física Interessante</legend>
</figure>
<p>O motor a vapor também foi o primeiro motor mecânico que realmente utilizado na indústria e que era "eficaz".</p>
<p>Não é de se surpreender que o primeiro veículo motorizado que era capaz de carregar um ser humano usada um motor a vapor.</p>
<figure>
<img src="image/primeiro-veiculo-motorizado.jpg" alt="Primeiro veículo do mundo">
<legend>By MDIG</legend>
</figure>
</article>
</section>
<section id="combustao" class="parteTexto">
<img src="image/pistoes.png" class="exemplo" id="imgPistoes">
<h1>Motor a combustão</h1>
<article>
<h2>Os tipos</h2>
<p>Os motores a combustao são todos os motores que utilizam algum combustível que queima ou explode em seu funcionamento, eles podem ter essa combustão interna ou externa.</p>
<h2>Funcionamento</h2>
<h3>Combustão externa</h3>
<p>O motor de combustão externa pode ser de dois tipos, os motores Stirling e os motores a vácuo. Os Stirling trabalham com o aquecimento e arrefecimento de gases dentro de um cilindro, de maneira alternada, para movimentar o(s) pistão(ões) que fica/ficam em seu interior.</p>
<figure>
<img src="image/motorStirling.jpg" alt="Motor Stirling">
<legend>By 3B Scientific</legend>
</figure>
<p>Já o motor a vácuo trabalha como você pode imaginar</p>
<h2>História</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Soluta totam nulla reprehenderit maxime quis nihil aspernatur. At, culpa! Autem reiciendis ducimus eaque fugiat doloremque, ex nam animi consequuntur rem totam.</p>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Earum nesciunt, modi mollitia soluta nobis error, ratione voluptatibus quod consequatur molestias atque dolor maiores natus deleniti? Omnis itaque esse nihil vitae? Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga neque necessitatibus repudiandae incidunt? Nesciunt incidunt cupiditate maxime quo tempora laboriosam reprehenderit voluptates mollitia cumque ab, rerum tempore fugit maiores. Quidem. Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque nobis quod tenetur commodi sequi repudiandae illo porro iste. Magni ut vero obcaecati quae laboriosam est doloremque. Inventore pariatur eius enim.</p>
<h2>Onde é utilizado?</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe commodi impedit harum quia mollitia consequatur ut ex a accusamus consequuntur libero, exercitationem magnam, officia soluta. Quidem totam inventore quam corporis. Lorem ipsum dolor sit amet consectetur adipisicing elit. Minus alias aspernatur, in facere quasi placeat delectus obcaecati. Velit optio quas laboriosam corporis repellendus vero accusamus autem eveniet itaque maxime! Excepturi?</p>
</article>
</section>
<section id="post" class="parteTexto">
<div id="autor">
<img src="image/perfil.webp" id="imgAutor">
<span>João Victor</span>
</div>
<div id="data">27/04/2020</div>
</section>
</div>
<!--Lateral onde ficam todas as imagens e vídeos!-->
<aside id="multimidia">
<figure>
<img src="image/animal-na-agricultura.jpg" alt="Animal na agricultura">
<legend>By CulturaMix.com</legend>
</figure>
<figure>
<img src="image/eolipila.jpg" alt="Eolípila">
<legend>By Física Interessante</legend>
</figure>
<figure>
<img src="image/primeiro-veiculo-motorizado.jpg" alt="Primeiro veículo do mundo">
<legend>By MDIG</legend>
</figure>
<figure>
<iframe src="https://www.youtube.com/embed/ypdvDbf_iG4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<legend>By Inveções na História</legend>
</figure>
<figure>
<img src="image/motorStirling.jpg" alt="Motor Stirling">
<legend>By 3B Scientific</legend>
</figure>
</aside>
</div>
<footer id="rodape">
<p>Créditos</p>
<p><div>Ícones feitos por <a href="http://www.freepik.com/" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/br/" title="Flaticon">www.flaticon.com</a></div></p>
<p><a href='https://br.freepik.com/fotos-vetores-gratis/fundo'>Fundo vetor criado por starline - br.freepik.com</a></p>
<p><a href="https://github.com/joaoscoelho"><img src="image/github.svg"></a></p>
</footer>
</main>
<script src="_javascript/script.js">
</script>
<script src='_javascript/index.js'>
</script>
</body>
</html>