Cleanup
|
Before Width: | Height: | Size: 575 KiB |
|
Before Width: | Height: | Size: 1.3 MiB |
|
Before Width: | Height: | Size: 278 KiB |
|
Before Width: | Height: | Size: 650 KiB After Width: | Height: | Size: 650 KiB |
|
Before Width: | Height: | Size: 575 KiB After Width: | Height: | Size: 575 KiB |
|
Before Width: | Height: | Size: 667 KiB After Width: | Height: | Size: 667 KiB |
|
Before Width: | Height: | Size: 582 KiB After Width: | Height: | Size: 582 KiB |
@@ -351,13 +351,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
h6 {
|
|
||||||
font-size: 1.25rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
// Sliding Quotes
|
// Sliding Quotes
|
||||||
#carouselSlidesOnly{
|
#carouselSlidesOnly{
|
||||||
height: 392px;
|
height: 392px;
|
||||||
@@ -370,24 +363,15 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.ambassador-quote {
|
h6 {
|
||||||
font-weight: 400;
|
font-size: 1.25rem;
|
||||||
font-size: 32px;
|
|
||||||
line-height: 38px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// Arrow links after text
|
// Arrow links after text
|
||||||
.btn-arrow::after {
|
.btn-arrow::after {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
content: url(../img/icons/arrow-right-purple.svg);
|
content: url(../img/icons/arrow-right-purple.svg);
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
padding-left: 8px;
|
padding-left: 8px;
|
||||||
|
|
||||||
-webkit-transition: transform 0.3s ease-out;
|
|
||||||
-moz-transition: transform 0.3s ease-out;
|
|
||||||
-ms-transition: transform 0.3s ease-out;
|
|
||||||
-o-transition: transform 0.3s ease-out;
|
|
||||||
transition: transform 0.3s ease-out;
|
transition: transform 0.3s ease-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -399,10 +383,6 @@
|
|||||||
|
|
||||||
.btn-arrow:hover::after {
|
.btn-arrow:hover::after {
|
||||||
background-position: left 4px bottom 4px;
|
background-position: left 4px bottom 4px;
|
||||||
-webkit-transform: translateX(4px);
|
|
||||||
-moz-transform: translateX(4px);
|
|
||||||
-ms-transform: translateX(4px);
|
|
||||||
-o-transform: translateX(4px);
|
|
||||||
transform: translateX(4px);
|
transform: translateX(4px);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -775,8 +775,6 @@ $placeholder-color: $gray-600;
|
|||||||
|
|
||||||
|
|
||||||
.page-ambassadors {
|
.page-ambassadors {
|
||||||
|
|
||||||
|
|
||||||
#benefits-list {
|
#benefits-list {
|
||||||
@each $benefits in "benefits-01", "benefits-02", "benefits-03", "benefits-04", "benefits-05", "benefits-06" {
|
@each $benefits in "benefits-01", "benefits-02", "benefits-03", "benefits-04", "benefits-05", "benefits-06" {
|
||||||
##{$benefits} {
|
##{$benefits} {
|
||||||
@@ -792,7 +790,4 @@ $placeholder-color: $gray-600;
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
@@ -285,10 +285,10 @@
|
|||||||
<div id="carouselSlidesOnly" class="carousel slide col-lg-10 mx-auto px-0" data-ride="carousel">
|
<div id="carouselSlidesOnly" class="carousel slide col-lg-10 mx-auto px-0" data-ride="carousel">
|
||||||
<div class="carousel-inner">
|
<div class="carousel-inner">
|
||||||
<div class="carousel-item active">
|
<div class="carousel-item active">
|
||||||
<div class="p-0 ambassador-quote">
|
<div class="p-0">
|
||||||
<div class="mb-4 p-lg-3">
|
<div class="mb-4 p-lg-3">
|
||||||
<img src="./assets/img/ambassadors/TEMP-quote2-small.svg" class="h-100 d-lg-none mb-4">
|
<img src="./assets/img/ambassadors/quote1-small.svg" class="h-100 d-lg-none mb-4">
|
||||||
<img src="./assets/img/ambassadors/TEMP-quote2.svg" class="h-100 d-none d-lg-block">
|
<img src="./assets/img/ambassadors/quote1.svg" class="h-100 d-none d-lg-block">
|
||||||
<div class="p-0 col-lg-7 mx-lg-auto">
|
<div class="p-0 col-lg-7 mx-lg-auto">
|
||||||
<p class="p-lg-3 mb-2"><strong>Titose C.</strong><br >
|
<p class="p-lg-3 mb-2"><strong>Titose C.</strong><br >
|
||||||
University of Cape Town,<br >
|
University of Cape Town,<br >
|
||||||
@@ -299,10 +299,10 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="carousel-item">
|
<div class="carousel-item">
|
||||||
<div class="p-0 ambassador-quote">
|
<div class="p-0">
|
||||||
<div class="mb-4 p-lg-3">
|
<div class="mb-4 p-lg-3">
|
||||||
<img src="./assets/img/ambassadors/TEMP-quote3-small.svg" class="h-100 d-lg-none mb-4">
|
<img src="./assets/img/ambassadors/quote2-small.svg" class="h-100 d-lg-none mb-4">
|
||||||
<img src="./assets/img/ambassadors/TEMP-quote3.svg" class="h-100 d-none d-lg-block">
|
<img src="./assets/img/ambassadors/quote2.svg" class="h-100 d-none d-lg-block">
|
||||||
<div class="p-0 col-lg-7 mx-lg-auto">
|
<div class="p-0 col-lg-7 mx-lg-auto">
|
||||||
<p class="p-lg-3 mb-2"><strong>Derrick N.</strong><br >
|
<p class="p-lg-3 mb-2"><strong>Derrick N.</strong><br >
|
||||||
Ryerson University,<br >
|
Ryerson University,<br >
|
||||||
@@ -427,14 +427,14 @@
|
|||||||
|
|
||||||
<div id="container-scroll">
|
<div id="container-scroll">
|
||||||
<div class="photobanner">
|
<div class="photobanner">
|
||||||
<img src="./assets/img/ambassadors/locations-row-1.png" alt="" height="48px" class="px-5">
|
<img src="./assets/img/ambassadors/locations-row-1.png" alt="Ambassador locations" height="48px" class="px-5">
|
||||||
<img src="./assets/img/ambassadors/locations-row-1.png" alt="" height="48px" class="px-5">
|
<img src="./assets/img/ambassadors/locations-row-1.png" alt="Ambassador locations" height="48px" class="px-5">
|
||||||
<img src="./assets/img/ambassadors/locations-row-1.png" alt="" height="48px" class="px-5">
|
<img src="./assets/img/ambassadors/locations-row-1.png" alt="Ambassador locations" height="48px" class="px-5">
|
||||||
</div>
|
</div>
|
||||||
<div class="photobanner photobanner-bottom">
|
<div class="photobanner photobanner-bottom">
|
||||||
<img src="./assets/img/ambassadors/locations-row-2.png" alt="" height="48px" class="px-5">
|
<img src="./assets/img/ambassadors/locations-row-2.png" alt="Ambassador locations" height="48px" class="px-5">
|
||||||
<img src="./assets/img/ambassadors/locations-row-2.png" alt="" height="48px" class="px-5">
|
<img src="./assets/img/ambassadors/locations-row-2.png" alt="Ambassador locations" height="48px" class="px-5">
|
||||||
<img src="./assets/img/ambassadors/locations-row-2.png" alt="" height="48px" class="px-5">
|
<img src="./assets/img/ambassadors/locations-row-2.png" alt="Ambassador locations" height="48px" class="px-5">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||