-
Notifications
You must be signed in to change notification settings - Fork 0
/
Dark_Theme.html
107 lines (107 loc) · 11.1 KB
/
Dark_Theme.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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="edge">
<meta name="author" content="IzaacCoding36">
<meta name="viewport" content="width=device-width, initial-scale= 1.0">
<meta name="description" content="This site presents debates about social actions that have a great impact on our lives">
<meta name="keywords" content="HTML, CSS, JavaScript, Projeto, Actions">
<link rel="stylesheet" href="dark.css">
<link rel="shortcut icon" type="image/jpg" href="Imagens/favicon.ico"/>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
<script>
window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
</script>
<script defer src="/_vercel/insights/script.js"></script>
<base href="index.html">
<title>Transformative Actions</title>
</head>
<body align="center">
<center>
<div align="right" class="superior_button">
<a href="English.html">
<svg class="Dark_Theme" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" height="1.5em" width="1.5em"><path fill="currentColor" d="M24 42q-7.5 0-12.75-5.25T6 24q0-6.75 3.975-11.45Q13.95 7.85 20.4 6.5q2.05-.4 2.8.7t-.05 3q-.45 1.15-.7 2.35-.25 1.2-.25 2.45 0 4.5 3.15 7.65Q28.5 25.8 33 25.8q1.25 0 2.425-.225 1.175-.225 2.275-.625 2.15-.8 3.2.075 1.05.875.55 2.975-1.35 6.05-6.05 10.025Q30.7 42 24 42Z"/>
</svg>
</a>
<a href="Tema_Escuro.html">
<svg class="Language" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" height="1.5em" width="1.5em"><path fill="currentColor" d="M24 44q-4.2 0-7.85-1.575Q12.5 40.85 9.8 38.15q-2.7-2.7-4.25-6.375Q4 28.1 4 23.9t1.55-7.825Q7.1 12.45 9.8 9.75t6.35-4.225Q19.8 4 24 4q4.2 0 7.85 1.525Q35.5 7.05 38.2 9.75q2.7 2.7 4.25 6.325Q44 19.7 44 23.9t-1.55 7.875Q40.9 35.45 38.2 38.15t-6.35 4.275Q28.2 44 24 44Zm7.9-27.5h7.5q-1.65-3.45-4.525-5.75Q32 8.45 28.25 7.5q1.25 1.85 2.125 4t1.525 5Zm-12.7 0h9.7q-.55-2.65-1.85-5.125T24 7q-1.6 1.35-2.7 3.55-1.1 2.2-2.1 5.95ZM7.6 28.45h7.95q-.15-1.35-.175-2.425-.025-1.075-.025-2.125 0-1.25.05-2.225.05-.975.2-2.175h-8q-.35 1.2-.475 2.15T7 23.9q0 1.3.125 2.325.125 1.025.475 2.225ZM19.75 40.5q-1.25-1.9-2.15-4.1-.9-2.2-1.5-4.95H8.6Q10.5 35 13 37.025q2.5 2.025 6.75 3.475ZM8.6 16.5h7.55q.55-2.7 1.4-4.825.85-2.125 2.15-4.125-3.75.95-6.55 3.2T8.6 16.5ZM24 41.1q1.75-1.8 2.925-4.125Q28.1 34.65 28.85 31.45H19.2q.7 3 1.875 5.4Q22.25 39.25 24 41.1Zm-5.35-12.65H29.4q.2-1.55.25-2.525.05-.975.05-2.025 0-1-.05-1.925T29.4 19.5H18.65q-.2 1.55-.25 2.475-.05.925-.05 1.925 0 1.05.05 2.025.05.975.25 2.525Zm9.65 12q3.6-1.15 6.475-3.45 2.875-2.3 4.625-5.55h-7.45q-.65 2.7-1.525 4.9-.875 2.2-2.125 4.1Zm4.1-12h8q.35-1.2.475-2.225Q41 25.2 41 23.9q0-1.3-.125-2.25T40.4 19.5h-7.95q.15 1.75.2 2.675.05.925.05 1.725 0 1.1-.075 2.075-.075.975-.225 2.475Z"/>
</svg>
</a>
</div>
<div align="bottom">
<h1 class="Title" id="c1">Actions that Change the World</h1>
<p class="Presentation">Hello, Welcome to this page, here, you will see some subjects that actually impact our daily lives and that will transform the future we live in, for that, I have separated each part of this subject into topics that are very important.</p>
<p class="Presentation">As you can see, there is a circle at the top of this page that represents the 4 topics that will be discussed here, each of these topics represent specific topics that are:</p>
<p class="Presentation" id="a1">Sustainability</p>
<p class="Presentation" id="a2">Education</p>
<p class="Presentation" id="a3">Collectivity</p>
<p class="Presentation" id="a4">Technology</p>
<p class="Presentation">And also in the upper right corner you can change the language or theme for greater reading accessibility.</p>
<p class="Presentation">Anyway, check out the content below.</p>
</div>
<section class="Sustainability">
<div align="bottom">
<h1 class="Title_sus">Sustainability</h1>
<img class="Image" alt="Sustainability" src="Imagens/Sustentabilidade2.png">
<p class="Text_sus">What we can clearly mention here are sustainable actions that, in fact, transform not only the world, but who we are.</p>
<p class="Text_sus">Throwing garbage in the right place, taking care of trees and plants, and even planting them, reflects in a much better environment for human beings to live together.</p>
<p class="Text_sus">It's clear that actions that transform the world can be sustainable, this is what we mostly need at the moment, in many places in the world we see pollution, environmental destruction, fires and devastation, and sustainability is the key to having a potentially better future. You are also part of this, in fact, we all are, nature benefits us with its natural resources, why can't we contribute to it too? Right?</p>
</div>
</section>
<section class="Education">
<div align="bottom">
<h1 class="Title_edu">Education</h1>
<img class="Image2" alt="Education" src="Imagens/Educação2.png">
<p class="Text_edu">One more of the actions that are very important for our future is education, because it's education that models what we plan to be in the future, and obviously, boost our productivity to enter the world of work.</p>
<p class="Text_edu">But it's not just to work that we go to school or any other educational institution, we also learn to live with the world, with its history, with its mechanisms, which is why teaching someone something can often be something transformative , because you are transmitting information to someone who will probably use it at some point in their lives.</p>
<p class="Text_edu">Education also covers very important topics to encourage the practice of innovative activities, which cover topics also mentioned here, like technology and sustainability.</p>
</div>
</section>
<section class="Collectivity">
<div align="bottom">
<h1 class="Title_col">Collectivity</h1>
<img class="Image3" alt="Collectivity" src="Imagens/Coletividade2.png">
<p class="Text_col">The world wouldn't be what it is today without us acting together, yes, another topic that deals with the relevance of transforming our world is the community, because several people investing in a project or a good action is essential to generate changes in a big scale.</p>
<p class="Text_col">This is a very important subject to deal with, because nowadays the world is becoming more and more individualistic, where people seek less and less to act or participate in groups and communities, this brings some harm to society in general, such as inequalities, lack of acceptance , low self-esteem, among other psychological and social problems.</p>
<p class="Text_col">Since the primordial times of the human being, we have only evolved collectively, and the collective offers us a wide variety of things that we cannot do alone. And that's why we can apply this to our daily lives, we can't transform the world just by ourselves, but we need the cooperation and help of everyone as one, helping nature, preserving raw materials and looking for new solutions to problems that we face every day.</p>
<p class="Recommendations">Wow, all these texts get you tired of reading, don't they? Well, I will recommend some movies and documentaries below if you are really interested in these subjects:</p>
<a href="https://g.co/kgs/9op2HnN">
<img class="Movies" alt="Brave Blue World" src="Imagens/Filme1.png">
<p class="Text_movies">Brave Blue World (2020)</p>
</a>
<a href="https://g.co/kgs/qcpCqB8">
<img class="Movies" alt="Before the Flood" src="Imagens/Filme2a.png">
<p class="Text_movies">Before the Flood (2016)</p>
</a>
<a href="https://g.co/kgs/acX9yWC">
<img class="Movies" alt="Minimalism: A Documentary About the Important Things" src="Imagens/Filme3.png">
<p class="Text_movies">Minimalism: A Documentary About the Important Things (2015)</p>
</a>
<p class="Start_tech">Okay, these are the recommendations, they may be few but it's a start, you can find many more movies, series, documentaries and books that talk about the topics on this page on the internet. Let's move on to the next topic:</p>
</div>
</section>
<section class="Technology">
<div align="Bottom">
<h1 class="Title_tech">Technology</h1>
<img class="Image4" alt="Technology" src="Imagens/Tecnologia2.png">
<p class="Text_tech">Technology is our tool to make changes happen. The development and evolution of our knowledge provides a greater opportunity for us to change the world and our future.</p>
<p class="Text_tech">That's why technology is what will transform our world, because with technology we can develop new ways to preserve natural resources and our personal lives, all in a time as necessary as now.</p>
<p class="Text_tech">It is noteworthy that all subjects here are extremely important, the current generation is and will undergo severe changes in the future, and especially in the environment. Like the glaciers in the Arctic regions that melt day after day, the extreme heat that occurs in the European region, deforestation, fires, and other discoveries such as the advancement of artificial intelligence, the metaverse, virtual reality, quantum processors, cars and smart electronics, and much more to come, so technology is what will continue to innovate our lives.</p>
<p class="Text_tech" id="b1">And these are the real actions that will transform the world.</p>
<p class="Text_tech">But none of this would be important without you, workers who spend day after day striving for a better world, professors who invest in the future and in the lives of students, students who dedicate themselves to being future entrepreneurs or professionals, and many other people, who make up a society in a world that is constantly changing.</p>
</div>
</section>
<div align="bottom">
<p class="Thanks">Thank you for viewing this project that I spent days dedicating myself to, it is a pleasure to be part of a project that deals with such an incredible topic for our lives. Thanks.</p>
</div>
<div align="bottom" class="Info">
<a rel="license" href="https://creativecommons.org/licenses/by/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a><br />This work is licensed under a <a rel="license" href="https://creativecommons.org/licenses/by/4.0/">Creative Commons Attribution 4.0 International License</a>.
<p>This site was developed by @IzaacCoding36. All rights reserved.</p>
<p>Curitiba, Paraná, Brazil. 2024.</p>
</div>
</center>
</body>
</html>