Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html><html lang="en-US" ng-app="AFBS">
- <head>
- <meta charset="UTF-8">
- <base href="/">
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=yes">
- <title ng-bind="header"></title>
- <link href="/js/lib/datepicker/css/datepicker.css" media="screen" rel="stylesheet" type="text/css">
- <link href="css/afbs-style-video.css" media="screen" rel="stylesheet" type="text/css">
- <link href="css/lib/bootstrap.css" media="screen" rel="stylesheet" type="text/css">
- <link href="css/bootstrap-slider-touch.css" media="screen" rel="stylesheet" type="text/css">
- <link href="css/lib/jquery-ui.debug.css" media="screen" rel="stylesheet" type="text/css">
- <link href="favicon.ico" rel="icon">
- <link href="css/afbs-fonts.css" media="screen" rel="stylesheet" type="text/css">
- <link href="css/afbs-icons.css" media="screen" rel="stylesheet" type="text/css">
- <link href="css/lib/bootstrap-popover-x.min.css" media="screen" rel="stylesheet" type="text/css">
- <link href="css/raw.min.css" media="screen" rel="stylesheet" type="text/css">
- <link href="css/raw-grid-offset.css" media="screen" rel="stylesheet" type="text/css">
- <link href="css/raw-grid.min.css" media="screen" rel="stylesheet" type="text/css">
- <link href="css/raw-mobile.min.css" media="screen and (max-width: 768px)" rel="stylesheet" type="text/css">
- <link href="css/login.css?v2" media="screen" rel="stylesheet" type="text/css">
- <link href="css/afbs-style.css?v2" media="screen" rel="stylesheet" type="text/css">
- <link href="css/mobile-style.css" media="screen and (max-width: 768px)" rel="stylesheet" type="text/css">
- <link href="css/tablet-style.css" media="screen and (min-width: 480px) and (max-width: 1024px)" rel="stylesheet" type="text/css">
- <link href="css/desktop-style.css" media="screen and (min-width: 1024px)" rel="stylesheet" type="text/css" lang="EN" dir="ltr">
- <link href="css/print.css" media="print" rel="stylesheet" type="text/css">
- <link href="css/opin.css" media="print" rel="stylesheet" type="text/css">
- <!--[if IE]><link href="css/afbs-ie-all.css" media="all" rel="stylesheet" type="text/css"><![endif]-->
- <link href="css/lib/jquery.intlTelInput.css" media="screen" rel="stylesheet" type="text/css">
- <script type="text/javascript" src="js/lib/jquery.min.js"></script>
- <script type="text/javascript" src="js/lib/raw-grid.js"></script>
- <script type="text/javascript" src="js/lib/bootstrap.min.js"></script>
- <script type="text/javascript" src="js/lib/bootstrap-filestyle.min.js"></script>
- <script type="text/javascript" src="js/lib/modernizr.js"></script>
- <script type="text/javascript" src="js/lib/bootstrap-slider-touch.js"></script>
- <script type="text/javascript" src="js/lib/jquery-ui.min.js"></script>
- <script type="text/javascript" src="js/lib/parallax.js"></script>
- <script type="text/javascript" src="js/lib/jquery.cookie.js"></script>
- <script type="text/javascript" src="js/lib/jquery.glossarize.js"></script>
- <script type="text/javascript" src="js/lib/jquery.vide.js"></script>
- <script type="text/javascript" src="js/lib/jquery-validation/dist/jquery.validate.js"></script>
- <script type="text/javascript" src="js/lib/jquery-validation/dist/additional-methods.min.js"></script>
- <script type="text/javascript" src="js/lib/jquery.dataTables.min.js"></script>
- <script type="text/javascript" src="js/lib/knockout-3.3.0.debug.js"></script>
- <script type="text/javascript" src="js/lib/jquery.plugin.min.js"></script>
- <script type="text/javascript" src="js/lib/knockout.validation.min.js"></script>
- <script type="text/javascript" src="js/lib/knockout.mapping-latest.js"></script>
- <script type="text/javascript" src="js/lib/ccvalidate.js"></script>
- <script type="text/javascript" src="js/lib/datepicker/js/bootstrap-datepicker.js"></script>
- <script type="text/javascript" src="js/lib/bootstrap-popover-x.debug.js"></script>
- <script type="text/javascript" src="js/lib/mustache/mustache.min.js"></script>
- <script type="text/javascript" src="js/lib/handlebars.js"></script>
- <script type="text/javascript" src="js/lib/dot.js"></script>
- <script type="text/javascript" src="js/highcharts.js"></script>
- <script type="text/javascript" src="js/lib/highcharts-custom.debug.js"></script>
- <script type="text/javascript" src="js/common/accessibility.js"></script>
- <script type="text/javascript" src="js/common/global_actions.js"></script>
- <script type="text/javascript" src="js/common/general.js?v1"></script>
- <script type="text/javascript" src="js/common/remember-me.js"></script>
- <script type="text/javascript" src="js/common/search.js?v2"></script>
- <script type="text/javascript" src="js/user/password-reset.js?v2"></script>
- <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?onload=onloadReCaptchaCallback&render=explicit"></script>
- <script src="js/angular.min.js"></script>
- <script src="js/angular-ui-router.min.js"></script>
- <script src="js/angular-sanitize-custom.min.js"></script>
- <script src="js/angular-css-injector.min.js"></script>
- <script src="js/app/app.js"></script>
- <script src="js/app/controllers.js"></script>
- <style type="text/css">
- [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
- display: none !important;
- }
- </style>
- </head>
- <body id="top" ng-controller='pageController' ng-cloack>
- <div class="wrapper">
- <div class="afbs-modal-wrapper"></div>
- <div class="device page-wrapper">
- <!-- Header -->
- <div class="{{page['header-class']}} {{page.field_page_id[0].value}} {{page.field_colour_scheme[0].value}}">
- <div ng-if="page.field_header_title[0] || page.title[0].value == 'Welcome to AFBS.'" class="afbs-main-logo">
- <a href="/"><img src="img/afbs.png"></a>
- </div>
- <div ng-class="{'raw100 raw-left' : page.field_header_title[0]}">
- <!--googleoff: all-->
- <!-- Header -->
- <nav class="{{page['nav-class']}}">
- <div class="raw100 raw-left afbs-main-menu">
- <div class="main-menu-icon raw-left"><span class="afbs-hands"></span></div>
- <ul>
- <li class="menu-btn"><span class="menu-text">MENU</span> <span class="icon-menu top-menu-icon"></span></li>
- <li class="login-btn"><span class="menu-text">LOGIN</span> <span class="icon-login"></span></li>
- <li class="search-btn"><span class="menu-text">SEARCH</span> <span class="icon-search top-menu-icon"></span></li>
- </ul>
- <div class="search-input">
- <span class="icon-search strip-padding"></span>
- <input type="text" placeholder="Search" autocomplete="off" id="searchInputInHeader" />
- </div>
- </div>
- <!-- Profile Menu Container -->
- <div class="afbs-profile-container-dropdown">
- <div class="afbs-profile-container-dropdown-header"></div>
- <div class="afbs-profile-container-dropdown-body">
- <ul>
- <li><span class="icon-dashboard"></span> <a href="/member">Dashboard</a></li>
- <li><span class="icon-app"></span> <a href="/member/profile-settings">Profile Settings</a></li>
- <li><span class="icon-logout"></span> <a>Logout</a></li>
- </ul>
- </div>
- </div>
- <!-- Notifications -->
- <div class="afbs-notifications-container">
- <div class="afbs-notifications minimize" id="nextUpContainer">
- <div class="afbs-notification-header">
- <p> <span class="text"><i class="glyphicon glyphicon-time notificationCtrl hidden-lg"></i><span class="notificationCtrl glyph-right icon-chevron-large-right hidden-lg"></span> Next Up</span> <span class="arrow afbs-notification-icon icon-chevron-large-down"></span><span id="countDownTimer" class="indicator">00:00:00</span> </p>
- </div>
- <div class="afbs-notification-body" id="notificationevents">
- </div>
- </div>
- <div class="afbs-notifications afbs-notifications-dimmed minimize" id="alertsContainer">
- <div class="afbs-notification-header">
- <p><span class="text"><i class="glyphicon glyphicon-exclamation-sign notificationCtrl hidden-lg"></i><span class="notificationCtrl glyph-right icon-chevron-large-right hidden-lg"></span> Notifications</span> <span class="arrow afbs-notification-icon icon-chevron-large-down"></span><span class="indicator" id="alertCounter">00</span></p>
- </div>
- <div class="afbs-notification-body" id="notificationalerts">
- </div>
- </div>
- <div class="afbs-notifications afbs-notifications-dimmed minimize hide" id="newToAfbsContainer">
- <div class="afbs-notification-header">
- <p><span class="text"><i class="glyphicon glyphicon-question-sign notificationCtrl hidden-lg"></i><span class="notificationCtrl glyph-right icon-chevron-large-right hidden-lg"></span> New To AFBS?</span><span class="arrow afbs-notification-icon icon-chevron-large-down"></span></p>
- </div>
- <div class="afbs-notification-body">
- <a onclick="javascript: notifications.yesClicked();">
- <p><i class="glyphicon glyphicon-ok" style="padding-right: 12px"></i>Yes, I'm new!</p>
- </a>
- <a onclick="javascript: notifications.noClicked();">
- <p style="position: relative;"><span style="float:left;padding-left:30px;">No, please hide this notification.</span><i class="glyphicon glyphicon-remove" style="position:absolute;left:24px;top:24px;"></i></p>
- </a>
- </div>
- </div>
- </div>
- <script type="text/javascript">
- $(document).ready(
- notifications.init()
- );
- </script>
- <!-- Side Menu -->
- <div class="afbs-side-menu">
- <div class="raw100 raw-left">
- <div class="header-icon close-sidebar-btn"><h2 class="raw-margin-0"><span class="icon-close-menu"></span> Menu</h2></div>
- </div>
- <div class="raw100 raw-left">
- <ul class="afbs-side-menu-list">
- <li ng-repeat="link in menu | orderBy:'weight'" class="{{link.attributes[0].value}}"><p><span class="{{link.attributes.span}}"></span> <a href="{{link.url}}" data-ng-bind-html="link.title"></a></p>
- <span ng-if="link.below" class="toggle-sub-menu icon-chevron-small-down pull-right"></span>
- <ul ng-if="link.below">
- <li ng-repeat="subLink in link.below"><p><a href="{{subLink.url}}" data-ng-bind-html="subLink.title"></a></p></li>
- </ul>
- </li>
- </ul>
- </div>
- <div class="raw100 raw-left sidemenu-footer">
- <div class="raw100 raw-left">
- <div class="raw45 raw-left">
- <p class="afbs-small-text raw-padding-left-24">Connect with us</p>
- </div>
- <div class="raw55 raw-left">
- <a class="social-link" href="https://www.facebook.com/enrichingcreativelives?ref=hl" target="_blank" onclick="_gaq.push(['_trackEvent','link','click','www.facebook.com/enrichingcreativelives']);">
- <span class="icon-facebook sm-sidemenu-icon raw-margin-left-32"></span>
- </a>
- <a class="social-link" href="https://twitter.com/AFBSCanada" target="_blank" onclick="_gaq.push(['_trackEvent','link','click','twitter.com/AFBSCanada']);">
- <span class="icon-twitter sm-sidemenu-icon"></span>
- </a>
- </div>
- </div>
- <div class="raw100 raw-left raw-margin-top-24">
- <div class="raw35 raw-left">
- <p class="afbs-small-text raw-padding-left-24">Text</p>
- </div>
- <div class="raw55 raw-left raw-margin-left-28">
- <span class="access-sidemenu-icon icon-accessibility-small icon-ac-small-sidemenu"></span>
- <span class="access-sidemenu-icon icon-accessibility-medium icon-ac-medium-sidemenu"></span>
- <span class="access-sidemenu-icon icon-accessibility-large icon-ac-large-sidemenu"></span>
- <span class="printer-icon icon-printer printer-sidemenu-icon hidden"></span>
- </div>
- </div>
- <div class="raw100 raw-left raw-margin-top-24 raw-margin-bottom-24 hidden">
- <div class="raw45 raw-left">
- <p class="afbs-small-text raw-padding-left-24">On-page Glossary</p>
- </div>
- <div class="raw35 raw-left raw-margin-left-15">
- <p id="Glossary"><span class="icon-glossary-on"></span></p>
- </div>
- </div>
- </div>
- </div>
- <input type="hidden" id="ProfileName" value="http://afbs-core.local/" />
- </nav>
- <!--googleon: all--> </div>
- <!-- Front Page Header -->
- <section ng-if="page && !page.field_header_title[0] && page.title[0].value == 'Welcome to AFBS.'">
- <div id="landing-video-hero" class="video-menu" data-speed="3" data-type="background">
- <div id="landing-video-hero-video" data-speed="2" data-type="background">
- <div class="bg-image">
- </div>
- </div>
- <div class="new-landing-video-hero-dots"></div>
- <section class="afbs-small-header">
- <div id="landing-video-hero-headerimg" class="afbs-header-container raw-padding-left-60 raw-padding-right-60 raw-padding-bottom-96">
- <div id="_landing-video-hero-fuel-yellow" data-speed="3" data-type="background"></div>
- <img src="img/transparent_160x90.png" alt="" width="450" class="img-responsive title-img-on-top raw-margin-auto">
- </div>
- </section>
- <div class="dots_overlay"></div>
- <div class="orange_overlay"></div>
- <!-- 'Welcome' content overlay -->
- <div class="content_overlay">
- <!-- 'Welcome' content overlay -->
- <div id="welcome_overlay" class="raw-padding-top-100 raw-padding-bottom-48">
- <div id="welcome" class="text-center _nav_down">
- <div class="container _raw-margin-top-48 raw-padding-bottom-150">
- <div class="row">
- <div class="col-md-8 col-md-offset-2 ">
- <!-- <img class="img-responsive raw-margin-auto" src="img/icon_magGlass.png" alt="Search"> -->
- <h1 class="afbs-white-color raw-margin-top-48" data-ng-bind-html="page.title[0].value"></h1>
- <p class="afbs-white-color raw-margin-top-12" data-ng-bind-html="page.body[0].value"></p>
- <div class="raw-padding-bottom-18 visible-xs visible-sm"></div>
- <div class="raw-padding-bottom-48 visible-md visible-lg"></div>
- </div>
- </div>
- <div class="row">
- <div class="col-md-8 col-md-offset-2 ">
- <div class="raw-padding-top-24 visible-xs "></div>
- <div class="raw-padding-top-48 visible-sm visible-md visible-lg"></div>
- <p class="afbs-white-color hidden" style="font-size:14px;">New to AFBS? Click <a href="setup-profile">here</a> to get started!</p>
- <div class="raw-padding-bottom-12 visible-xs visible-sm"></div>
- <div class="raw-padding-bottom-48 visible-md visible-lg"></div>
- </div>
- </div>
- <div class="row">
- <div class="col-md-6 col-md-offset-3">
- <form class="welcome_form" role="search">
- <div class="input-group add-on">
- <input type="text" class="form-control help" placeholder="How can we help you?" name="srch-term" id="srch-term">
- <a class="input-group-btn" type="submit">
- <div class="mag_glass">
- <img class="raw-margin-auto" src="img/icon_magGlass.png" width="24" height="24" alt="Search">
- </div>
- </a>
- </div>
- </form>
- </div>
- </div>
- <span class="LandingPage_chevronDown hidden-xs" style="bottom: 0px; cursor: auto;"></span>
- </div>
- </div>
- </div>
- </div> <!-- content_overlay - end -->
- </div>
- </section>
- <!-- Setup profile Header -->
- <section ng-if="page && page.title[0].value == 'Set up your profile'">
- <div class="on" id="landing-video-hero">
- <div id="landing-video-hero-video"></div>
- <div class="new-landing-video-hero-dots"></div>
- <section class="afbs-small-header">
- <div class="afbs-header-container raw-padding-left-60 raw-padding-right-60 raw-padding-bottom-96" id="landing-video-hero-headerimg">
- <div data-speed="3" data-type="background" id="landing-video-hero-fuel-yellow" style="background: #e0b225 url(/img/orientation/bckg_header_orientation_w10.png) repeat"></div>
- <h1 class="text-hide">Welcome to AFBS - Set Up Your Profile</h1><img alt="Welcome to AFBS - Set Up Your Profile" class="img-responsive title-img-on-top raw-margin-auto" src="{{page.field_header_title[0].url}}"></div>
- </section><span id="QuickLinksContainer"><!-- Title / Lead / Video link / Next page --></span>
- <div class="raw-device raw-margin-auto LandingPage_QuickLinks">
- <div class="raw100 text-center" data-ng-bind-html="page.body[0].value">
- </div>
- </div><a href="#time-to-setup-your-profile"><span class="LandingPage_chevronDown"></span></a>
- </div>
- </section>
- <!-- Landing Page Header -->
- <div ng-if="page && page.field_header_title[0] && page.field_landing_page[0].value == 1 && page.title[0].value != 'Set up your profile'" id="landing-video-hero" class="video-menu">
- <div id="landing-video-hero-video">
- <div class="bg-image">
- <!--
- <video autoplay="" loop="" style="margin: auto; position: absolute; z-index: -1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); visibility: visible; width: auto; height: 1339px;">
- <source src="/video/video-lo-res.mp4" type="video/mp4">
- <source src="/video/video-lo-res.webm" type="video/webm">
- <source src="/video/video-lo-res.ogv" type="video/ogv">
- </video>
- -->
- </div>
- </div>
- <div ng-if="page && page.field_landing_page[0].value == 1" id="landing-video-hero-dots"></div>
- <section class="afbs-small-header">
- <div id="landing-video-hero-overlay"></div>
- <div class=
- "afbs-header-container raw-padding-left-60 raw-padding-right-60 raw-padding-bottom-96"
- id="landing-video-hero-headerimg"><img class=
- "img-responsive title-img-on-top raw-margin-auto" src=
- "{{page.field_header_title[0].url}}"></div>
- </section>
- <span id="QuickLinksContainer">
- <div ng-if="pageBlobs[0].type == 'quick_links'" class="container-fluid LandingPage_QuickLinks">
- <div ng-if="page.authenticated == true" class="container" style="position:relative;clear:both;">
- <div class="edit-block"><a href="/drupal/node/{{pageBlobs[0].nid}}/edit??backto={{page.url}}" target="_self"><img src="/drupal/core/themes/stable/images/core/icons/bebebe/pencil.svg"></a></div>
- </div>
- <div class="row text-center">
- <div class="col-xs-12">
- <div class="afbs-thick-divider-horizontal afbs-white-bg">
- </div>
- <h1 class="afbs-white-color">Quick Links</h1>
- </div>
- </div>
- <div class="row">
- <div class="col-xs-12 text-center">
- <!--Quick Link-->
- <div class="quick-link center-block raw-padding-left-15">
- <!--QL-->
- <div ng-repeat="link in quickLinks" class="ql-image-wrapper" data-content="{{link.field_quick_links_blurb}}" data-original-title="<div class='afbs-thin-divider-left'></div>" data-placement="top" data-toggle="popover" title="">
- <a href="{{link.field_quick_links_link}}">
- <div class="ql-image">
- <img ng-if="page.field_page_id[0].value != 'savings'" src="{{link.field_quick_links_icon}}">
- <img ng-if="page.field_page_id[0].value == 'savings'" src="{{link.field_quick_links_icon}}" style="width:100px;">
- </div>
- <div class="ql-text" data-ng-bind-html="link.field_quick_links_title">
- </div></a>
- </div>
- <div style="text-align:left">
- <img ng-if="page.field_page_id[0].value != 'savings'" src="{{pageBlobs[0].field_image}}">
- <img ng-if="page.field_page_id[0].value == 'savings'" src="{{pageBlobs[0].field_image}}" width="1030px">
- </div>
- </div>
- </div>
- </div>
- </div>
- </span>
- </div>
- <!-- Basic Page Header -->
- <section ng-if="page && page.field_header_title[0] && (!page.field_landing_page[0] || page.field_landing_page[0].value == 0) && page.title[0].value != 'Welcome to AFBS.'" id="header-section" style="background-position: 50% -120px;" data-type="background" data-speed="10" data-offset="120">
- <div class="overlay-img">
- <div class="afbs-header-container raw-padding-left-60 raw-padding-right-60 raw-padding-top-72">
- <h1 class="sr-only" data-ng-bind-html="page.title[0].value"></h1>
- <img class="img-responsive raw-margin-auto" src="{{page.field_header_title[0].url}}" alt="{{page.title[0].value}}" title="{{page.title[0].value}}">
- </div>
- </div>
- </section>
- <div ng-if="page && !page.field_header_title[0] && page.title[0].value != 'Welcome to AFBS.'" class="container">
- <div class="row">
- <div class="col-md-12">
- <div class="afbs-thick-divider-horizontal afbs-white-bg raw-margin-top-168"></div>
- <div class="afbs-header-text">
- <h1 class="afbs-white-color" data-ng-bind-html="page.title[0].value"></h1>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- 404 Error Header -->
- <main>
- <div ng-if="page && page.title[0].value == 'Welcome to AFBS.'" ui-view="frontBlocks"></div>
- <div ng-if="page && page.title[0].value != 'Welcome to AFBS.'" class="raw100 raw-left {{page.field_page_id[0].value}}" style="">
- <!-- TOC Nav -->
- <!-- extra icon -->
- <aside>
- <div class="extra-icon-main-container">
- <!-- extra page_nav.(content) or modal... [for large viewport > 1450px] -->
- <div ng-if="page.field_path[0].value.indexOf('members-insurance-program--') > -1" class="tbl-container" data-target="#mTableContents" data-toggle="modal">
- <div class="toc-icon-wrapper tbl-row afbs-olive-drab-color">
- <span class="tbl-cell"><img alt="" src="/img/insurance/icon_agendaWhite.png">
- <!-- option: label below --><br></span>
- <h6><span class="tbl-cell"><span>Members' Insurance Program
- Contents</span></span></h6><!-- option: label on right -->
- <!-- <h6 class="tbl-cell" tabindex="0"><span>Members' Insurance Program</span></h6> -->
- </div>
- </div>
- <div ng-if="page.field_path[0].value.indexOf('your-money-matters') > -1" class="tbl-container" data-target="#mArchive" data-toggle="modal">
- <div class="toc-icon-wrapper tbl-row afbs-vermilion-color">
- <span class="tbl-cell"><img alt="Archive" src="/img/library/icon_archive_red_fill_white.png"> <!-- option: label below --><br></span>
- <h6><span class="tbl-cell"><span>Archive</span></span></h6><!-- option: label on right --><!-- <h6 class="tbl-cell" tabindex="0"><span>Insurance Benefit Guide</span></h6> -->
- </div>
- </div>
- </div>
- </aside>
- <!-- extra icon - end-->
- <aside ng-if="page && (page.field_landing_page[0].value == 0 || !page.field_landing_page[0])">
- <nav>
- <div class="" id="afbs-toc-nav" style="right: -189px; background-color: rgba(0, 0, 0, 0);">
- <div ng-if="page.field_path[0].value.indexOf('members-insurance-program--') > -1" class="toc3-icon-wrapper">
- <img alt="" data-target="#mTableContents" data-toggle="modal" src="/img/insurance/icon_agendaWhite.png">
- <h6 data-target="#mTableContents" data-toggle="modal" tabindex="0">Members' Insurance Program Contents</h6>
- </div>
- <div ng-if="page.field_path[0].value.indexOf('your-money-matters') > -1" class="toc3-icon-wrapper">
- <img data-target="#mArchive" data-toggle="modal" src="/img/library/icon_archive_red_fill_white.png">
- <h6 data-target="#mArchive" data-toggle="modal" tabindex="0">Archive</h6>
- </div>
- <p class="on_this_page">On this page ({{page.title[0].value}}):</p>
- </div><!-- toc.js will append other nav items here -->
- </nav>
- </aside>
- <!-- TOC Nav - end -->
- <!-- Page Body -->
- <div ng-if="page.authenticated == true" class="container" style="position:relative;">
- <div class="edit-block"><a href="/drupal/node/{{page.nid[0].value}}/edit?backto={{page.url}}" target="_self"><img src="/drupal/core/themes/stable/images/core/icons/bebebe/pencil.svg"></a></div>
- </div>
- <div id="body" ng-if="page.body[0].value && page.field_path[0].value != 'setup-profile'">
- <div class="container">
- <div class="row text-center">
- <div class="col-md-12" data-ng-bind-html="page.body[0].value"></div>
- </div>
- </div>
- </div>
- <!-- Page Blocks -->
- <div ui-view="pageBlocks" ng-repeat="blob in pageBlobs"></div>
- <!-- Bottom padding -->
- <div ng-if="page && (page.field_landing_page[0].value == 0 || !page.field_landing_page[0]) && page.title[0].value != 'Board of Governors' && page.field_path[0].value != 'our-story'" style="padding-bottom:96px"></div>
- </div>
- <script>
- $('li.nav-hover span').hide();
- </script>
- <section ng-if="!page" ui-view="404"></section>
- </main>
- </div>
- <!--
- <script type="text/javascript" src="js/quarx/index/video.js"></script>
- -->
- <script type="text/javascript">
- $(document).ready(function () {
- /////////////////////////////
- $.fn.equalize = function (options) {
- var $containers = this, // this is the jQuery object
- children = false,
- reset = false,
- equalize,
- type;
- // when options are an object
- if ($.isPlainObject(options)) {
- equalize = options.equalize || 'height';
- children = options.children || false;
- reset = options.reset || false;
- } else { // otherwise, a string was passed in or default to height
- equalize = options || 'height';
- }
- if (!$.isFunction($.fn[equalize])) {
- return false;
- }
- // determine if the height or width is being equalized
- type = (equalize.indexOf('eight') > 0) ? 'height' : 'width';
- return $containers.each(function () {
- var $children = $(this).children(),
- max = 0; // reset for each container
- if (children) {
- $children = $(this).find(children);
- }
- $children.each(function () {
- var $element = $(this),
- value;
- if (reset) {
- $element.css(type, '');
- } // remove existing height/width dimension
- value = $element[equalize](); // call height(), outerHeight(), etc.
- if (value > max) {
- max = value;
- } // update max
- });
- $children.css(type, max + 'px'); // add CSS to children
- });
- };
- $(window).load(function () {
- $('#insurance-and-benefits .same_height').equalize({children: '.box_333'});
- });
- $(window).load(function () {
- $('#saving-and-investments .same_height').equalize({children: '.box_333'});
- });
- $(window).load(function () {
- $('#library .same_height').equalize({children: '.box_333'});
- });
- $(window).resize(function () {
- setInterval(function () {
- //
- if($('#library .box_333').is(":visible") )
- {
- $('#library .same_height').equalize({children: '.box_333', reset: true});
- }
- }, 500);
- });
- $(window).on("orientationchange", function () {
- //
- });
- /////////////////////////////
- });
- </script>
- <!-- Footer -->
- <footer>
- <div id="footer" class="raw100 raw-left ">
- <section id="login-footer" class="bckgContainer bckg-login" data-type="background" data-speed="0" data-offset="0" style="background-position: 50%;">
- <div class="overlayContainer bckg_dotOverlay"></div>
- <div class="contentContainer">
- <div class="raw-device raw-margin-auto">
- <!-- Member login area -->
- <section id="login_container" class="container-fluid">
- <div class="row raw-margin-top-72 text-center" style="margin-left: 0px;">
- <div class="afbs-icon-holder col-md-8 col-md-offset-2">
- <a class="backBtn" data-bind="click: backClick, visible: step() !== 1">
- <span class="glyphicon glyphicon-arrow-left"></span>
- </a>
- <img class="afbs-icon" src="/images/computer.png">
- </div>
- <div class="col-md-8 col-md-offset-2">
- <h1 data-bind="text: footerTitleText"></h1>
- </div>
- <div class="member-profie-links col-md-8 col-md-offset-2">
- <div class="msg-box" data-bind="css: { 'error-msg': showError, 'success-msg': !showError() && step() === 4 }, html: backLineText, visible: step() !== 1"></div>
- <span data-bind="visible: step() === 1"><a id="LandingNotRegistered" href="#"><span>Create an account</span></a></span>
- <span data-bind="visible: step() === 1"> |
- <span data-bind="visible: step() === 1"><a data-content="Due to restrictions under the Personal Information Protection and Electronic Documents Act (PIPEDA), AFBS is not permitted to allow online access to Members under the age of 16." data-trigger="click hover" data-placement="bottom" data-toggle="popover" data-container="body" type="button" class="link_under_age" data-original-title="" title="">Under age 16?</a></span>
- </div>
- </div>
- <div class="row raw-margin-bottom-72" data-bind="visible: true" style="display: none;">
- <div class="raw-margin-top-24 col-md-8 col-md-offset-2">
- <div class="footer-login"><a href="/login" target="self" class="btn">Click Here to Login</a></div>
- <div class="rg-col-10 raw-left"><span class="help-block login-error-message error"></span></div>
- </div>
- </div>
- </section>
- </div>
- </div>
- </section>
- <div class="raw-device raw-margin-auto">
- <div class="rg-row raw-margin-top-72">
- <section>
- <div ng-repeat="foot in footer" ng-if="foot.nid[0].value != '413'" class="rg-col-3 mobile-center">
- <hgroup>
- <div class="raw100 raw-left raw-margin-top-24">
- <h5 style="margin-top:0px" data-ng-bind-html="foot.title[0].value"></h5>
- <div class="afbs-thin-divider afbs-light-grey-bg"></div>
- </div>
- </hgroup>
- <div data-ng-bind-html="foot.body[0].value"></div>
- </div>
- </section>
- <aside style="margin-left: 24px;">
- <div class="rg-col-3 mobile-center tablet-centered keep-margin">
- <div class="raw100 raw-left">
- <div class="raw100 raw-left raw-margin-top-24">
- <h5>Connect</h5>
- <div class="afbs-thin-divider afbs-light-grey-bg"></div>
- <div class="raw100 raw-left">
- <a class="social-link" href="https://www.facebook.com/enrichingcreativelives?ref=hl" target="_blank" onclick="_gaq.push(['_trackEvent','link','click','www.facebook.com/enrichingcreativelives']);">
- <span class="icon-facebook sm-icon" tabindex="0" aria-label="Facebook"></span>
- </a>
- <a class="social-link" href="https://twitter.com/AFBSCanada" target="_blank" onclick="_gaq.push(['_trackEvent','link','click','twitter.com/AFBSCanada']);">
- <span class="icon-twitter sm-icon raw-margin-left-24"tabindex="0" aria-label="Twitter"></span>
- </a>
- </div>
- </div>
- </div>
- <div class="raw100 raw-left">
- <div class="raw100 raw-left raw-margin-top-72" id="text-resizer-controls">
- <h5 aria-label="Select Text Size / Print">Text</h5>
- <div class="afbs-thin-divider afbs-light-grey-bg"></div>
- <span class="access-icon icon-accessibility-small" tabindex="0" aria-label="Text size - small"></span>
- <span class="access-icon icon-accessibility-medium" tabindex="0" aria-label="Text size - default"></span>
- <span class="access-icon icon-accessibility-large" tabindex="0" aria-label="Text size - large"></span>
- <!--<span class="printer-icon icon-printer access-icon-medium raw-right raw-margin-right-16" id="Print" tabindex="0" aria-label="Print page"></span>-->
- </div>
- </div>
- </div>
- </aside>
- </div>
- </div>
- <div class="raw100 raw-left raw-margin-top-24">
- <div class="raw-device raw-margin-auto">
- <div class="afbs-thin-divider afbs-light-grey-bg"></div>
- <div class="raw100 raw-left raw-margin-top-24 raw-margin-bottom-48" data-ng-bind-html="footer[3].body[0].value">
- </div>
- </div>
- </div>
- </div>
- <!-- Modal -->
- <!-- Modal "Reset Your Password" (Email + Captcha) -->
- <div class="modal center fade" id="mResetPassword" tabindex="-1" role="dialog" aria-labelledby="mResetPassword" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
- </div>
- <div class="modal-body">
- <h3>Reset Your Password</h3>
- <div class="panel_email">
- <p class="text-center">To start the password recovery process, please enter the email address you used to register your AFBS Member Profile.</p>
- <div class="password-reset-container" >
- <form id="reset_password" name="reset_password" action="">
- <div class="input_wrapper">
- <input id="uEmailReset" type="email" name="email" placeholder="Email Address" >
- <span class="error_msg error help-block"> </span>
- </div>
- </form>
- <form id="reset_recaptcha" name="reset_recaptcha" action="/captcha/recaptcha">
- <div class="g-recaptcha-modal" id="g-ReCaptcha-modal" style="margin: 0 auto; display: table;" ></div>
- <input id="ureCaptcha_modal" class="hidden">
- <span class="error_msg error help-block recaptcha_error"></span>
- <div id="submit_rp" class="text-center"><input class="btn" type="submit" value="Submit"></div>
- </form>
- <form id="reset_captcha" name="reset_captcha" action="" class="hidden">
- <div class="input_wrapper">
- <img src="img/icon_captcha_refresh.png" id="refreshCaptcha">
- <span id="CaptchaContainer"></span>
- <span class="error_msg error help-block"></span>
- </div>
- </form>
- </div>
- <div class="digicert_in_modal" >
- <div class=" ssl-certificate" title="Digicert EV Secure Seal">
- <div id="DigiCertClickID_CnaVctX6" data-language="en_US"> </div>
- </div>
- </div>
- </div>
- <div class="clearfix"></div>
- </div>
- </div>
- </div>
- </div>
- <!-- Modal "Reset Your Password" (Security question) -->
- <div class="modal center fade" id="mSecurityQuestion" tabindex="-1" role="dialog" aria-labelledby="mSecurityQuestion" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
- </div>
- <div class="modal-body">
- <h3>Reset Your Password</h3>
- <div class="panel_security_question">
- <p class="text-center">Answer the following question to reset your password.</p>
- <p class="security_question"><span class="sq_label">Security Question:</span> <span class="sq_question">GM’s maiden name</span></p>
- <form id="security_answer" name="security_answer" action="">
- <div class="input_wrapper">
- <input id="u_sq_answer" type="text" name="sq_answer" placeholder="Answer">
- <span class="error_msg error"> </span>
- </div>
- <div id="submit_sa" class="text-center"><input class="btn" type="submit" value="Submit"></div>
- </form>
- </div>
- <div class="digicert_in_modal" >
- <div class=" ssl-certificate" title="Digicert EV Secure Seal">
- <div id="DigiCertClickID_CnaVctX7" data-language="en_US"> </div>
- </div>
- </div>
- </div>
- <div class="clearfix"></div>
- </div>
- </div>
- </div>
- <!-- Modal "Reset Your Password" (New Password) -->
- <div class="modal center fade" id="mNewPassword" tabindex="-1" role="dialog" aria-labelledby="mNewPassword" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
- </div>
- <div class="modal-body">
- <h3>Reset Your Password</h3>
- <div class="panel_new_password">
- <p class="new_password text-center">Select your new password and enter it below.</p>
- <form id="new_password" name="new_password" action="">
- <div class="input_wrapper">
- <input id="u_new_password" type="password" name="u_new_password" placeholder="New Password">
- <span class="error_msg"></span>
- <input id="u_new_password_confirm" type="password" name="u_new_password_confirm" placeholder="Re-enter Password">
- <span class="error_msg error"></span>
- <input id="SecurityToken" type="hidden" name="security_token" value="">
- </div>
- <div id="submit_np" class="text-center"><input class="btn" type="submit" value="Submit"></div>
- </form>
- </div>
- <div class="digicert_in_modal" >
- <div class=" ssl-certificate" title="Digicert EV Secure Seal">
- <div id="DigiCertClickID_CnaVctX8" data-language="en_US"> </div>
- </div>
- </div>
- </div>
- <div class="clearfix"></div>
- </div>
- </div>
- </div>
- <!-- Modal "Reset Your Password" (Success - Confirmation) -->
- <div class="modal center fade" id="mPasswordSuccess" tabindex="-1" role="dialog" aria-labelledby="mPasswordSuccess" aria-hidden="true">
- <div class="modal-dialog modal-lg">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
- </div>
- <div class="modal-body">
- <h3>Password Successfully Reset!</h3>
- <div class="panel_password_success">
- <p class="password_success text-center">Your new password has been set.</p>
- <p class="text-center">You can also <a href="">click here to manage your account profile</a>.</p>
- </div>
- <div class="digicert_in_modal" >
- <div class=" ssl-certificate" title="Digicert EV Secure Seal">
- <div id="DigiCertClickID_CnaVctX9" data-language="en_US"> </div>
- </div>
- </div>
- </div>
- <div class="clearfix"></div>
- </div>
- </div>
- </div>
- <!-- Modal "register" -->
- <div class="modal fade" id="mRegister" tabindex="-1" role="dialog" aria-labelledby="mRegister" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
- </div>
- <div class="modal-body">
- <div class="register text-center">
- <h1>Register</h1>
- <p class="fs_big">If you've activated your RRSP by filling out Form 18, or you became an AFBS Member prior to 2010, go straight to Register.</p>
- <a class="link_btn reg" href="/register">Register for Online Access</a>
- <p class="fs_big">If you joined AFBS after 2009 and haven’t yet activated your RRSP, you need to Set Up Your Profile and fill out Form 18.</p>
- <a class="link_btn" href="/setup-profile">Set Up Your Profile</a>
- <p class="under_age">
- <a data-content="Due to restrictions under the Personal Information Protection and Electronic Documents Act (PIPEDA), AFBS is not permitted to allow online access to Members under the age of 16." data-trigger="hover" data-placement="bottom" data-toggle="popover" data-container="#mRegister" type="button" class="link_under_age">
- Under age 16?</a>
- </p>
- </div>
- </div>
- <div class="clearfix"></div>
- </div>
- </div>
- </div>
- <div id="mAGM" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="2015 Annual General Meeting" aria-hidden="true">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
- <h3>Our Upcoming AGM</h3>
- </div>
- <div class="modal-body" style="margin: 30px 6px 72px;">
- <p>The 2015 AFBS Annual General Meeting will take place in Toronto on Monday, June 1st at 3:30 p.m. It will be held in Cinema 4 of the TIFF Bell Lightbox, 350 King Street West.</p>
- </div>
- </div>
- </div>
- </div>
- <script type="text/javascript" async="" src="https://www.google-analytics.com/ga.js"></script>
- <script type="text/javascript">
- (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
- (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
- m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
- })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
- ga('create', 'UA-3658456-2', 'auto');
- </script> </footer>
- </div>
- </div>
- <script type="text/javascript" src="js/lib/jgestures.js"></script>
- <script type="text/javascript" src="js/user/login.js?v2"></script>
- <script type="text/javascript" src="js/jquery.validate.js"></script>
- <script type="text/javascript" src="js/additional-methods.min.js"></script>
- <script type="text/javascript" src="js/lib/moment.js"></script>
- <script type="text/javascript" src="js/lib/jquery.intlTelInput.js"></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement