make features appear non-clickable

This commit is contained in:
Joshua Arts 2018-07-23 14:40:41 -04:00
parent 0202d09a9d
commit f91c6d193a
3 changed files with 21 additions and 27 deletions

View File

@ -12,14 +12,7 @@
} }
.feature-stamp { .feature-stamp {
width: 7vw !important; border-radius: 6px;
height: 7vw !important;
font-size: 1vw;
}
.feature-icon {
transform: translateY(-50%);
margin-top: 50%;
} }
.or-line { .or-line {

View File

@ -1,24 +1,24 @@
<h1 class="text-center mt-7"><%= t("features.title") %></h1> <h1 class="text-center mt-8"><%= t("features.title") %></h1>
<div class="container text-center"> <div class="container text-center">
<div class="row mt-8"> <div class="col-12 mt-6">
<div class="col-4"> <div class="background row feature-stamp">
<span class="stamp feature-stamp bg-cyan"> <div class="col-3 my-5">
<i class="fas fa-chalkboard-teacher fa-3x feature-icon"></i> <i class="fas fa-chalkboard-teacher fa-3x"></i>
</span> <h4 class="mt-5"><%= t("features.rooms") %></h4>
<h4 class="mt-5 text-muted"><%= t("features.rooms") %></h4> </div>
</div> <div class="col-3 my-5">
<div class="col-4"> <i class="fas fa-film fa-3x"></i>
<span class="stamp feature-stamp bg-cyan"> <h4 class="mt-5"><%= t("features.recordings") %></h4>
<i class="fas fa-film fa-3x feature-icon"></i> </div>
</span> <div class="col-3 my-5">
<h4 class="mt-5 text-muted"><%= t("features.recordings") %></h4> <i class="fas fa-pencil-alt fa-3x"></i>
</div> <h4 class="mt-5"><%= t("features.designs") %></h4>
<div class="col-4"> </div>
<span class="stamp feature-stamp bg-cyan"> <div class="col-3 my-5">
<i class="fas fa-pencil-alt fa-3x feature-icon"></i> <i class="fas fa-door-open fa-3x"></i>
</span> <h4 class="mt-5"><%= t("features.authentication") %></h4>
<h4 class="mt-5 text-muted"><%= t("features.designs") %></h4> </div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -30,6 +30,7 @@ en:
rooms: Personalized Rooms rooms: Personalized Rooms
recordings: Recording Management recordings: Recording Management
designs: Custom Designs designs: Custom Designs
authentication: User Authentication
footer: footer:
powered_by: Powered by %{href}. powered_by: Powered by %{href}.
go_back: Go back go_back: Go back