Visual edits. Add triangular shape to headers on all pages

This commit is contained in:
rebuilt 2023-01-11 16:54:51 -08:00
parent bede13b983
commit b62e3eb0ca
7 changed files with 68 additions and 114 deletions

View file

@ -3,7 +3,7 @@
<h1>Contact Form</h1>
</div>
<%= form_for @contact, url: home_index_path, method: :create, data: { turbo: false } do |f| %>
<hr class="color-secondary" />
<hr class="color-dark-blue" />
<div class="form-group">
<%= f.label :name %></br>
<%= f.text_field :name, required: true, class: "form-control" %></br>

File diff suppressed because one or more lines are too long

View file

@ -1,4 +1,4 @@
<header class="bg-dark-blue py-5">
<header class="bg-dark-blue py-5 relative">
<div class="container px-5">
<div class="row gx-5 justify-content-center">
<div class="col-lg-6">
@ -10,4 +10,10 @@
</div>
</div>
</div>
<div class="custom-shape-divider-bottom-triangle">
<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
<path d="M598.97 114.72L0 0 0 120 1200 120 1200 0 598.97 114.72z" class="shape-fill"></path>
</svg>
</div>
</header>

View file

@ -1,19 +1,6 @@
<!-- Header-->
<header class="bg-dark-blue py-5">
<div class="container px-5">
<div class="row gx-5 justify-content-center">
<div class="col-lg-6">
<div class="text-center my-5">
<h1 class="display-5 fw-bolder text-white mb-2">Quality Performance Assessment</h1>
<div class="d-grid gap-3 d-sm-flex justify-content-sm-center">
</div>
</div>
</div>
</div>
</div>
</header>
<%= render partial: "layouts/header", locals: {heading: "Quality Performance Assessment"} %>
<div class="container px-5">
<div class="container my-5 px-5">
<!-- QPA accordions -->
<div class="row gx-5 justify-content-center">
<div class="accordion my-5" id="qpaAccordion">

View file

@ -1,17 +1,5 @@
<!-- Header-->
<header class="bg-dark-blue py-5">
<div class="container px-5">
<div class="row gx-5 justify-content-center">
<div class="col-lg-6">
<div class="text-center my-5">
<h1 class="display-5 fw-bolder text-white mb-2">Team</h1>
<div class="d-grid gap-3 d-sm-flex justify-content-sm-center">
</div>
</div>
</div>
</div>
</div>
</header>
<%= render partial: "layouts/header", locals: {heading: "Team"} %>
<!-- Team members-->
<div class="container px-5 text-center">