Skip to content
This repository has been archived by the owner on May 25, 2024. It is now read-only.

Commit

Permalink
Merge pull request #6 from frc9611/dev
Browse files Browse the repository at this point in the history 
Dev
  • Loading branch information
@LucasHitoshi
LucasHitoshi committed Jan 12, 2024
2 parents e073d93 + aacfcfb commit 6bf71e9
Show file tree
Hide file tree
Showing 4 changed files with 206 additions and 60 deletions.
Binary file added assets/email-icon.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/sesi-senai-logo.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
126 changes: 72 additions & 54 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,6 @@
<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=Outfit:wght@100;300;600;700&display=swap" rel="stylesheet">
<link rel="preload" href="./assets/transfonter.org-20240110-133223/Humaroid.woff" as="font" type="font/woff2"
crossorigin>
<link rel="shortcut icon" href="./assets/favicon.png" type="image/x-icon">
</head>

Expand Down Expand Up @@ -105,66 +103,86 @@
</section>

<section class="first-about-section">
<img src="./assets/first-logo.png" alt="">
<img src="./assets/first-logo.png" alt="Logo da FIRST" class="first-about-section-logo">
<p class="first-about-text">A FIRST® é uma ONG sem fins lucrativos que tem como objetivo criar e preparar a nova
geração de líderes e profissionais capazes de criar soluções para os grandes problemas que assolam nossa
sociedade nos dias atuais.</p>
</section>

