Skip to content

Commit

Permalink
work
Browse files Browse the repository at this point in the history
  • Loading branch information
@andremmsilva
andremmsilva committed Dec 20, 2023
1 parent c50f20f commit d943b08
Show file tree
Hide file tree
Showing 4 changed files with 61 additions and 60 deletions.
38 changes: 19 additions & 19 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -60,7 +60,7 @@
</div>
</nav>

<div class="container-fluid elipses pb-5">
<main class="container-fluid elipses pb-5">
<div class="container col-xxl-8 px-4 py-5">
<div class="row d-flex flex-lg-row align-items-center justify-content-between g-5 pt-5">
<div class="col-12 col-sm-10 col-lg-6">
Expand All @@ -69,17 +69,17 @@
<div class="col-lg-6">
<div class="row">
<div class="container mx-md-4 my-4 text-center">
<div id="open-cerimony-card" class="p-4 rounded-4 shadow text-light">
<h1 class="fs-1">Cerimónia de abertura</h1>
<h1 class="mt-4 fs-2">22 de fevereiro</h1>
<div id="open-cerimony-card" class="py-4 px-2 rounded-4 shadow text-light">
<h1 class="display-6 fw-semibold">Opening Cerimony</h1>
<h1 class="mt-4 fw-light fs-3">February 22nd</h1>
</div>
</div>
</div>
<div class="row">
<div class="container mx-md-4 my-4 text-center">
<div id="inside-days-card" class="p-4 rounded-4 shadow text-light">
<h1 class="fs-1">Inside Days</h1>
<h1 class="mt-4 fs-2">Maio e Junho</h1>
<div id="inside-days-card" class="py-4 px-2 rounded-4 shadow text-light">
<h1 class="display-6 fw-semibold">Inside Days</h1>
<h1 class="mt-4 fw-light fs-3">May and June</h1>
</div>
</div>
</div>
Expand All @@ -88,7 +88,7 @@ <h1 class="mt-4 fs-2">Maio e Junho</h1>
</div>

<div class="px-4 py-5 mt-3 text-center">
<h1 class="display-4 fw-semibold mb-4 biv-color-text">What is BIV?</h1>
<h1 class="display-4 mb-4 biv-color-text wider-letter-spacing">What is BIV?</h1>
<div id="what-is-biv-box" class="col-lg-6 mx-auto p-5 rounded-4">
<p class="lead biv-color-text">
BEST Inside View (BIV) is a job shadowing event brought to you by BEST Lisbon.
Expand All @@ -108,7 +108,7 @@ <h1 class="display-4 fw-semibold mb-4 biv-color-text">What is BIV?</h1>
</button>
</div>
</div>
</div>
</main>

