Skip to content

Jeff Balicki / FP_Canada

Go to a project
Toggle navigation
Toggle navigation pinning
63a2436c by Jeff Balicki
Options

fp build

1 parent b4d0143c
Inline Side-by-side
Showing 53 changed files with 657 additions and 24 deletions
No preview for this file type
No preview for this file type
......@@ -15598,13 +15598,73 @@ figure.woocommerce-product-gallery__wrapper {
display: block;
}
#main-nav.numbers {
position: absolute;
width: 100%;
padding-top: 0rem;
}
p {
font-family: "Calibri";
font-size: 18px;
color: #5B6770;
line-height: 21px;
}
h2, .h2 {
font-family: "Calibri-bold";
font-size: 40px;
color: #012169;
margin-bottom: 30px;
margin-top: 20px;
}
.cont {
width: 100%;
}
.full-width {
padding: 0px 65px;
}
.custom-logo-link {
padding: 0px;
}
.navbar-brand.custom-logo-link {
float: right;
margin-right: 0rem;
}
.navbar-brand.custom-logo-link img {
width: 135px;
}
@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1366px;
}
}
@media (min-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1234px;
}
}
.wrapper {
padding: 0px;
margin-bottom: -16px;
}
.header-image {
top: 0px !important;
max-height: 768px;
min-height: 768px;
height: 768px;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: 50% 30%;
background-size: cover;
display: flex;
align-items: flex-end;
}
@media screen and (max-width: 768px) {
.header-image {
......@@ -15612,16 +15672,164 @@ figure.woocommerce-product-gallery__wrapper {
min-height: 240px;
}
}
.header-image h1, .header-image .h1 {
position: relative;
bottom: 20px;
.header-image .header-text {
max-width: 741px;
margin-bottom: 100px;
}
.header-image .header-text h1, .header-image .header-text .h1 {
font-family: "Calibri-bold";
color: #fff;
font-size: 60px;
}
@media screen and (max-width: 768px) {
.admin-bar .header-image {
top: 69px;
.numbers-top {
margin-bottom: 0em;
}
.numbers-top .wp-block-column:first-child {
margin-left: -100%;
padding-left: 100%;
background-color: #333F48;
flex-basis: 292% !important;
padding-top: 50px;
padding-right: 50px;
}
.numbers-top .wp-block-column:first-child p {
color: #fff;
font-size: 30px;
line-height: 34px;
}
.numbers-top .wp-block-column:first-child span {
color: #fff;
font-size: 14px;
display: block;
float: right;
margin-top: 40px;
}
.numbers-top .wp-block-column:last-child {
margin-left: 0;
margin-right: -50%;
padding-right: 50%;
background-color: #cf4520;
flex-basis: 108% !important;
padding-top: 50px;
padding-bottom: 20px;
padding-left: 50px;
}
.numbers-top .wp-block-column:last-child p {
margin-top: -15px;
color: #fff;
width: 100%;
font-size: 18px;
}
.numbers-top .wp-block-column:last-child span.doller-number {
font-size: 205px;
color: #fff;
line-height: 100px;
display: inline-block;
}
.numbers-top .wp-block-column:last-child span.doller-sign {
font-size: 100px;
color: #fff;
display: inline-block;
margin-top: -100px;
}
.numbers-top .wp-block-column:last-child span.doller-sign sup {
top: -1.1em;
}
.numbers-second {
margin-bottom: 0em;
}
.numbers-second .wp-block-column:first-child {
margin-left: -100%;
padding-left: 100%;
background-color: #fff;
flex-basis: 292% !important;
padding-top: 50px;
padding-right: 50px;
}
.numbers-second .wp-block-column:first-child a.wp-block-button__link {
background-color: #012169;
text-transform: uppercase;
font-family: "Calibri-bold";
font-size: 30px;
padding: 15px 70px;
border-radius: 0px;
width: 368px;
}
.numbers-second .wp-block-column:first-child a.wp-block-button__link:before {
content: "";
width: 40px;
height: 40px;
display: inline-block;
top: 10px;
position: relative;
margin-left: -50px;
margin-right: 20px;
background-repeat: no-repeat;
background-position: center;
background-image: url(/wp-content/themes/understrap-child/src/images/clip_borad.svg);
}
.numbers-second .wp-block-column:first-child a.wp-block-button__link:after {
content: "";
width: 40px;
height: 40px;
display: inline-block;
top: 10px;
position: relative;
margin-right: -50px;
margin-left: 20px;
background-repeat: no-repeat;
background-position: center;
background-image: url("/wp-content/themes/understrap-child/src/images/arrow_down.svg");
}
.numbers-second .wp-block-column:last-child {
margin-left: 0;
margin-right: -50%;
padding-right: 50%;
background-color: #005EB8;
flex-basis: 108% !important;
padding-top: 0px;
padding-bottom: 20px;
padding-left: 50px;
}
.numbers-second .wp-block-column:last-child .side-img {
display: block;
height: 418px;
background-repeat: no-repeat;
background-size: cover;
margin-left: -50px;
background-position: center;
background-image: url("/wp-content/themes/understrap-child/src/images/man.jpg");
}
@media (min-width: 1200px) {
.numbers-second .wp-block-column:last-child .side-img {
margin-right: -50%;
}
}
@media (min-width: 1500px) {
.numbers-second .wp-block-column:last-child .side-img {
margin-right: -150%;
}
}
.numbers-second .wp-block-column:last-child p {
margin-top: -15px;
color: #fff;
width: 100%;
font-size: 18px;
}
.numbers-second .wp-block-column:last-child h3, .numbers-second .wp-block-column:last-child .h3 {
font-family: "Calibri-bold";
font-size: 40px;
color: #fff;
margin-bottom: 20px;
margin-top: 20px;
}
#wrapper-footer {
background-color: #012169;
height: 273px;
}
.has-blue-color,
.has-blue-color:visited {
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
@font-face {
font-family: 'Calibri-italic';
src: url('Calibri-Italic.woff2') format('woff2'),
url('Calibri-Italic.woff') format('woff');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Calibri-italic-bold';
src: url('Calibri-BoldItalic.woff2') format('woff2'),
url('Calibri-BoldItalic.woff') format('woff');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Calibri-bold';
src: url('Calibri-Bold.woff2') format('woff2'),
url('Calibri-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Calibri-light-italic';
src: url('Calibri-LightItalic.woff2') format('woff2'),
url('Calibri-LightItalic.woff') format('woff');
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Calibri';
src: url('Calibri.woff2') format('woff2'),
url('Calibri.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Calibri-light';
src: url('Calibri-Light.woff2') format('woff2'),
url('Calibri-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
<?php
/**
* Header Navbar (bootstrap5)
*
* @package Understrap
*/
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
$container = "cont";
//get_theme_mod( 'understrap_container_type' );
?>
<nav id="main-nav" class="navbar numbers" aria-labelledby="main-nav-label">
<h2 id="main-nav-label" class="screen-reader-text">
<?php esc_html_e( 'Main Navigation', 'understrap' ); ?>
</h2>
<div class="<?php echo esc_attr( $container ); ?>">
<!-- Your site title as branding in the menu -->
<?php if ( ! has_custom_logo() ) { ?>
<?php if ( is_front_page() && is_home() ) : ?>
<h1 class="navbar-brand mb-0"><a rel="home" href="<?php echo esc_url( home_url( '/' ) ); ?>" itemprop="url"><?php bloginfo( 'name' ); ?></a></h1>
<?php else : ?>
<a class="navbar-brand" rel="home" href="<?php echo esc_url( home_url( '/' ) ); ?>" itemprop="url"><?php bloginfo( 'name' ); ?></a>
<?php endif; ?>
<?php
} else {
the_custom_logo();
}
?>
<!-- end custom logo -->
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="<?php esc_attr_e( 'Toggle navigation', 'understrap' ); ?>">
<span class="navbar-toggler-icon"></span>
</button>
<!-- The WordPress Menu goes here -->
<?php
wp_nav_menu(
array(
'theme_location' => 'primary',
'container_class' => 'collapse navbar-collapse',
'container_id' => 'navbarNavDropdown',
'menu_class' => 'navbar-nav ms-auto',
'fallback_cb' => '',
'menu_id' => 'main-menu',
'depth' => 2,
'walker' => new Understrap_WP_Bootstrap_Navwalker(),
)
);
?>
</div><!-- .container(-fluid) -->
</nav><!-- .site-navigation -->
......@@ -10,14 +10,17 @@ defined( 'ABSPATH' ) || exit;
?>
<?php $image = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'single-post-thumbnail' ); ?>
<div class="header-image" id="header-image" style="background-image: url(<?php echo $image[0]; ?>);">
<?php if( get_field('header_text')): ?>
<?php the_field('header_text'); ?>
<?php endif; ?>
<div class="container" id="content">
<div class="row">
<div class="col-md-12 content-area" id="primary">
<div class="header-text">
<?php if( get_field('header_text')): ?>
<?php the_field('header_text'); ?>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>
<?php
......
<?php
/**
* The header for our theme
*
* Displays all of the <head> section and everything up till <div id="content">
*
* @package Understrap
*/
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
$bootstrap_version = get_theme_mod( 'understrap_bootstrap_version', 'bootstrap4' );
$navbar_type = get_theme_mod( 'understrap_navbar_type', 'collapse' );
?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="profile" href="http://gmpg.org/xfn/11">
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?> <?php understrap_body_attributes(); ?>>
<?php do_action( 'wp_body_open' ); ?>
<div class="site" id="page">
<!-- ******************* The Navbar Area ******************* -->
<header id="wrapper-navbar">
<a class="skip-link sr-only sr-only-focusable" href="#content"><?php esc_html_e( 'Skip to content', 'understrap' ); ?></a>
<?php get_template_part( 'global-templates/navbar', $navbar_type . '-' . $bootstrap_version ); ?>
</header><!-- #wrapper-navbar end -->
<?php
/**
* Understrap enqueue scripts
*
* @package Understrap
*/
// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;
if ( ! function_exists( 'understrap_scripts' ) ) {
/**
* Load theme's JavaScript and CSS sources.
*/
function understrap_scripts() {
// Get the theme data.
$the_theme = wp_get_theme();
$theme_version = $the_theme->get( 'Version' );
$bootstrap_version = get_theme_mod( 'understrap_bootstrap_version', 'bootstrap4' );
$suffix = defined( 'SCRIPT_DEBUG' ) && SCRIPT_DEBUG ? '' : '.min';
// Grab asset urls.
$theme_styles = "/css/theme{$suffix}.css";
$theme_scripts = "/js/theme{$suffix}.js";
if ( 'bootstrap4' === $bootstrap_version ) {
$theme_styles = "/css/theme-bootstrap4{$suffix}.css";
$theme_scripts = "/js/theme-bootstrap4{$suffix}.js";
}
$css_version = $theme_version . '.' . filemtime( get_template_directory() . $theme_styles );
wp_enqueue_style( 'fonts', get_template_directory_uri() .'fonts/fonts.css', array(), $css_version );
wp_enqueue_style( 'understrap-styles', get_template_directory_uri() . $theme_styles, array(), $css_version );
wp_enqueue_script( 'jquery' );
$js_version = $theme_version . '.' . filemtime( get_template_directory() . $theme_scripts );
wp_enqueue_script( 'understrap-scripts', get_template_directory_uri() . $theme_scripts, array(), $js_version, true );
if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
wp_enqueue_script( 'comment-reply' );
}
}
} // End of if function_exists( 'understrap_scripts' ).
add_action( 'wp_enqueue_scripts', 'understrap_scripts' );
......@@ -11,6 +11,7 @@
defined( 'ABSPATH' ) || exit;
get_header();
//$container = "full-width";
$container = get_theme_mod( 'understrap_container_type' );
if ( is_front_page() ) {
......@@ -27,9 +28,7 @@ if ( is_front_page() ) {
<div class="col-md-12 content-area" id="primary">
<main class="site-main" id="main" role="main">
<div class="cert_header">
</div>
<?php
while ( have_posts() ) {
the_post();
......
<svg xmlns="http://www.w3.org/2000/svg" width="25.051" height="15.19" viewBox="0 0 25.051 15.19">
<path id="Path_734" data-name="Path 734" d="M23.855,193.285c.868-.879,1.72-1.75,2.582-2.612q3.1-3.1,6.21-6.192a1.393,1.393,0,0,1,2.058,0c.394.4.8.8,1.2,1.2a1.364,1.364,0,0,1-.008,2.042q-2.793,2.792-5.584,5.585Q27.6,196.02,24.9,198.733a1.511,1.511,0,0,1-1.013.483,1.442,1.442,0,0,1-1.114-.481q-2.089-2.1-4.18-4.191-2.844-2.847-5.69-5.692c-.387-.387-.776-.773-1.161-1.162a1.356,1.356,0,0,1,.014-2q.594-.592,1.186-1.186a1.391,1.391,0,0,1,2.088,0l5.037,5.018,3.648,3.632C23.748,193.185,23.785,193.218,23.855,193.285Z" transform="translate(-11.305 -184.028)" fill="#fff"/>
</svg>
<svg id="Group_1041" data-name="Group 1041" xmlns="http://www.w3.org/2000/svg" width="37.976" height="39.782" viewBox="0 0 37.976 39.782">
<path id="Path_1305" data-name="Path 1305" d="M-44.354-184c.392.066.789.112,1.176.2a7.2,7.2,0,0,1,5.442,5.784,7.915,7.915,0,0,1,.113,1.25c.012,1.793.008,3.586,0,5.379a1.8,1.8,0,0,1-1.421,1.809,1.793,1.793,0,0,1-2.185-1.7c-.015-1.515,0-3.031-.006-4.546a4.508,4.508,0,0,0-3.6-4.458,4.525,4.525,0,0,0-.946-.1q-9.022-.008-18.045,0a4.513,4.513,0,0,0-4.54,4.433c0,.074,0,.149,0,.223q0,11.62,0,23.24a4.493,4.493,0,0,0,1.572,3.551,4.39,4.39,0,0,0,2.9,1.1c.629.011,1.259-.005,1.888.005a1.8,1.8,0,0,1,1.778,1.872,1.814,1.814,0,0,1-1.39,1.693c-.051.012-.1.031-.15.047h-3.491c-.253-.039-.506-.074-.758-.117a7.207,7.207,0,0,1-5.767-5.485c-.122-.557-.145-1.136-.214-1.7v-25.168c.01-.107.017-.214.03-.321a10.744,10.744,0,0,1,.181-1.364,7.1,7.1,0,0,1,5.394-5.423c.37-.1.756-.134,1.134-.2Z" transform="translate(72 184)" fill="#fff"/>
<path id="Path_1306" data-name="Path 1306" d="M335.533,282.168c-.1-.03-.2-.059-.305-.092A1.779,1.779,0,0,1,334,280.431c-.01-1.84-.007-3.68,0-5.519a2.016,2.016,0,0,1,.743-1.433q5.1-5.031,10.2-10.064a22.074,22.074,0,0,1,1.926-1.828,5.058,5.058,0,0,1,5.278-.726,5.119,5.119,0,0,1,3.287,4.246,5.207,5.207,0,0,1-1.492,4.532q-5.6,5.815-11.221,11.618c-.112.116-.2.253-.311.372a2,2,0,0,1-1.021.539Zm2.03-3.608h.247c.764,0,1.529,0,2.293,0a.5.5,0,0,0,.4-.168q3.718-3.869,7.446-7.729,1.7-1.767,3.408-3.534a1.754,1.754,0,0,0,.43-1.925,1.778,1.778,0,0,0-2.971-.605q-1.643,1.614-3.275,3.238-3.93,3.889-7.858,7.779a.345.345,0,0,0-.119.2C337.561,276.722,337.563,277.627,337.563,278.561Z" transform="translate(-317.508 -242.386)" fill="#fff"/>
<path id="Path_1307" data-name="Path 1307" d="M116.514,86.865c-2.666,0-5.332,0-8,0a1.8,1.8,0,0,1-1.639-.831,1.711,1.711,0,0,1-.081-1.813,1.757,1.757,0,0,1,1.558-.97c.034,0,.068,0,.1,0q8.068,0,16.137,0a1.8,1.8,0,0,1,1.824,1.377,1.782,1.782,0,0,1-1.663,2.225c-1.339.024-2.679.009-4.019.01Z" transform="translate(-99.327 -72.403)" fill="#fff"/>
<path id="Path_1308" data-name="Path 1308" d="M114.1,264.745q-2.668,0-5.336,0a1.81,1.81,0,1,1-.164-3.616c.054,0,.108,0,.162,0q5.336,0,10.672,0a1.8,1.8,0,0,1,1.871,1.519,1.785,1.785,0,0,1-1.646,2.088c-.878.03-1.758.012-2.637.013Q115.561,264.746,114.1,264.745Z" transform="translate(-99.608 -243.054)" fill="#fff"/>
<path id="Path_1309" data-name="Path 1309" d="M111.292,443.18c-.879,0-1.759,0-2.638,0a1.806,1.806,0,0,1-1.854-1.492,1.781,1.781,0,0,1,1.644-2.106c1.1-.031,2.2-.012,3.307-.013.778,0,1.556-.013,2.333.009a1.68,1.68,0,0,1,1.522.982,1.715,1.715,0,0,1-.108,1.811,1.783,1.783,0,0,1-1.59.81Z" transform="translate(-99.512 -414.25)" fill="#fff"/>
</svg>
......@@ -4,4 +4,5 @@
$purple: #5533ff; // Thats a sample how you could change a BootStrap variable.
$transparent: transparent; // Thats a sample how you could change a BootStrap variable.
$primary: $purple; // Once we've changed the value, we'll also make it the primary brand color.
......
#main-nav.numbers{
position: absolute;
width: 100%;
padding-top: 0rem;
}
p{
font-family: 'Calibri';
font-size: 18px;
color:#5B6770;
line-height: 21px;
}
h2{
font-family: 'Calibri-bold';
font-size: 40px;
color: #012169;
margin-bottom: 30px;
margin-top: 20px;
}
.cont{
width: 100%;
}
.full-width{
padding: 0px 65px;
}
.custom-logo-link{
padding: 0px;
}
.navbar-brand.custom-logo-link{
float: right;
margin-right: 0rem;
img{
width: 135px;
}
}
@media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1366px;
}
}
@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
max-width: 1234px;
}
}
.wrapper{
padding:0px;
margin-bottom: -16px;
}
.header-image{
top: 0px !important;
max-height: 768px;
min-height: 768px;
height: 768px;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: 50% 30%;
background-size: cover;
display: flex;
align-items: flex-end;
@media screen and (max-width: 768px) {
max-height: 240px;
min-height: 240px;
}
h1{
position: relative;
bottom:20px;
.header-text{
max-width: 741px;
margin-bottom: 100px;
h1{
font-family: 'Calibri-bold';
color: #fff;
font-size: 60px;
}
}
}
.admin-bar {
.header-image{
@media screen and (max-width: 768px) {
top: 69px;
.numbers-top{
margin-bottom: 0em;
.wp-block-column:first-child{
margin-left: -100%;
padding-left: 100%;
background-color: #333F48;
flex-basis: 292% !important;
padding-top: 50px;
padding-right: 50px;
p{
color: #fff;
font-size: 30px;
line-height: 34px;
}
span{
color: #fff;
font-size: 14px;
display: block;
float: right;
margin-top: 40px;
}
}
.wp-block-column:last-child{
margin-left: 0;
margin-right: -50%;
padding-right: 50%;
background-color: #cf4520;
flex-basis: 108%!important;
padding-top: 50px;
padding-bottom: 20px;
padding-left: 50px;
p{
margin-top: -15px;
color: #fff;
width: 100%;
font-size: 18px;
}
span.doller-number {
font-size: 205px;
color: #fff;
line-height: 100px;
display: inline-block;
}
span.doller-sign {
font-size: 100px;
color: #fff;
display: inline-block;
margin-top: -100px;
sup {
top: -1.1em;
}
}
}
}
.numbers-second{
margin-bottom: 0em;
.wp-block-column:first-child{
margin-left: -100%;
padding-left: 100%;
background-color: #fff;
flex-basis: 292% !important;
padding-top: 50px;
padding-right: 50px;
p{
}
a.wp-block-button__link {
background-color: #012169;
text-transform: uppercase;
font-family: 'Calibri-bold';
font-size: 30px;
padding: 15px 70px;
border-radius: 0px;
width: 368px;
}
a.wp-block-button__link:before {
content: "";
width: 40px;
height: 40px;
display: inline-block;
top: 10px;
position: relative;
margin-left: -50px;
margin-right: 20px;
background-repeat: no-repeat;
background-position: center;
background-image: url(/wp-content/themes/understrap-child/src/images/clip_borad.svg);
}
a.wp-block-button__link:after{
content: "";
width: 40px;
height: 40px;
display: inline-block;
top: 10px;
position: relative;
margin-right: -50px;
margin-left: 20px;
background-repeat: no-repeat;
background-position: center;
background-image: url('/wp-content/themes/understrap-child/src/images/arrow_down.svg');
}
}
.wp-block-column:last-child{
margin-left: 0;
margin-right: -50%;
padding-right: 50%;
background-color: #005EB8;
flex-basis: 108%!important;
padding-top: 0px;
padding-bottom: 20px;
padding-left: 50px;
.side-img{
display: block;
height: 418px;
background-repeat: no-repeat;
background-size: cover;
margin-left:-50px ;
background-position: center;
background-image: url('/wp-content/themes/understrap-child/src/images/man.jpg');
@media (min-width: 1200px){
margin-right: -50%;
}
@media (min-width: 1500px){
margin-right: -150%;
}
}
p{
margin-top: -15px;
color: #fff;
width: 100%;
font-size: 18px;
}
h3{
font-family: 'Calibri-bold';
font-size: 40px;
color: #fff;
margin-bottom: 20px;
margin-top: 20px;
}
}
}
#wrapper-footer{
background-color:#012169;
height: 273px;
}
\ No newline at end of file
......
This file is too large to display.