Skip to content

Commit

Permalink
fixed first page second content
Browse files Browse the repository at this point in the history
  • Loading branch information
@albano-a
albano-a committed Feb 4, 2024
1 parent 9518919 commit f17463d
Show file tree
Hide file tree
Showing 3 changed files with 24 additions and 24 deletions.
3 changes: 3 additions & 0 deletions assets/css/Projects-Grid-images.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,3 +19,6 @@
box-shadow: 5px 5px 5px #aeaeae;
}

.row {
}

7 changes: 7 additions & 0 deletions assets/css/css/index_re.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
@media (max-width: 575px) {
.row {
flex-direction: column;
align-items: center;
}
}

38 changes: 14 additions & 24 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,7 @@
<link rel="stylesheet" href="https://s.pageclip.co/v1/pageclip.css">
<link rel="stylesheet" href="assets/css/Projects-Grid-images.css">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/css/boxicons.min.css">
<link rel="stylesheet" href="assets/css/css/index_re.css">
<link rel="stylesheet" href="assets/css/Sidebar.css">
<link rel="stylesheet" href="assets/css/simple-footer.css">
<!-- Google tag (gtag.js) -->
Expand All @@ -56,10 +57,10 @@
</head>

<body style="overflow-x: hidden;background: var(--bs-body-bg);">
<div data-aos="fade-down" data-aos-duration="300" style="/*z-index: 1;*/">
<div style="/*z-index: 1;*/">
<div class="d-flex justify-content-center align-items-center align-content-center" style="margin: 5px;z-index: 1;"><a href="../index.html"><img class="img-fluid" data-bss-hover-animate="pulse" src="assets/img/logotipo_final.svg" style="margin: 0px;padding: 5px;width: 545px;margin-top: 10px;"></a></div>
</div>
<nav class="navbar bg-body py-3 navbar-expand-lg" data-aos="fade-down" data-aos-duration="300" style="font-size: 16px;z-index: 1;border-bottom: 1px solid var(--bs-info-border-subtle);">
<nav class="navbar bg-body py-3 navbar-expand-lg" style="font-size: 16px;z-index: 1;border-bottom: 1px solid var(--bs-info-border-subtle);">
<div class="container"><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1" style="font-family: Poppins, sans-serif;font-size: 18px;">
<ul class="navbar-nav mx-auto" style="z-index: 1;">
Expand Down Expand Up @@ -95,59 +96,48 @@ <h6 class="dropdown-header" style="text-align: center;font-family: Poppins, sans
<div class="col-md-6 col-xxl-6 text-center d-flex justify-content-center" style="border-width: 0px;">
<div class="justify-content-center"><br>
<h5 data-aos="fade-down" data-aos-duration="300" style="font-size: 24px;font-weight: bold;font-family: Poppins, sans-serif;">Você já se sentiu perdido ao tentar entender a Geofísica? Ou precisa de ajuda para se orientar?</h5>
<p data-aos="fade-right" data-aos-duration="300" style="font-family: Poppins, sans-serif;font-size: 18px;text-align: center;z-index: 2;">Seja qual for a sua situação, você está no lugar certo! Bem-vindo ao GeofisicaHub, onde você encontrará tudo o que precisa para seus estudos e trabalhos na área. Clique abaixo para saber mais! Se você não conhece a Geofísica e chegou aqui por acaso, venha descobrir mais sobre essa ciência fascinante! Se você é aluno da Geofísica da UFF,&nbsp;<a href="uff.html" style="font-weight: bold;">clique aqui!</a></p><a class="btn btn-primary btn-lg me-2" role="button" data-aos="zoom-in-up" data-aos-duration="300" href="about.html" style="font-family: Poppins, sans-serif;color: var(--bs-light);box-shadow: 0px 3px 5px var(--bs-info-bg-subtle);border-style: solid;border-color: var(--bs-secondary);border-radius: 15px;background: var(--bs-btn-color);">Saiba mais!</a><a class="btn btn-light btn-lg" role="button" data-aos="zoom-in-up" data-aos-duration="300" href="o-que-e-geofisica.html" style="font-family: Poppins, sans-serif;box-shadow: 0px 3px 5px var(--bs-info-bg-subtle);border-style: solid;border-color: var(--bs-secondary);border-radius: 15px;">O que é Geofísica?</a>
<p data-aos="fade-right" data-aos-duration="300" style="font-family: Poppins, sans-serif;font-size: 18px;text-align: center;z-index: 2;">Seja qual for a sua situação, você está no lugar certo! Bem-vindo ao GeofisicaHub, onde você encontrará tudo o que precisa para seus estudos e trabalhos na área. Clique abaixo para saber mais! Se você não conhece a Geofísica e chegou aqui por acaso, venha descobrir mais sobre essa ciência fascinante! Se você é aluno da Geofísica da UFF,&nbsp;<a href="uff.html" style="font-weight: bold;">clique aqui!</a></p><a class="btn btn-primary btn-lg me-2" role="button" data-bss-hover-animate="pulse" href="about.html" style="font-family: Poppins, sans-serif;color: var(--bs-light);box-shadow: 0px 3px 5px var(--bs-info-bg-subtle);border-style: solid;border-color: var(--bs-secondary);border-radius: 15px;background: var(--bs-btn-color);margin: 0px;margin-bottom: 5px;">Saiba mais!</a><a class="btn btn-light btn-lg" role="button" data-bss-hover-animate="pulse" href="o-que-e-geofisica.html" style="font-family: Poppins, sans-serif;box-shadow: 0px 3px 5px var(--bs-info-bg-subtle);border-style: solid;border-color: var(--bs-secondary);border-radius: 15px;">O que é Geofísica?</a>
</div>
</div>
<div class="col-md-6 col-xxl-6 d-flex justify-content-center" style="transform: rotate(15deg);"><img class="img-fluid" data-aos="fade-left" data-aos-duration="650" src="assets/img/gifs/earth.gif" style="transform: rotate(12deg);"></div>
<div class="col-md-6 col-xxl-6 d-flex justify-content-center" style="transform: rotate(15deg);"><img class="img-fluid" data-aos="fade-left" data-aos-duration="650" src="assets/img/gifs/earth.gif" style="transform: rotate(12deg);width: 75%;"></div>
</div>
</div>
</div>
</section><br>
<hr style="z-index: -1;">
<section data-aos="zoom-in" data-aos-duration="300">
<section>
<div class="container py-4 py-xl-5">
<div class="row mb-5">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<h2 style="font-family: Poppins, sans-serif;font-weight: bold;font-size: 40px;">Principais funcionalidades</h2>
<p class="w-lg-50" style="font-family: Poppins, sans-serif;">O GeofisicaHub oferece recursos e ferramentas projetadas para melhorar seus estudos e facilitar sua vida. Aqui, você encontrará uma extensa coleção de materiais didáticos, calculadoras com ótimas funcionalidades, e acesso a publicações científicas de várias fontes.</p>
</div>
</div>
<div class="row gy-4" style="box-shadow: 0px 3px 5px var(--bs-info-bg-subtle);margin-left: 0px;margin-right: 0px;margin-top: -25px;margin-bottom: 0px;border-radius: 15px;border: 1px solid var(--bs-secondary) ;">
<div class="col">
<div class="text-center d-flex flex-column align-items-center align-items-xl-center">
<div class="bs-icon-lg bs-icon-rounded bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block mb-3 bs-icon lg"><img src="assets/img/gifs/books.gif" style="width: 15%;"></div>
<div class="px-3" style="height: 150.000px;">
<h4 style="color: var(--bs-body-color);font-weight: bold;font-family: Poppins, sans-serif;">Materiais Didáticos</h4>
<p style="color: var(--bs-body-color);font-family: Poppins, sans-serif;text-align: center;">Explorando recursos educacionais, temos a seção de 'Materiais Didáticos' - uma fonte de livros e referências para impulsionar seu aprendizado.</p>
</div>
<div class="row gy-4 flex-sm-column flex-md-column flex-lg-row flex-xl-row flex-xxl-row" style="box-shadow: 0px 3px 5px var(--bs-info-bg-subtle);margin-left: 0px;margin-right: 0px;margin-top: -25px;margin-bottom: 0px;border-radius: 15px;border: 1px solid var(--bs-secondary);padding-bottom: 25px;">
<div class="col text-center">
<div class="bs-icon-lg bs-icon-rounded bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block mb-3 bs-icon lg"><img src="assets/img/gifs/books.gif" style="width: 15%;"></div>
<div class="px-3" style="height: 150.000px;">
<h4 style="color: var(--bs-body-color);font-weight: bold;font-family: Poppins, sans-serif;">Materiais Didáticos</h4>
<p style="color: var(--bs-body-color);font-family: Poppins, sans-serif;text-align: center;">Explorando recursos educacionais, temos a seção de 'Materiais Didáticos' - uma fonte de livros e referências para impulsionar seu aprendizado.&nbsp;<a href="../materials/geofisica.html" style="font-family: Poppins, sans-serif;">Saiba Mais</a></p>
</div>
<div class="text-center" style="margin-bottom: 15px;"><a href="../materials/geofisica.html" style="font-family: Poppins, sans-serif;">Saiba Mais&nbsp;<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"></path>
</svg></a></div>
</div>
<div class="col">
<div class="text-center d-flex flex-column align-items-center align-items-xl-center">
<div class="bs-icon-lg bs-icon-rounded bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block mb-3 bs-icon lg"><img src="assets/img/gifs/calculator.gif" style="width: 15%;"></div>
<div class="px-3" style="height: 150.000px;">
<h4 style="font-weight: bold;font-family: Poppins, sans-serif;">Calculadoras e Recursos</h4>
<p style="color: var(--bs-body-color);font-family: Poppins, sans-serif;">Aprecie a praticidade das nossas calculadoras enquanto acessa os recursos geofísicos que vão te ajudar nos seus estudos.<br><br></p>
<p style="color: var(--bs-body-color);font-family: Poppins, sans-serif;">Aprecie a praticidade das nossas calculadoras enquanto acessa os recursos geofísicos que vão te ajudar nos seus estudos.&nbsp;<a href="../tools/recursos.html" style="font-family: Poppins, sans-serif;">Saiba Mais&nbsp;</a><br><br></p>
</div>
</div>
<div class="text-center" style="margin-bottom: 15px;"><a href="../tools/recursos.html" style="font-family: Poppins, sans-serif;">Saiba Mais&nbsp;<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"></path>
</svg></a></div>
</div>
<div class="col-xl-4">
<div class="text-center d-flex flex-column align-items-center align-items-xl-center">
<div class="bs-icon-lg bs-icon-rounded bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block mb-3 bs-icon lg"><img src="assets/img/gifs/research.gif" style="width: 15%;"></div>
<div class="px-3" style="height: 150.000px;">
<h4 style="color: var(--bs-body-color);font-family: Poppins, sans-serif;font-weight: bold;">Publicações Científicas</h4>
<p style="color: var(--bs-body-color);font-family: Poppins, sans-serif;">Exploramos avanços científicos, revelando insights profundos e contribuindo para o conhecimento acadêmico.<br><br></p><br><br>
<p style="color: var(--bs-body-color);font-family: Poppins, sans-serif;">Exploramos avanços científicos, revelando insights profundos e contribuindo para o conhecimento acadêmico.&nbsp;<a href="../tools/pesquisa.html" style="font-family: Poppins, sans-serif;">Saiba Mais</a><br><br></p><br><br>
</div>
</div>
<div class="text-center" style="margin-bottom: 15px;"><a href="../tools/pesquisa.html" style="font-family: Poppins, sans-serif;">Saiba Mais&nbsp;<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-arrow-right">
<path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"></path>
</svg></a></div>
</div>
</div>
</div>
Expand Down

0 comments on commit f17463d

Please sign in to comment.