From 6e39345c951f6599c1ba2310152faa1326133d24 Mon Sep 17 00:00:00 2001 From: Leonardo Gomes Date: Wed, 31 Jan 2024 16:31:12 -0300 Subject: [PATCH] add partner to brisa page --- _css/main.scss | 3 +- _includes/partners.html | 46 +++++++++++++ _layouts/home.html | 1 + _sass/_about-lab.scss | 7 +- _sass/_layout-mobile.scss | 34 ++++++++++ _sass/_partners.scss | 137 ++++++++++++++++++++++++++++++++++++++ _sass/materials.scss | 2 +- 7 files changed, 223 insertions(+), 7 deletions(-) create mode 100644 _includes/partners.html create mode 100644 _sass/_partners.scss diff --git a/_css/main.scss b/_css/main.scss index 71ce1f002..db1eb1063 100644 --- a/_css/main.scss +++ b/_css/main.scss @@ -78,6 +78,7 @@ $blending: hard-light; "method", "about-lab", "layout-mobile", - "materials" + "materials", + "partners" ; diff --git a/_includes/partners.html b/_includes/partners.html new file mode 100644 index 000000000..cd0e7c944 --- /dev/null +++ b/_includes/partners.html @@ -0,0 +1,46 @@ +
+
+
+
+
+ +
+

Idealize um projeto

+
+
+
+
+ +
+

Se torne um parceiro da Brisa

+
+
+
+
+ +
+

Desenvolvimento do seu projeto por alunos da imersão Brisa

+
+
+
+
+ +
+

Sua ideia se torna realidade

+
+
+ +
+

Participe do Brisa como Parceiro

+
+
+

Estamos à procura de empresas parceiras que desejem apresentar desafios estimulantes, comprometendo-se a colaborar com um grupo seleto de estudantes. Em contrapartida, esses alunos receberão bolsas do programa, bem como computadores dedicados ao desenvolvimento de seus projetos.

+ +
+
+

Ressaltamos a relevância dessas parcerias, pois acreditamos que a imersão em projetos reais oferece aos estudantes uma oportunidade única de crescimento e aprendizado. Nesse contexto, convidamos sua empresa a propor um projeto, permitindo-nos avaliar a viabilidade do escopo em relação ao tempo e ao perfil dos participantes. Estamos ansiosos para consolidar uma parceria que promova resultados positivos, beneficiando tanto a empresa quanto a Universidade, enquanto contribuímos para a formação de futuros profissionais na área de Tecnologia da Informação.

+
+
+
+
+
\ No newline at end of file diff --git a/_layouts/home.html b/_layouts/home.html index 48ca3447f..1e406e35d 100644 --- a/_layouts/home.html +++ b/_layouts/home.html @@ -7,5 +7,6 @@ {% include institutions.html %} {% include testimony.html %} {% include method.html %} +{% include partners.html %} {% include about_lab.html %} diff --git a/_sass/_about-lab.scss b/_sass/_about-lab.scss index 7168d5d3f..724ac1a6b 100644 --- a/_sass/_about-lab.scss +++ b/_sass/_about-lab.scss @@ -1,6 +1,5 @@ .about-lab-wrapper { display: flex; - min-height: 80vh; width: 100%; background-color: #14193d; @@ -45,7 +44,6 @@ display: flex; flex-direction: column; justify-content: center; - align-items: center; padding: 0px 30px; .about-text { @@ -55,11 +53,10 @@ } h1 { - text-align: center; color: white; margin: 0; - margin-bottom: 20px; - font-size: 35px; + margin-bottom: 60px; + font-size: 40px; font-weight: 600; } } \ No newline at end of file diff --git a/_sass/_layout-mobile.scss b/_sass/_layout-mobile.scss index 71a04c966..8fa9ca79f 100644 --- a/_sass/_layout-mobile.scss +++ b/_sass/_layout-mobile.scss @@ -122,4 +122,38 @@ width: auto; margin: 60px 0px; } + + // Seção de parceiro + .partners-timeline { + display: none !important; + } + + .partners-content-text { + flex-direction: column; + } + + .partners-wrapper { + padding: 60px 20px; + margin: 0px !important; + } + + .partners-timeline { + max-width: -webkit-calc(#{$on-palm} - (#{$spacing-unit} * 2)) !important; + max-width: calc(#{$on-palm} - (#{$spacing-unit} * 2)) !important; + } + + .partners-text-wrapper { + max-width: -webkit-calc(#{$on-palm} - (#{$spacing-unit} * 2)) !important; + max-width: calc(#{$on-palm} - (#{$spacing-unit} * 2)) !important; + } + + .partners-text { + width: 100% !important; + padding: 0px !important; + + button { + margin: 20px 0px; + } + } + } \ No newline at end of file diff --git a/_sass/_partners.scss b/_sass/_partners.scss new file mode 100644 index 000000000..f3075ee67 --- /dev/null +++ b/_sass/_partners.scss @@ -0,0 +1,137 @@ +.partners-content { + width: 100%; + background-color: #262626; + + display: flex; +} + +.partners-wrapper { + width: 100%; + + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + + margin: 60px; +} + +.partners-timeline { + display: flex; + justify-content: space-between; + align-items: center; + width: 100%; + + max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2)); + max-width: calc(#{$content-width} - (#{$spacing-unit} * 2)); +} + +.line { + width: 80px; + height: 1px; + opacity: 60%; + + background-color: white; +} + +.icons-wrapper { + display: flex; + justify-content: center; + align-items: center; + + border-radius: 50%; + + background-color: white; + + opacity: 60%; + + width: 60px; + height: 60px; +} + +.shine { + opacity: 100%; + width: 80px; + height: 80px; +} + +.timeline-content-wrapper { + width: 120px; + text-align: center; + + display: flex; + flex-direction: column; + align-items: center; + + color: white; + + p { + height: 90px; + margin-top: 10px; + + font-size: 14px; + opacity: 60%; + } + +} + +.content-shine p { + font-size: 15px; + opacity: 100%; +} + +.partners-text-wrapper { + width: 100%; + + max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2)); + max-width: calc(#{$content-width} - (#{$spacing-unit} * 2)); +} + +.partners-text { + width: 50%; + + display: flex; + flex-direction: column; + justify-content: space-between; + + p { + font-size: 14px; + color: white; + margin: 0px; + } + + button { + cursor: pointer; + + background-color: rgba(0, 193, 252, 0.8); + color: white; + opacity: 100%; + + padding: 15px 20px; + border: none; + border-radius: 10px; + + font-size: 15px; + + &:hover { + opacity: 80%; + } + } +} + +.partners-button { + width: 50%; + + display: flex; + justify-content: center; + align-items: center; + +} + +.partners-title { + color: white; + margin: 0; + margin-bottom: 60px; + font-size: 40px; + font-weight: 600; +} diff --git a/_sass/materials.scss b/_sass/materials.scss index 99a64127f..c678841a2 100644 --- a/_sass/materials.scss +++ b/_sass/materials.scss @@ -21,7 +21,7 @@ height: 70px; border-radius: 50%; - border: 4px solid white; + border: 5px solid white; } }