made landing actually look decent

This commit is contained in:
Rushil Umaretiya 2020-10-20 13:41:20 -04:00
parent 0576e8ca53
commit 6d3934e7c8
2 changed files with 29 additions and 2 deletions

View File

@ -1,3 +1,30 @@
html {
overflow-x: hidden;
}
nav {
transform: translateY(-70px);
z-index: 10;
animation: nav-slide 0.75s ease-in-out forwards;
animation-delay: 1s;
}
@keyframes nav-slide {
0% {
transform: translateY(-70px);
}
100% {
transform: translateY(0px);
}
}
.jumbotron { .jumbotron {
position: absolute;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background-image: url('img/hero.png') background-image: url('img/hero.png')
} }

View File

@ -5,8 +5,8 @@
{% endblock css %} {% endblock css %}
{% block content %} {% block content %}
<div class="jumbotron jumbotron-fluid"> <div class="jumbotron jumbotron-fluid">
<div class="container"> <div class="container mt-5">
<h1 class="display-4">Class of 2023 Class Council</h1> <h1 class="display-4">2023 Class Council</h1>
<p class="lead">We work for you.</p> <p class="lead">We work for you.</p>
</div> </div>
{% endblock content %} {% endblock content %}