<div id="why-participate" class="container-fluid py-5">
<div class="container-lg" style="background-color: rgb(67, 83, 163); padding: 1rem;">
Expand All @@ -118,21 +118,21 @@ <h1 class="display-4 fw-bold text-light">Why participate?</h1>
</div>
</div>
<div class="row">
<div class="col-lg col-md-12 col-sm-12 m-4">
<div class="col-lg col-md-12 col-sm-12 my-4 mx-md-4">
<div class="card h-100 border-white border-2 rounded rounded-4 text-white bg-transparent">
<div class="card-body text-center">
<p class="fs-5">Learn more about what your favorite company actually does.</p>
</div>
</div>
</div>
<div class="col-lg col-md-12 col-sm-12 m-4">
<div class="col-lg col-md-12 col-sm-12 my-4 mx-md-4">
<div class="card h-100 border-white border-2 rounded rounded-4 text-white bg-transparent">
<div class="card-body text-center">
<p class="fs-5">Get an insight into the working life and culture of companies.</p>
</div>
</div>
</div>
<div class="col-lg col-md-12 col-sm-12 m-4">
<div class="col-lg col-md-12 col-sm-12 my-4 mx-md-4">
<div class="card h-100 border-white border-2 rounded rounded-4 text-white bg-transparent">
<div class="card-body text-center">
<p class="fs-5">Obtain a different perspective on your future work from others.
Expand All @@ -142,21 +142,21 @@ <h1 class="display-4 fw-bold text-light">Why participate?</h1>
</div>
</div>
<div class="row">
<div class="col-lg col-md-12 col-sm-12 m-4">
<div class="col-lg col-md-12 col-sm-12 my-4 mx-md-4">
<div class="card h-100 border-white border-2 rounded rounded-4 text-white bg-transparent">
<div class="card-body text-center">
<p class="fs-5">Expands your network and helps you make professional contacts.</p>
</div>
</div>
</div>
<div class="col-lg col-md-12 col-sm-12 m-4">
<div class="col-lg col-md-12 col-sm-12 my-4 mx-md-4">
<div class="card h-100 border-white border-2 rounded rounded-4 text-white bg-transparent">
<div class="card-body text-center">
<p class="fs-5">Practice your interpersonal skills in a professional setting.</p>
</div>
</div>
</div>
<div class="col-lg col-md-12 col-sm-12 m-4">
<div class="col-lg col-md-12 col-sm-12 my-4 mx-md-4">
<div class="card h-100 border-white border-2 rounded rounded-4 text-white bg-transparent">
<div class="card-body text-center">
<p class="fs-5">Discover your potential and the challenges you'll face everyday.</p>
Expand Down Expand Up @@ -265,7 +265,7 @@ <h1 class="mt-5 mb-0 display-1 fw-semibold biv-color-text">FAQS</h1>
</div>
</div>
</div>
<div class="col-md my-4">
<div class="col-md my-4 text-md-end">
<a class="fs-2 link-dark link-underline-opacity-0" data-bs-toggle="collapse" href="#collapse2" role="button"
aria-expanded="false" aria-controls="collapse2">
<i class="bi bi-plus"></i>
Expand Down Expand Up @@ -295,7 +295,7 @@ <h1 class="mt-5 mb-0 display-1 fw-semibold biv-color-text">FAQS</h1>
</div>
</div>
</div>
<div class="col-md my-4">
<div class="col-md my-4 text-md-end">
<a class="fs-2 link-dark link-underline-opacity-0" data-bs-toggle="collapse" href="#collapse4" role="button"
aria-expanded="false" aria-controls="collapse4">
<i class="bi bi-plus"></i>
Expand Down Expand Up @@ -325,7 +325,7 @@ <h1 class="mt-5 mb-0 display-1 fw-semibold biv-color-text">FAQS</h1>
</div>
</div>
</div>
<div class="col-md my-4">
<div class="col-md my-4 text-md-end">
<a class="fs-2 link-dark link-underline-opacity-0" data-bs-toggle="collapse" href="#collapse6" role="button"
aria-expanded="false" aria-controls="collapse6">
<i class="bi bi-plus"></i>
Expand Down Expand Up @@ -355,7 +355,7 @@ <h1 class="mt-5 mb-0 display-1 fw-semibold biv-color-text">FAQS</h1>
</div>
</div>
</div>
<div class="col-md my-4">
<div class="col-md my-4 text-md-end">
<a class="fs-2 link-dark link-underline-opacity-0" data-bs-toggle="collapse" href="#collapse8" role="button"
aria-expanded="false" aria-controls="collapse8">
<i class="bi bi-plus"></i>
Expand Down
1 change: 0 additions & 1 deletion scripts/index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,6 @@ function renderCarousel() {
element.children[0].style.width = carouselItemWidth.toString().concat("px");
element.children[0].style.height = carouselItemHeight.toString().concat("px");
}
console.log(Math.floor(w / 2 - carouselWidth / 2));
prevBtn.style.left = Math.max(8, Math.floor(w / 2 - carouselWidth / 2 - carouselItemWidth / 5))
.toString().concat("px");
nextBtn.style.right = Math.max(8, Math.floor(w / 2 - carouselWidth / 2 - carouselItemWidth / 5))
Expand Down
35 changes: 35 additions & 0 deletions static/custom_buttons.css
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,38 @@
.my-btn {
appearance: none;
border: 1px solid rgba(27, 31, 35, .15);
border-radius: 6px;
box-shadow: rgba(27, 31, 35, .1) 0 1px 0;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
position: relative;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: middle;
white-space: nowrap;
}

.my-btn:focus:not(:focus-visible):not(.focus-visible) {
box-shadow: none;
outline: none;
}

.my-btn:focus {
outline: none;
}

.my-btn:disabled {
border-color: rgba(27, 31, 35, .1);
color: rgba(255, 255, 255, .8);
cursor: default;
}

.my-btn:active {
box-shadow: rgba(20, 70, 32, .2) 0 1px 0 inset;
}

.my-btn-yellow {
background-color: #fbaf37;
}
Expand Down
47 changes: 7 additions & 40 deletions static/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,12 @@ body {
font-family: 'Outfit', sans-serif !important;
}

@media screen and (max-width: 768px){
::-webkit-scrollbar {
-webkit-appearance: none;
}
}

.biv-color-text {
color: #4353A3;
}
Expand All @@ -22,45 +28,6 @@ body {
radial-gradient(circle at 31% 5%, rgba(242, 150, 162, 1) 0%, rgba(67, 83, 163, 0) 23%);
}

.my-btn {
appearance: none;
border: 1px solid rgba(27, 31, 35, .15);
border-radius: 6px;
box-shadow: rgba(27, 31, 35, .1) 0 1px 0;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
position: relative;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: middle;
white-space: nowrap;
}

.my-btn:focus:not(:focus-visible):not(.focus-visible) {
box-shadow: none;
outline: none;
}

.my-btn:focus {
outline: none;
}

.my-btn:disabled {
border-color: rgba(27, 31, 35, .1);
color: rgba(255, 255, 255, .8);
cursor: default;
}

.my-btn:active {
box-shadow: rgba(20, 70, 32, .2) 0 1px 0 inset;
}

#experiment {
background: rgba(255, 255, 255, .9);
}

/* Add custom CSS for transparent cards with a white border */
.card {
/* Semi-transparent background */
Expand Down Expand Up @@ -93,7 +60,7 @@ body {

#open-cerimony-card {
background: -webkit-linear-gradient(0deg, #D8B2B6, #785A88);
opacity: 80%;
opacity: 85%;
}

#inside-days-card {
Expand Down

0 comments on commit d943b08

Please sign in to comment.