|
After Width: | Height: | Size: 181 KiB |
|
After Width: | Height: | Size: 6.2 KiB |
|
Before Width: | Height: | Size: 67 KiB After Width: | Height: | Size: 64 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
@ -1,13 +1,15 @@
|
||||
@import 'partials/colors';
|
||||
@import 'partials/bootstrap-overrides';
|
||||
@import 'bootstrap/scss/bootstrap';
|
||||
@import 'bootstrap-icons/font/bootstrap-icons';
|
||||
@import 'partials/bootstrap-overrides';
|
||||
@import "@fortawesome/fontawesome-free/scss/fontawesome";
|
||||
@import "@fortawesome/fontawesome-free/scss/solid";
|
||||
@import "@fortawesome/fontawesome-free/scss/regular";
|
||||
@import "@fortawesome/fontawesome-free/scss/brands";
|
||||
@import "@fortawesome/fontawesome-free/scss/v4-shims";
|
||||
@import 'partials/layout';
|
||||
@import 'partials/typography';
|
||||
@import 'partials/links';
|
||||
@import 'partials/downloads';
|
||||
@import 'partials/icons';
|
||||
|
||||
|
||||
@ -0,0 +1,20 @@
|
||||
.nav, .nav-item, .dropdown-item {
|
||||
font-family: 'League Spartan', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.hero-text {
|
||||
font-family: 'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
font-weight: 500;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.footer {
|
||||
font-family: 'League Spartan', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
font-weight: 700;
|
||||
line-height: 0.2em;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'DM Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
}
|
||||
@ -0,0 +1,11 @@
|
||||
<%= render partial: "layouts/header", locals: {heading: "Contact Us"} %>
|
||||
|
||||
<!-- Contact section-->
|
||||
<div class="py-5 row bg-gray">
|
||||
<section class="col-md-4 mx-auto color-dark-blue">
|
||||
<!-- Message confirmation-->
|
||||
<%= render partial: 'layouts/message_confirmation' %>
|
||||
|
||||
<%= render partial: "contacts/contact_form" %>
|
||||
</section>
|
||||
</div>
|
||||
@ -0,0 +1,35 @@
|
||||
<div class="container text-nowrap">
|
||||
<footer class="row footer mt-7 row justify-content-between align-items-center">
|
||||
<div class="col">
|
||||
<div class="row align-items-center justify-content-center ">
|
||||
<%= image_tag "logo.svg", size: "150x150", class: "col" %>
|
||||
<div class="col text-center">
|
||||
<p class="fw-bold">Education Commonwealth Project</p>
|
||||
<p>University of Massachusetts Lowell</p>
|
||||
<p>850 Broadway St</p>
|
||||
<p>Lowell, MA 01854</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<section class="row">
|
||||
<article class="col">
|
||||
<%= link_to contacts_path do %>
|
||||
<div class="d-flex flex-column align-items-center">
|
||||
<%= image_tag "mail.svg", size: "100x100" %>
|
||||
<p class="text-center">Contact Us</p>
|
||||
</div>
|
||||
<% end %>
|
||||
</article>
|
||||
<article class="col">
|
||||
<%= link_to "https://twitter.com/EdCommProject", target: :_blank do %>
|
||||
<div class="d-flex flex-column align-items-center">
|
||||
<%= image_tag "twitter.svg" , size: "100x100" %>
|
||||
<p class="text-center">Follow Us</p>
|
||||
</div>
|
||||
<% end %>
|
||||
</article>
|
||||
</section>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||