<footer class="footer">
<section class="left-side-details">
<div class="slogan-wrapper">
<span class="slogan">
Brainstorm, <br />
Invent, <br />
CyberRain!
<div class="footer-sections-grouper">
<section class="left-side-details">
<div class="slogan-wrapper">
<span class="slogan">
Brainstorm, <br />
Invent, <br />
CyberRain!
</span>
</div>
<div class="legal-part">
<span class="copyright">©2024 - CyberRain</span>
<img src="./assets/sesi-senai-logo.png" alt="Logo do SESI e logo do SENAI">
</div>
</section>
<section class="footer-section-contact-us">
<span class="footer-section-title">Contate-nos</span>
<li class="footer-section-items-list">
<ul><a href="mailto:marketing@9611.team" class="footer-section-item">marketing@9611.team</a></ul>
<ul><a href="mailto:contact@9611.team" class="footer-section-item">contact@9611.team</a></ul>
<ul><a href="mailto:mentorship@9611.team" class="footer-section-item">mentorship@9611.team</a></ul>
</li>
</section>
</div>
<div class="footer-sections-grouper footer-section-external-resources">
<section class="footer-section-location">
<span class="footer-section-title">Localização</span>
<li class="footer-section-items-list">
<ul><a target="_blank"
href="https://www.google.com.br/maps/place/Joinville+-+SC/@-26.2630126,-49.1276892,11z/data=!3m1!4b1!4m6!3m5!1s0x94dea3f39db1ab37:0xbc4b989df161e9fa!8m2!3d-26.3043758!4d-48.8463744!16zL20vMDgydGcw?hl=pt-BR&entry=ttu"
class="footer-section-item">Brasil, SC, Joinville</a></ul>
<ul>
<a target="_blank"
href="https://www.google.com.br/maps/place/Complexo+Educacional+Moinho+Joinville+-+FIESC%2FSESI%2FSENAI/@-26.3078768,-48.8399433,19.69z/data=!4m6!3m5!1s0x94deb187e1aad16f:0xef9a7e18b1d0e8e9!8m2!3d-26.3078125!4d-48.8394!16s%2Fg%2F11j8k4lqqb?hl=pt-BR&entry=ttu"
class="footer-section-item">
Escola de Referência SESI, <br />
Unidade Moinho
</a>
</ul>
</li>
</section>
<section class="footer-section-promotional">
<span class="footer-section-title">
Quer estar sempre ligado <br />
no mundo da robótica?
</span>
</div>
<div class="legal-part">
<span class="copyright">©2024</span>
</div>
</section>
<section class="footer-section-contact-us">
<span class="footer-section-title">Contate-nos</span>
<li class="footer-section-items-list">
<ul><a href="mailto:cyberrain@gmail.com" class="footer-section-item">cyberrain@gmail.com</a></ul>
<ul><a href="mailto:jean.hoffmann@edu.sesisc.org.br"
class="footer-section-item">jean.hoffmann@edu.sesisc.org.br</a></ul>
</li>
</section>
<section class="footer-section-location">
<span class="footer-section-title">Localização</span>
<li class="footer-section-items-list">
<ul><a target="_blank"
href="https://www.google.com.br/maps/place/Joinville+-+SC/@-26.2630126,-49.1276892,11z/data=!3m1!4b1!4m6!3m5!1s0x94dea3f39db1ab37:0xbc4b989df161e9fa!8m2!3d-26.3043758!4d-48.8463744!16zL20vMDgydGcw?hl=pt-BR&entry=ttu"
class="footer-section-item">Brasil, SC, Joinville</a></ul>
<ul>
<a target="_blank"
href="https://www.google.com.br/maps/place/Complexo+Educacional+Moinho+Joinville+-+FIESC%2FSESI%2FSENAI/@-26.3078768,-48.8399433,19.69z/data=!4m6!3m5!1s0x94deb187e1aad16f:0xef9a7e18b1d0e8e9!8m2!3d-26.3078125!4d-48.8394!16s%2Fg%2F11j8k4lqqb?hl=pt-BR&entry=ttu"
class="footer-section-item">
Escola de Referência SESI, <br />
Unidade Moinho
</a>
<span><a href="not-implemented.html" class="footer-section-newsletter-text">Assine a nossa
Newsletter</a></span>
<span class="footer-section-title">Siga-nos nas redes sociais</span>
<ul class="footer-section-social-media-list">
<li class="social-media"><a target="_blank" href="https://www.instagram.com/cyberainfrc/"><img
class="small-icon" src="./assets/instagram-icon.png" alt="Ícone do Instagram"></a></li>
<li class="social-media"><a target="_blank" href="https://github.com/frc9611"><img
class="small-icon" src="./assets/github-icon.png" alt="Ícone do Github"></a></li>
<li class="social-media"><a target="_blank" href="https://www.thebluealliance.com/team/9611"><img
class="small-icon" src="./assets/tba-lamp.svg" alt="Ícone da The Blue Alliance"></a>
</li>
</ul>
</li>
</section>
<section class="footer-section-promotional">
<span class="footer-section-title">
Quer estar sempre ligado <br />
no mundo da robótica?
</span>
<span><a href="not-implemented.html" class="footer-section-newsletter-text">Assine a nossa
Newsletter</a></span>
<span class="footer-section-title">Siga-nos nas redes sociais</span>
<ul class="footer-section-social-media-list">
<li class="social-media"><a target="_blank" href="https://www.instagram.com/cyberainfrc/"><img
class="small-icon" src="./assets/instagram-icon.png" alt="Ícone do Instagram"></a></li>
<li class="social-media"><a target="_blank" href="https://github.com/frc9611"><img class="small-icon"
src="./assets/github-icon.png" alt="Ícone do Github"></a></li>
<li class="social-media"><a target="_blank" href="https://www.thebluealliance.com/team/9611"><img
class="small-icon" src="./assets/tba-lamp.svg" alt="Ícone do Github"></a></li>
</ul>
</section>
</section>
</div>
<div>
<section class="footer-section-link-tree">
<ul class="footer-section-link-tree-list">
<li class="social-media"><a target="_blank" href="https://www.instagram.com/cyberainfrc/"><img
class="small-icon" src="./assets/instagram-icon.png" alt="Ícone do Instagram"></a></li>
<li class="social-media"><a target="_blank" href="https://github.com/frc9611"><img class="small-icon"
src="./assets/github-icon.png" alt="Ícone do Github"></a></li>
<li class="social-media"><a target="_blank" href="https://www.thebluealliance.com/team/9611"><img
class="small-icon" src="./assets/tba-lamp.svg" alt="Ícone da The Blue Alliance"></a></li>
<li class="social-media"><a target="_blank" href="mailto:contact@9611.team"><img class="small-icon"
src="./assets/email-icon.png" alt="Ícone de e-mail"></a></li>
</ul>
</section>
</div>
</footer>
</body>

