Add wave image to home page

This commit is contained in:
rebuilt 2023-04-04 15:46:57 -07:00
parent 55adf6cb63
commit d4636bda08
5 changed files with 990 additions and 968 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

File diff suppressed because it is too large Load diff

Before

Width:  |  Height:  |  Size: 208 KiB

After

Width:  |  Height:  |  Size: 209 KiB

Before After
Before After

BIN
app/assets/images/wave.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

View file

@ -14,3 +14,10 @@
.choir {
background-image: url(mission/choir.webp);
}
.wave {
background-image: url(wave.webp);
background-repeat: no-repeat;
background-size: 100% 100%;
}

View file

@ -1,9 +1,9 @@
<!-- Header-->
<header class="py-4 relative">
<header class="py-4 relative wave">
<div class="container px-5">
<div class="row justify-content-center align-items-center" >
<%= image_tag "logo.svg", size: '330x330', class: "col-12 col-md-4 col-lg-7 mx-0 px-0", style: "width:50%; min-width:400px;" %>
<p class="col-12 col-md-8 col-lg-5 m-0 p-0 hero-text"><i>Transforming the assessment of student learning and school quality</i></p>
<div class="row align-items-center justify-content-center " >
<%= image_tag "logo.svg", size: '330x330', class: "col-12 col-md-4 col-lg-7 mx-0 px-0 align-self-end", style: "width:50%; min-width:400px;" %>
<p class="col-12 col-md-8 col-lg-5 m-0 p-0 hero-text "><i>Transforming the assessment of student learning and school quality</i></p>
</div>
</div>
</header>