Expand Down
140 changes: 134 additions & 6 deletions styles/index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -246,18 +246,39 @@ a {
width: 100%;
}

@media (max-width: 1150px) {
.header {
padding-left: 1rem;
padding-right: 1rem;
}
.nav-wrapper {
display: none;
}
}

/* Footer */

.footer {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
background-color: var(--cr-purple);
width: 100%;
height: 64.5rem;
height: fit-content;
display: flex;
gap: 15rem;
padding: 12rem 5.5rem;
}

.footer-sections-grouper {
display: flex;
gap: 17.5rem;
padding-top: 11rem;
padding-left: 9rem;
gap: 15rem;
flex-wrap: wrap;
}

.footer-sections-grouper > section {
width: 66rem;
}

.slogan {
Expand All @@ -270,7 +291,10 @@ a {
}

.slogan-wrapper {
display: flex;
align-items: center;
margin-bottom: 4rem;
height: 100%;
}

.copyright {
Expand Down Expand Up @@ -302,6 +326,13 @@ a {
gap: 1.5rem;
}

.small-icon[src="./assets/tba-lamp.svg"],
.small-icon[src="./assets/email-icon.png"] {
border: 3px solid var(--white-text);
border-radius: 1.5rem;
padding: .5rem;
}

.footer-section-title {
transition: all 0.2s ease;
position: relative;
Expand Down Expand Up @@ -366,6 +397,51 @@ a {
width: 90%;
}

.footer-section-link-tree-list {
display: none;
}

.legal-part {
display: flex;
flex-direction: column;
justify-content: center;
gap: 1.5rem;
}

@media (max-width: 700px) {
.slogan {
font-size: 5rem;
line-height: 4.25rem;
}

.left-side-details {
display: flex;
gap: 5rem;
}

.footer-section-contact-us {
display: none;
}

.footer-section-location {
display: none;
}

.footer-section-promotional {
display: none;
}

.footer-section-link-tree-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}

.footer-section-external-resources {
display: none;
}
}

/* Carrousel */

.cr-carrousel {
Expand Down Expand Up @@ -396,6 +472,15 @@ a {
font-weight: 600;
}

@media (max-width: 1150px) {
.cr-carrousel-big-text {
font-size: 7rem;
}
.cr-carrousel-text {
font-size: 3rem;
}
}

/* About FRC */

.first-about-section {
Expand All @@ -412,6 +497,20 @@ a {
font-size: 5rem;
font-weight: 600;
text-align: justify;
max-width: 105rem;
width: 85vw;
}

.first-about-section-logo {
width: 85vw;
max-width: 100rem;
}

@media (max-width: 1150px) {
.first-about-section {
flex-direction: column;
gap: 10rem;
}
}

/* About Crescendo */
Expand Down Expand Up @@ -471,6 +570,12 @@ a {
color: var(--light-black-text);
}

@media (max-width: 1150px) {
.crescendo-about-texts-wrapper {
display: none;
}
}

/* About CyberRain */

.cr-about-section {
Expand All @@ -489,10 +594,12 @@ a {
flex-direction: column;
gap: 4rem;
margin: 0 0 0 140rem;
max-width: 140rem;
width: 85vw;
}

.cr-identity-wrapper {
width: 140rem;
width: 100%;
display: flex;
justify-content: space-between;
}
Expand All @@ -519,7 +626,7 @@ a {
.cr-about-text {
color: var(--soft-black-text);
font-size: 5rem;
width: 140rem;
width: 100%;
font-weight: 600;
text-align: justify;
}
Expand All @@ -533,6 +640,7 @@ a {

.cr-about-buttons-wrapper {
display: flex;
flex-wrap: wrap;
gap: 4.5rem;
}

Expand Down Expand Up @@ -587,4 +695,24 @@ a {
width: 20rem;
height: 25rem;
transform: rotate(-4deg);
}

@media (max-width: 1150px) {
.cr-about-decoration-blob {
display: none;
}

.cr-about-wrapper {
margin: 0;
}

.cr-about-section {
height: 115rem;
}

.cr-about-buttons-wrapper {
display: flex;
width: 100%;
justify-content: center;
}
}

0 comments on commit 6bf71e9

Please sign in to comment.