Advertisement
Guest User

Untitled

a guest
Jan 30th, 2016
143
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 53.52 KB | None | 0 0
  1. <!DOCTYPE html><html lang="en-US" ng-app="AFBS">
  2.     <head>
  3.         <meta charset="UTF-8">
  4.         <base href="/">
  5.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6.         <meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=yes">
  7.         <title ng-bind="header"></title>
  8.         <link href="/js/lib/datepicker/css/datepicker.css" media="screen" rel="stylesheet" type="text/css">
  9.         <link href="css/afbs-style-video.css" media="screen" rel="stylesheet" type="text/css">
  10.         <link href="css/lib/bootstrap.css" media="screen" rel="stylesheet" type="text/css">
  11.         <link href="css/bootstrap-slider-touch.css" media="screen" rel="stylesheet" type="text/css">
  12.         <link href="css/lib/jquery-ui.debug.css" media="screen" rel="stylesheet" type="text/css">
  13.         <link href="favicon.ico" rel="icon">
  14.         <link href="css/afbs-fonts.css" media="screen" rel="stylesheet" type="text/css">
  15.         <link href="css/afbs-icons.css" media="screen" rel="stylesheet" type="text/css">
  16.         <link href="css/lib/bootstrap-popover-x.min.css" media="screen" rel="stylesheet" type="text/css">
  17.         <link href="css/raw.min.css" media="screen" rel="stylesheet" type="text/css">
  18.         <link href="css/raw-grid-offset.css" media="screen" rel="stylesheet" type="text/css">
  19.         <link href="css/raw-grid.min.css" media="screen" rel="stylesheet" type="text/css">
  20.         <link href="css/raw-mobile.min.css" media="screen and (max-width: 768px)" rel="stylesheet" type="text/css">
  21.         <link href="css/login.css?v2" media="screen" rel="stylesheet" type="text/css">
  22.         <link href="css/afbs-style.css?v2" media="screen" rel="stylesheet" type="text/css">
  23.         <link href="css/mobile-style.css" media="screen and (max-width: 768px)" rel="stylesheet" type="text/css">
  24.         <link href="css/tablet-style.css" media="screen and (min-width: 480px) and (max-width: 1024px)" rel="stylesheet" type="text/css">
  25.         <link href="css/desktop-style.css" media="screen and (min-width: 1024px)" rel="stylesheet" type="text/css" lang="EN" dir="ltr">
  26.         <link href="css/print.css" media="print" rel="stylesheet" type="text/css">
  27.         <link href="css/opin.css" media="print" rel="stylesheet" type="text/css">
  28.         <!--[if IE]><link href="css/afbs-ie-all.css" media="all" rel="stylesheet" type="text/css"><![endif]-->
  29.         <link href="css/lib/jquery.intlTelInput.css" media="screen" rel="stylesheet" type="text/css">
  30.         <script type="text/javascript" src="js/lib/jquery.min.js"></script>
  31.         <script type="text/javascript" src="js/lib/raw-grid.js"></script>
  32.         <script type="text/javascript" src="js/lib/bootstrap.min.js"></script>
  33.         <script type="text/javascript" src="js/lib/bootstrap-filestyle.min.js"></script>
  34.         <script type="text/javascript" src="js/lib/modernizr.js"></script>
  35.         <script type="text/javascript" src="js/lib/bootstrap-slider-touch.js"></script>
  36.         <script type="text/javascript" src="js/lib/jquery-ui.min.js"></script>
  37.         <script type="text/javascript" src="js/lib/parallax.js"></script>
  38.         <script type="text/javascript" src="js/lib/jquery.cookie.js"></script>
  39.         <script type="text/javascript" src="js/lib/jquery.glossarize.js"></script>
  40.         <script type="text/javascript" src="js/lib/jquery.vide.js"></script>
  41.         <script type="text/javascript" src="js/lib/jquery-validation/dist/jquery.validate.js"></script>
  42.         <script type="text/javascript" src="js/lib/jquery-validation/dist/additional-methods.min.js"></script>
  43.         <script type="text/javascript" src="js/lib/jquery.dataTables.min.js"></script>
  44.         <script type="text/javascript" src="js/lib/knockout-3.3.0.debug.js"></script>
  45.         <script type="text/javascript" src="js/lib/jquery.plugin.min.js"></script>
  46.         <script type="text/javascript" src="js/lib/knockout.validation.min.js"></script>
  47.         <script type="text/javascript" src="js/lib/knockout.mapping-latest.js"></script>
  48.         <script type="text/javascript" src="js/lib/ccvalidate.js"></script>
  49.         <script type="text/javascript" src="js/lib/datepicker/js/bootstrap-datepicker.js"></script>
  50.         <script type="text/javascript" src="js/lib/bootstrap-popover-x.debug.js"></script>
  51.         <script type="text/javascript" src="js/lib/mustache/mustache.min.js"></script>
  52.         <script type="text/javascript" src="js/lib/handlebars.js"></script>
  53.         <script type="text/javascript" src="js/lib/dot.js"></script>
  54.         <script type="text/javascript" src="js/highcharts.js"></script>
  55.         <script type="text/javascript" src="js/lib/highcharts-custom.debug.js"></script>
  56.         <script type="text/javascript" src="js/common/accessibility.js"></script>
  57.         <script type="text/javascript" src="js/common/global_actions.js"></script>
  58.         <script type="text/javascript" src="js/common/general.js?v1"></script>
  59.         <script type="text/javascript" src="js/common/remember-me.js"></script>
  60.         <script type="text/javascript" src="js/common/search.js?v2"></script>
  61.         <script type="text/javascript" src="js/user/password-reset.js?v2"></script>
  62.         <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?onload=onloadReCaptchaCallback&amp;render=explicit"></script>
  63.         <script src="js/angular.min.js"></script>
  64.         <script src="js/angular-ui-router.min.js"></script>
  65.         <script src="js/angular-sanitize-custom.min.js"></script>
  66.         <script src="js/angular-css-injector.min.js"></script>
  67.         <script src="js/app/app.js"></script>
  68.         <script src="js/app/controllers.js"></script>
  69.         <style type="text/css">
  70.             [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  71.                 display: none !important;
  72.             }
  73.         </style>
  74.     </head>
  75.     <body id="top" ng-controller='pageController' ng-cloack>
  76.         <div class="wrapper">
  77.             <div class="afbs-modal-wrapper"></div>
  78.             <div class="device page-wrapper">
  79.  
  80.                 <!-- Header -->
  81.                 <div class="{{page['header-class']}} {{page.field_page_id[0].value}} {{page.field_colour_scheme[0].value}}">
  82.                 <div ng-if="page.field_header_title[0] || page.title[0].value == 'Welcome to AFBS.'" class="afbs-main-logo">
  83.                     <a href="/"><img src="img/afbs.png"></a>
  84.                 </div>
  85.                 <div ng-class="{'raw100 raw-left' : page.field_header_title[0]}">
  86.                     <!--googleoff: all-->
  87.                     <!-- Header -->
  88.                     <nav class="{{page['nav-class']}}">
  89.                         <div class="raw100 raw-left afbs-main-menu">
  90.                             <div class="main-menu-icon raw-left"><span class="afbs-hands"></span></div>
  91.                             <ul>
  92.                                 <li class="menu-btn"><span class="menu-text">MENU</span> <span class="icon-menu top-menu-icon"></span></li>
  93.  
  94.                                 <li class="login-btn"><span class="menu-text">LOGIN</span> <span class="icon-login"></span></li>
  95.  
  96.                                 <li class="search-btn"><span class="menu-text">SEARCH</span> <span class="icon-search top-menu-icon"></span></li>
  97.                             </ul>
  98.                             <div class="search-input">
  99.                                 <span class="icon-search strip-padding"></span>
  100.                                 <input type="text" placeholder="Search" autocomplete="off" id="searchInputInHeader" />
  101.                             </div>
  102.                         </div>
  103.  
  104.                         <!-- Profile Menu Container -->
  105.                         <div class="afbs-profile-container-dropdown">
  106.                             <div class="afbs-profile-container-dropdown-header"></div>
  107.                             <div class="afbs-profile-container-dropdown-body">
  108.                                 <ul>
  109.                                     <li><span class="icon-dashboard"></span> <a href="/member">Dashboard</a></li>
  110.                                     <li><span class="icon-app"></span> <a href="/member/profile-settings">Profile Settings</a></li>
  111.                                     <li><span class="icon-logout"></span> <a>Logout</a></li>
  112.                                 </ul>
  113.                             </div>
  114.                         </div>
  115.  
  116.                         <!-- Notifications -->
  117.                         <div class="afbs-notifications-container">
  118.                             <div class="afbs-notifications minimize" id="nextUpContainer">
  119.                                 <div class="afbs-notification-header">
  120.                                     <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>
  121.                                 </div>
  122.                                 <div class="afbs-notification-body" id="notificationevents">
  123.                                 </div>
  124.                             </div>
  125.                             <div class="afbs-notifications afbs-notifications-dimmed minimize" id="alertsContainer">
  126.                                 <div class="afbs-notification-header">
  127.                                     <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>
  128.                                 </div>
  129.                                 <div class="afbs-notification-body" id="notificationalerts">
  130.                                 </div>
  131.                             </div>
  132.                             <div class="afbs-notifications afbs-notifications-dimmed minimize hide" id="newToAfbsContainer">
  133.                                 <div class="afbs-notification-header">
  134.                                     <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>
  135.                                 </div>
  136.                                 <div class="afbs-notification-body">
  137.                                     <a onclick="javascript: notifications.yesClicked();">
  138.                                         <p><i class="glyphicon glyphicon-ok" style="padding-right: 12px"></i>Yes, I'm new!</p>
  139.                                     </a>
  140.                                     <a onclick="javascript: notifications.noClicked();">
  141.                                         <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>
  142.                                     </a>
  143.                                 </div>
  144.                             </div>
  145.                         </div>
  146.                         <script type="text/javascript">
  147.                             $(document).ready(
  148.                                     notifications.init()
  149.                             );
  150.                         </script>
  151.  
  152.  
  153.                         <!-- Side Menu -->
  154.                         <div class="afbs-side-menu">
  155.                             <div class="raw100 raw-left">
  156.                                 <div class="header-icon close-sidebar-btn"><h2 class="raw-margin-0"><span class="icon-close-menu"></span> Menu</h2></div>
  157.                             </div>
  158.                             <div class="raw100 raw-left">
  159.                                 <ul class="afbs-side-menu-list">
  160.                                     <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>
  161.                                         <span ng-if="link.below" class="toggle-sub-menu icon-chevron-small-down pull-right"></span>
  162.                                         <ul ng-if="link.below">
  163.                                             <li ng-repeat="subLink in link.below"><p><a href="{{subLink.url}}" data-ng-bind-html="subLink.title"></a></p></li>
  164.                                         </ul>
  165.                                     </li>
  166.                                 </ul>
  167.                             </div>
  168.  
  169.                             <div class="raw100 raw-left sidemenu-footer">
  170.                                 <div class="raw100 raw-left">
  171.                                     <div class="raw45 raw-left">
  172.                                         <p class="afbs-small-text raw-padding-left-24">Connect with us</p>
  173.                                     </div>
  174.                                     <div class="raw55 raw-left">
  175.                                         <a class="social-link" href="https://www.facebook.com/enrichingcreativelives?ref=hl" target="_blank" onclick="_gaq.push(['_trackEvent','link','click','www.facebook.com/enrichingcreativelives']);">
  176.                                             <span class="icon-facebook sm-sidemenu-icon raw-margin-left-32"></span>
  177.                                         </a>
  178.                                         <a class="social-link" href="https://twitter.com/AFBSCanada" target="_blank" onclick="_gaq.push(['_trackEvent','link','click','twitter.com/AFBSCanada']);">
  179.                                             <span class="icon-twitter  sm-sidemenu-icon"></span>
  180.                                         </a>
  181.                                     </div>
  182.                                 </div>
  183.                                 <div class="raw100 raw-left raw-margin-top-24">
  184.                                     <div class="raw35 raw-left">
  185.                                         <p class="afbs-small-text raw-padding-left-24">Text</p>
  186.                                     </div>
  187.                                     <div class="raw55 raw-left raw-margin-left-28">
  188.                                         <span class="access-sidemenu-icon icon-accessibility-small icon-ac-small-sidemenu"></span>
  189.                                         <span class="access-sidemenu-icon icon-accessibility-medium icon-ac-medium-sidemenu"></span>
  190.                                         <span class="access-sidemenu-icon icon-accessibility-large icon-ac-large-sidemenu"></span>
  191.                                         <span class="printer-icon icon-printer printer-sidemenu-icon hidden"></span>
  192.                                     </div>
  193.                                 </div>
  194.                                 <div class="raw100 raw-left raw-margin-top-24 raw-margin-bottom-24 hidden">
  195.                                     <div class="raw45 raw-left">
  196.                                         <p class="afbs-small-text raw-padding-left-24">On-page Glossary</p>
  197.                                     </div>
  198.                                     <div class="raw35 raw-left raw-margin-left-15">
  199.                                         <p id="Glossary"><span class="icon-glossary-on"></span></p>
  200.                                     </div>
  201.                                 </div>
  202.                             </div>
  203.                         </div>
  204.  
  205.                         <input type="hidden" id="ProfileName" value="http://afbs-core.local/" />
  206.                     </nav>
  207.                     <!--googleon: all-->    </div>
  208.                 <!-- Front Page Header -->
  209.                 <section ng-if="page && !page.field_header_title[0] && page.title[0].value == 'Welcome to AFBS.'">
  210.                     <div id="landing-video-hero" class="video-menu" data-speed="3" data-type="background">
  211.                         <div id="landing-video-hero-video" data-speed="2" data-type="background">
  212.                             <div class="bg-image">
  213.  
  214.                             </div>
  215.                         </div>
  216.  
  217.                         <div class="new-landing-video-hero-dots"></div>
  218.  
  219.                         <section class="afbs-small-header">
  220.                             <div id="landing-video-hero-headerimg" class="afbs-header-container raw-padding-left-60 raw-padding-right-60 raw-padding-bottom-96">
  221.                                 <div id="_landing-video-hero-fuel-yellow" data-speed="3" data-type="background"></div>
  222.                                 <img src="img/transparent_160x90.png" alt="" width="450" class="img-responsive title-img-on-top raw-margin-auto">
  223.                             </div>
  224.                         </section>
  225.  
  226.                         <div class="dots_overlay"></div>
  227.  
  228.                         <div class="orange_overlay"></div>
  229.                         <!-- 'Welcome' content overlay -->
  230.                         <div class="content_overlay">
  231.                             <!-- 'Welcome' content overlay -->
  232.                             <div id="welcome_overlay" class="raw-padding-top-100 raw-padding-bottom-48">
  233.                                 <div id="welcome" class="text-center _nav_down">
  234.  
  235.                                     <div class="container _raw-margin-top-48 raw-padding-bottom-150">
  236.                                         <div class="row">
  237.                                             <div class="col-md-8 col-md-offset-2 ">
  238.                                                 <!-- <img class="img-responsive raw-margin-auto" src="img/icon_magGlass.png" alt="Search"> -->
  239.                                                 <h1 class="afbs-white-color raw-margin-top-48" data-ng-bind-html="page.title[0].value"></h1>
  240.  
  241.                                                 <p class="afbs-white-color raw-margin-top-12" data-ng-bind-html="page.body[0].value"></p>
  242.                                                 <div class="raw-padding-bottom-18 visible-xs visible-sm"></div>
  243.                                                 <div class="raw-padding-bottom-48 visible-md visible-lg"></div>
  244.  
  245.                                             </div>
  246.                                         </div>
  247.                                         <div class="row">
  248.                                             <div class="col-md-8 col-md-offset-2 ">
  249.                                                 <div class="raw-padding-top-24 visible-xs "></div>
  250.                                                 <div class="raw-padding-top-48 visible-sm visible-md visible-lg"></div>
  251.                                                 <p class="afbs-white-color hidden" style="font-size:14px;">New to AFBS? Click <a href="setup-profile">here</a> to get started!</p>
  252.                                                 <div class="raw-padding-bottom-12 visible-xs visible-sm"></div>
  253.                                                 <div class="raw-padding-bottom-48 visible-md visible-lg"></div>
  254.                                             </div>
  255.                                         </div>
  256.                                         <div class="row">
  257.                                             <div class="col-md-6 col-md-offset-3">
  258.                                                 <form class="welcome_form" role="search">
  259.                                                     <div class="input-group add-on">
  260.                                                         <input type="text" class="form-control help" placeholder="How can we help you?" name="srch-term" id="srch-term">
  261.                                                         <a class="input-group-btn" type="submit">
  262.                                                             <div class="mag_glass">
  263.                                                                 <img class="raw-margin-auto" src="img/icon_magGlass.png" width="24" height="24" alt="Search">
  264.                                                             </div>
  265.                                                         </a>
  266.                                                     </div>
  267.                                                 </form>
  268.                                             </div>
  269.                                         </div>
  270.                                         <span class="LandingPage_chevronDown hidden-xs" style="bottom: 0px; cursor: auto;"></span>
  271.  
  272.                                     </div>
  273.                                 </div>
  274.                             </div>
  275.                         </div> <!-- content_overlay - end -->
  276.                     </div>
  277.                 </section>
  278.                 <!-- Setup profile Header -->
  279.                 <section ng-if="page && page.title[0].value == 'Set up your profile'">
  280.                     <div class="on" id="landing-video-hero">
  281.                         <div id="landing-video-hero-video"></div>
  282.                         <div class="new-landing-video-hero-dots"></div>
  283.                         <section class="afbs-small-header">
  284.                             <div class="afbs-header-container raw-padding-left-60 raw-padding-right-60 raw-padding-bottom-96" id="landing-video-hero-headerimg">
  285.                                 <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>
  286.                                 <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>
  287.                         </section><span id="QuickLinksContainer"><!-- Title / Lead / Video link / Next page --></span>
  288.                         <div class="raw-device raw-margin-auto LandingPage_QuickLinks">
  289.  
  290.                             <div class="raw100 text-center" data-ng-bind-html="page.body[0].value">
  291.                             </div>
  292.                         </div><a href="#time-to-setup-your-profile"><span class="LandingPage_chevronDown"></span></a>
  293.                     </div>
  294.                 </section>
  295.                 <!-- Landing Page Header -->
  296.                 <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">
  297.                 <div id="landing-video-hero-video">
  298.                     <div class="bg-image">
  299.                         <!--
  300.                        <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;">
  301.                            <source src="/video/video-lo-res.mp4" type="video/mp4">
  302.                            <source src="/video/video-lo-res.webm" type="video/webm">
  303.                            <source src="/video/video-lo-res.ogv" type="video/ogv">
  304.                        </video>
  305.                        -->
  306.                     </div>
  307.                 </div>
  308.                 <div ng-if="page && page.field_landing_page[0].value == 1" id="landing-video-hero-dots"></div>
  309.                 <section class="afbs-small-header">
  310.                     <div id="landing-video-hero-overlay"></div>
  311.                     <div class=
  312.                                 "afbs-header-container raw-padding-left-60 raw-padding-right-60 raw-padding-bottom-96"
  313.                         id="landing-video-hero-headerimg"><img class=
  314.                                                                        "img-responsive title-img-on-top raw-margin-auto" src=
  315.                                                                        "{{page.field_header_title[0].url}}"></div>
  316.                 </section>
  317.                     <span id="QuickLinksContainer">
  318.                     <div ng-if="pageBlobs[0].type == 'quick_links'" class="container-fluid LandingPage_QuickLinks">
  319.                         <div ng-if="page.authenticated == true" class="container" style="position:relative;clear:both;">
  320.                             <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>
  321.                         </div>
  322.                         <div class="row text-center">
  323.                             <div class="col-xs-12">
  324.  
  325.                                 <div class="afbs-thick-divider-horizontal afbs-white-bg">
  326.  
  327.                                 </div>
  328.                                 <h1 class="afbs-white-color">Quick Links</h1>
  329.                             </div>
  330.                         </div>
  331.                         <div class="row">
  332.  
  333.                             <div class="col-xs-12 text-center">
  334.                                 <!--Quick Link-->
  335.                                 <div class="quick-link center-block raw-padding-left-15">
  336.                                     <!--QL-->
  337.                                     <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="">
  338.                         <a href="{{link.field_quick_links_link}}">
  339.                             <div class="ql-image">
  340.                             <img ng-if="page.field_page_id[0].value != 'savings'" src="{{link.field_quick_links_icon}}">
  341.                             <img ng-if="page.field_page_id[0].value == 'savings'" src="{{link.field_quick_links_icon}}" style="width:100px;">
  342.                             </div>
  343.                             <div class="ql-text" data-ng-bind-html="link.field_quick_links_title">
  344.  
  345.                             </div></a>
  346.                                     </div>
  347.                                     <div style="text-align:left">
  348.                                         <img ng-if="page.field_page_id[0].value != 'savings'" src="{{pageBlobs[0].field_image}}">
  349.                                         <img ng-if="page.field_page_id[0].value == 'savings'" src="{{pageBlobs[0].field_image}}" width="1030px">
  350.                                     </div>
  351.                                 </div>
  352.                             </div>
  353.                         </div>
  354.                     </div>
  355.                         </span>
  356.  
  357.                 </div>
  358.                 <!-- Basic Page Header -->
  359.                 <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">
  360.                     <div class="overlay-img">
  361.                         <div class="afbs-header-container raw-padding-left-60 raw-padding-right-60 raw-padding-top-72">
  362.                             <h1 class="sr-only" data-ng-bind-html="page.title[0].value"></h1>
  363.                             <img class="img-responsive raw-margin-auto" src="{{page.field_header_title[0].url}}" alt="{{page.title[0].value}}" title="{{page.title[0].value}}">
  364.                         </div>
  365.                     </div>
  366.                 </section>
  367.                 <div ng-if="page && !page.field_header_title[0] && page.title[0].value != 'Welcome to AFBS.'" class="container">
  368.                     <div class="row">
  369.                         <div class="col-md-12">
  370.                             <div class="afbs-thick-divider-horizontal afbs-white-bg raw-margin-top-168"></div>
  371.                             <div class="afbs-header-text">
  372.                                 <h1 class="afbs-white-color" data-ng-bind-html="page.title[0].value"></h1>
  373.                             </div>
  374.                         </div>
  375.                     </div>
  376.                 </div>
  377.                 </div>
  378.  
  379.                 <!-- 404 Error Header -->
  380.                 <main>
  381.  
  382.                 <div ng-if="page && page.title[0].value == 'Welcome to AFBS.'" ui-view="frontBlocks"></div>
  383.                 <div ng-if="page && page.title[0].value != 'Welcome to AFBS.'" class="raw100 raw-left {{page.field_page_id[0].value}}" style="">
  384.                     <!-- TOC Nav -->
  385.                     <!-- extra icon -->
  386.                     <aside>
  387.                         <div class="extra-icon-main-container">
  388.                             <!-- extra page_nav.(content) or modal... [for large viewport > 1450px] -->
  389.                             <div ng-if="page.field_path[0].value.indexOf('members-insurance-program--') > -1" class="tbl-container" data-target="#mTableContents" data-toggle="modal">
  390.                                 <div class="toc-icon-wrapper tbl-row afbs-olive-drab-color">
  391.                     <span class="tbl-cell"><img alt="" src="/img/insurance/icon_agendaWhite.png">
  392.                     <!-- option: label below --><br></span>
  393.                                     <h6><span class="tbl-cell"><span>Members' Insurance Program
  394.                     Contents</span></span></h6><!-- option: label on right -->
  395.                                     <!--                            <h6 class="tbl-cell" tabindex="0"><span>Members&#39; Insurance Program</span></h6>                          -->
  396.                                 </div>
  397.                             </div>
  398.                             <div ng-if="page.field_path[0].value.indexOf('your-money-matters') > -1" class="tbl-container" data-target="#mArchive" data-toggle="modal">
  399.                                 <div class="toc-icon-wrapper tbl-row afbs-vermilion-color">
  400.                                     <span class="tbl-cell"><img alt="Archive" src="/img/library/icon_archive_red_fill_white.png"> <!-- option: label below --><br></span>
  401.                                     <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>                             -->
  402.                                 </div>
  403.                             </div>
  404.                         </div>
  405.                     </aside>
  406.                     <!-- extra icon - end-->
  407.                     <aside ng-if="page && (page.field_landing_page[0].value == 0 || !page.field_landing_page[0])">
  408.                         <nav>
  409.                             <div class="" id="afbs-toc-nav" style="right: -189px; background-color: rgba(0, 0, 0, 0);">
  410.                                 <div ng-if="page.field_path[0].value.indexOf('members-insurance-program--') > -1" class="toc3-icon-wrapper">
  411.                                     <img alt="" data-target="#mTableContents" data-toggle="modal" src="/img/insurance/icon_agendaWhite.png">
  412.                                     <h6 data-target="#mTableContents" data-toggle="modal" tabindex="0">Members' Insurance Program Contents</h6>
  413.                                 </div>
  414.                                 <div ng-if="page.field_path[0].value.indexOf('your-money-matters') > -1" class="toc3-icon-wrapper">
  415.                                     <img data-target="#mArchive" data-toggle="modal" src="/img/library/icon_archive_red_fill_white.png">
  416.                                     <h6 data-target="#mArchive" data-toggle="modal" tabindex="0">Archive</h6>
  417.                                 </div>
  418.  
  419.                                 <p class="on_this_page">On this page ({{page.title[0].value}}):</p>
  420.                             </div><!-- toc.js will append other nav items here -->
  421.                         </nav>
  422.                     </aside>
  423.                     <!-- TOC Nav - end -->
  424.                     <!-- Page Body -->
  425.                     <div ng-if="page.authenticated == true" class="container" style="position:relative;">
  426.                         <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>
  427.                     </div>
  428.                     <div id="body" ng-if="page.body[0].value && page.field_path[0].value != 'setup-profile'">
  429.                         <div class="container">
  430.                             <div class="row text-center">
  431.                                 <div class="col-md-12" data-ng-bind-html="page.body[0].value"></div>
  432.                             </div>
  433.                         </div>
  434.                     </div>
  435.                     <!-- Page Blocks -->
  436.                     <div ui-view="pageBlocks" ng-repeat="blob in pageBlobs"></div>
  437.                     <!-- Bottom padding -->
  438.                     <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>
  439.                 </div>
  440.                 <script>
  441.                     $('li.nav-hover span').hide();
  442.                 </script>
  443.                     <section ng-if="!page" ui-view="404"></section>
  444.                 </main>
  445.  
  446.             </div>
  447. <!--
  448. <script type="text/javascript" src="js/quarx/index/video.js"></script>
  449. -->
  450.  
  451.  
  452.  
  453.                         <script type="text/javascript">
  454.                             $(document).ready(function () {
  455.                                 /////////////////////////////
  456.  
  457.                                 $.fn.equalize = function (options) {
  458.                                     var $containers = this, // this is the jQuery object
  459.                                             children = false,
  460.                                             reset = false,
  461.                                             equalize,
  462.                                             type;
  463.  
  464.                                     // when options are an object
  465.                                     if ($.isPlainObject(options)) {
  466.                                         equalize = options.equalize || 'height';
  467.                                         children = options.children || false;
  468.                                         reset = options.reset || false;
  469.                                     } else { // otherwise, a string was passed in or default to height
  470.                                         equalize = options || 'height';
  471.                                     }
  472.  
  473.                                     if (!$.isFunction($.fn[equalize])) {
  474.                                         return false;
  475.                                     }
  476.  
  477.                                     // determine if the height or width is being equalized
  478.                                     type = (equalize.indexOf('eight') > 0) ? 'height' : 'width';
  479.  
  480.                                     return $containers.each(function () {
  481.                                         var $children = $(this).children(),
  482.                                                 max = 0; // reset for each container
  483.                                         if (children) {
  484.                                             $children = $(this).find(children);
  485.                                         }
  486.  
  487.                                         $children.each(function () {
  488.                                             var $element = $(this),
  489.                                                     value;
  490.                                             if (reset) {
  491.                                                 $element.css(type, '');
  492.                                             } // remove existing height/width dimension
  493.                                             value = $element[equalize]();          // call height(), outerHeight(), etc.
  494.                                             if (value > max) {
  495.                                                 max = value;
  496.                                             }      // update max
  497.                                         });
  498.  
  499.                                         $children.css(type, max + 'px'); // add CSS to children
  500.                                     });
  501.                                 };
  502.  
  503.  
  504.  
  505.                                 $(window).load(function () {
  506.                                     $('#insurance-and-benefits .same_height').equalize({children: '.box_333'});
  507.                                 });
  508.  
  509.                                 $(window).load(function () {
  510.                                     $('#saving-and-investments .same_height').equalize({children: '.box_333'});
  511.                                 });
  512.  
  513.                                 $(window).load(function () {
  514.                                     $('#library .same_height').equalize({children: '.box_333'});
  515.                                 });
  516.  
  517.                                 $(window).resize(function () {
  518.                                     setInterval(function () {
  519.                                         //
  520.                                         if($('#library .box_333').is(":visible") )
  521.                                         {
  522.                                             $('#library .same_height').equalize({children: '.box_333', reset: true});
  523.                                         }
  524.                                     }, 500);
  525.                                 });
  526.  
  527.                                 $(window).on("orientationchange", function () {
  528.                                     //
  529.                                 });
  530.                                 /////////////////////////////
  531.                             });
  532.                         </script>
  533.  
  534.  
  535.                 <!-- Footer -->
  536.                 <footer>
  537.                       <div id="footer" class="raw100 raw-left ">
  538.     <section id="login-footer" class="bckgContainer bckg-login" data-type="background" data-speed="0" data-offset="0" style="background-position: 50%;">
  539.         <div class="overlayContainer bckg_dotOverlay"></div>
  540.         <div class="contentContainer">
  541.             <div class="raw-device raw-margin-auto">
  542.                 <!-- Member login area -->
  543.  
  544.                     <section id="login_container" class="container-fluid">
  545.     <div class="row raw-margin-top-72 text-center" style="margin-left: 0px;">
  546.         <div class="afbs-icon-holder col-md-8 col-md-offset-2">
  547.             <a class="backBtn" data-bind="click: backClick, visible: step() !== 1">
  548.                 <span class="glyphicon glyphicon-arrow-left"></span>
  549.             </a>
  550.             <img class="afbs-icon" src="/images/computer.png">
  551.         </div>
  552.         <div class="col-md-8 col-md-offset-2">
  553.             <h1 data-bind="text: footerTitleText"></h1>
  554.         </div>
  555.         <div class="member-profie-links col-md-8 col-md-offset-2">
  556.             <div class="msg-box" data-bind="css: { 'error-msg': showError, 'success-msg': !showError() && step() === 4 }, html: backLineText, visible: step() !== 1"></div>
  557.             <span data-bind="visible: step() === 1"><a id="LandingNotRegistered" href="#"><span>Create an account</span></a></span>
  558.             <span data-bind="visible: step() === 1">&nbsp;|&nbsp;
  559.             <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>
  560.         </div>
  561.     </div>
  562.     <div class="row raw-margin-bottom-72" data-bind="visible: true" style="display: none;">
  563.         <div class="raw-margin-top-24 col-md-8 col-md-offset-2">
  564.             <div class="footer-login"><a href="/login" target="self" class="btn">Click Here to Login</a></div>
  565.             <div class="rg-col-10 raw-left"><span class="help-block login-error-message error"></span></div>
  566.         </div>
  567.     </div>
  568. </section>
  569.             </div>
  570.         </div>
  571.     </section>
  572.     <div class="raw-device raw-margin-auto">
  573.         <div class="rg-row raw-margin-top-72">
  574.             <section>
  575.                 <div ng-repeat="foot in footer" ng-if="foot.nid[0].value != '413'" class="rg-col-3 mobile-center">
  576.                     <hgroup>
  577.                         <div class="raw100 raw-left raw-margin-top-24">
  578.                             <h5 style="margin-top:0px" data-ng-bind-html="foot.title[0].value"></h5>
  579.                             <div class="afbs-thin-divider afbs-light-grey-bg"></div>
  580.                         </div>
  581.                     </hgroup>
  582.                     <div data-ng-bind-html="foot.body[0].value"></div>
  583.                 </div>
  584.             </section>
  585.             <aside style="margin-left: 24px;">
  586.                 <div class="rg-col-3 mobile-center tablet-centered keep-margin">
  587.                     <div class="raw100 raw-left">
  588.                         <div class="raw100 raw-left raw-margin-top-24">
  589.                             <h5>Connect</h5>
  590.                             <div class="afbs-thin-divider afbs-light-grey-bg"></div>
  591.                             <div class="raw100 raw-left">
  592.                                 <a class="social-link" href="https://www.facebook.com/enrichingcreativelives?ref=hl" target="_blank" onclick="_gaq.push(['_trackEvent','link','click','www.facebook.com/enrichingcreativelives']);">
  593.                                     <span class="icon-facebook sm-icon" tabindex="0" aria-label="Facebook"></span>
  594.                                 </a>
  595.                                 <a class="social-link" href="https://twitter.com/AFBSCanada" target="_blank" onclick="_gaq.push(['_trackEvent','link','click','twitter.com/AFBSCanada']);">
  596.                                     <span class="icon-twitter sm-icon raw-margin-left-24"tabindex="0" aria-label="Twitter"></span>
  597.                                 </a>
  598.                             </div>
  599.                         </div>
  600.                     </div>
  601.                     <div class="raw100 raw-left">
  602.                         <div class="raw100 raw-left raw-margin-top-72" id="text-resizer-controls">
  603.                             <h5 aria-label="Select Text Size / Print">Text</h5>
  604.                             <div class="afbs-thin-divider afbs-light-grey-bg"></div>
  605.                             <span class="access-icon icon-accessibility-small" tabindex="0" aria-label="Text size - small"></span>
  606.                             <span class="access-icon icon-accessibility-medium" tabindex="0" aria-label="Text size - default"></span>
  607.                             <span class="access-icon icon-accessibility-large" tabindex="0" aria-label="Text size - large"></span>
  608.                             <!--<span class="printer-icon icon-printer access-icon-medium raw-right raw-margin-right-16" id="Print" tabindex="0" aria-label="Print page"></span>-->
  609.                         </div>
  610.                     </div>
  611.                 </div>
  612.             </aside>
  613.         </div>
  614.     </div>
  615.     <div class="raw100 raw-left raw-margin-top-24">
  616.         <div class="raw-device raw-margin-auto">
  617.             <div class="afbs-thin-divider afbs-light-grey-bg"></div>
  618.             <div class="raw100 raw-left raw-margin-top-24 raw-margin-bottom-48" data-ng-bind-html="footer[3].body[0].value">
  619.             </div>
  620.         </div>
  621.     </div>
  622. </div>
  623. <!-- Modal -->
  624. <!-- Modal "Reset Your Password" (Email + Captcha) -->
  625. <div class="modal center fade" id="mResetPassword" tabindex="-1" role="dialog" aria-labelledby="mResetPassword" aria-hidden="true">
  626.     <div class="modal-dialog">
  627.         <div class="modal-content">
  628.             <div class="modal-header">
  629.                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  630.             </div>
  631.             <div class="modal-body">
  632.                 <h3>Reset Your Password</h3>
  633.                 <div class="panel_email">
  634.                     <p class="text-center">To start the password recovery process, please enter the email address you used to register your AFBS Member Profile.</p>
  635.                     <div class="password-reset-container" >
  636.                     <form id="reset_password" name="reset_password" action="">
  637.                         <div class="input_wrapper">
  638.                             <input id="uEmailReset" type="email" name="email" placeholder="Email Address" >
  639.                             <span class="error_msg error help-block">&nbsp;</span>
  640.                         </div>
  641.                     </form>
  642.                     <form id="reset_recaptcha" name="reset_recaptcha" action="/captcha/recaptcha">
  643.                         <div class="g-recaptcha-modal" id="g-ReCaptcha-modal" style="margin: 0 auto; display: table;" ></div>
  644.                         <input id="ureCaptcha_modal" class="hidden">
  645.                         <span class="error_msg error help-block recaptcha_error"></span>
  646.                         <div id="submit_rp" class="text-center"><input class="btn" type="submit" value="Submit"></div>
  647.                     </form>
  648.  
  649.                     <form id="reset_captcha" name="reset_captcha" action="" class="hidden">
  650.                         <div class="input_wrapper">
  651.                             <img src="img/icon_captcha_refresh.png" id="refreshCaptcha">
  652.                             <span id="CaptchaContainer"></span>
  653.                             <span class="error_msg error help-block"></span>
  654.                         </div>
  655.                     </form>
  656.  
  657.                 </div>
  658.                 <div class="digicert_in_modal" >
  659.                     <div class=" ssl-certificate" title="Digicert EV Secure Seal">
  660.                         <div id="DigiCertClickID_CnaVctX6" data-language="en_US"> </div>
  661.                     </div>
  662.                 </div>
  663.             </div>
  664.             <div class="clearfix"></div>
  665.         </div>
  666.     </div>
  667. </div>
  668. </div>
  669.  
  670. <!-- Modal "Reset Your Password" (Security question) -->
  671. <div class="modal center fade" id="mSecurityQuestion" tabindex="-1" role="dialog" aria-labelledby="mSecurityQuestion" aria-hidden="true">
  672.     <div class="modal-dialog">
  673.         <div class="modal-content">
  674.             <div class="modal-header">
  675.                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  676.             </div>
  677.             <div class="modal-body">
  678.                 <h3>Reset Your Password</h3>
  679.                 <div class="panel_security_question">
  680.                     <p class="text-center">Answer the following question to reset your password.</p>
  681.                     <p class="security_question"><span class="sq_label">Security Question:</span> <span class="sq_question">GM’s maiden name</span></p>
  682.                     <form id="security_answer" name="security_answer" action="">
  683.                         <div class="input_wrapper">
  684.                             <input id="u_sq_answer" type="text" name="sq_answer" placeholder="Answer">
  685.                             <span class="error_msg error"> </span>
  686.                         </div>
  687.                         <div  id="submit_sa" class="text-center"><input class="btn" type="submit" value="Submit"></div>
  688.                     </form>
  689.                 </div>
  690.  
  691.                 <div class="digicert_in_modal" >
  692.                     <div class=" ssl-certificate" title="Digicert EV Secure Seal">
  693.                         <div id="DigiCertClickID_CnaVctX7" data-language="en_US"> </div>
  694.                     </div>
  695.                 </div>
  696.             </div>
  697.             <div class="clearfix"></div>
  698.         </div>
  699.     </div>
  700. </div>
  701.  
  702.  
  703. <!-- Modal "Reset Your Password" (New Password) -->
  704. <div class="modal center fade" id="mNewPassword" tabindex="-1" role="dialog" aria-labelledby="mNewPassword" aria-hidden="true">
  705.     <div class="modal-dialog">
  706.         <div class="modal-content">
  707.             <div class="modal-header">
  708.                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  709.             </div>
  710.             <div class="modal-body">
  711.                 <h3>Reset Your Password</h3>
  712.                 <div class="panel_new_password">
  713.                     <p class="new_password text-center">Select your new password and enter it below.</p>
  714.                     <form id="new_password" name="new_password" action="">
  715.                         <div class="input_wrapper">
  716.                             <input id="u_new_password" type="password" name="u_new_password" placeholder="New Password">
  717.                             <span class="error_msg"></span>
  718.                             <input id="u_new_password_confirm" type="password" name="u_new_password_confirm" placeholder="Re-enter Password">
  719.                             <span class="error_msg error"></span>
  720.                             <input id="SecurityToken" type="hidden" name="security_token" value="">
  721.                         </div>
  722.                         <div  id="submit_np" class="text-center"><input class="btn" type="submit" value="Submit"></div>
  723.                     </form>
  724.                 </div>
  725.  
  726.                 <div class="digicert_in_modal" >
  727.                     <div class=" ssl-certificate" title="Digicert EV Secure Seal">
  728.                         <div id="DigiCertClickID_CnaVctX8" data-language="en_US"> </div>
  729.                     </div>
  730.                 </div>
  731.             </div>
  732.             <div class="clearfix"></div>
  733.         </div>
  734.     </div>
  735. </div>
  736.  
  737.  
  738. <!-- Modal "Reset Your Password" (Success - Confirmation) -->
  739. <div class="modal center fade" id="mPasswordSuccess" tabindex="-1" role="dialog" aria-labelledby="mPasswordSuccess" aria-hidden="true">
  740.     <div class="modal-dialog modal-lg">
  741.         <div class="modal-content">
  742.             <div class="modal-header">
  743.                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  744.             </div>
  745.             <div class="modal-body">
  746.                 <h3>Password Successfully Reset!</h3>
  747.                 <div class="panel_password_success">
  748.                     <p class="password_success text-center">Your new password has been set.</p>
  749.                     <p class="text-center">You can also <a href="">click here to manage your account profile</a>.</p>
  750.                 </div>
  751.  
  752.                 <div class="digicert_in_modal" >
  753.                     <div class=" ssl-certificate" title="Digicert EV Secure Seal">
  754.                         <div id="DigiCertClickID_CnaVctX9" data-language="en_US"> </div>
  755.                     </div>
  756.                 </div>
  757.             </div>
  758.             <div class="clearfix"></div>
  759.         </div>
  760.     </div>
  761. </div>
  762. <!-- Modal "register" -->
  763. <div class="modal fade" id="mRegister" tabindex="-1" role="dialog" aria-labelledby="mRegister" aria-hidden="true">
  764.     <div class="modal-dialog">
  765.         <div class="modal-content">
  766.             <div class="modal-header">
  767.                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  768.             </div>
  769.             <div class="modal-body">
  770.                 <div class="register text-center">
  771.                     <h1>Register</h1>
  772.                     <p class="fs_big">If you've activated your RRSP by filling out Form&nbsp;18, or you became an AFBS Member prior to 2010, go straight to Register.</p>
  773.                     <a class="link_btn reg" href="/register">Register for Online Access</a>
  774.  
  775.                     <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&nbsp;18.</p>
  776.                     <a class="link_btn" href="/setup-profile">Set Up Your Profile</a>
  777.  
  778.                     <p class="under_age">
  779.                         <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">
  780.                             Under age 16?</a>
  781.                     </p>
  782.                 </div>
  783.             </div>
  784.             <div class="clearfix"></div>
  785.         </div>
  786.     </div>
  787. </div>
  788. <div id="mAGM" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="2015 Annual General Meeting" aria-hidden="true">
  789.       <div class="modal-dialog">
  790.         <div class="modal-content">
  791.             <div class="modal-header">
  792.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
  793.                 <h3>Our Upcoming AGM</h3>
  794.             </div>
  795.             <div class="modal-body" style="margin: 30px 6px 72px;">
  796.                 <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>
  797.             </div>
  798.         </div>
  799.       </div>
  800. </div>
  801.  
  802. <script type="text/javascript" async="" src="https://www.google-analytics.com/ga.js"></script>
  803. <script type="text/javascript">
  804.     (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  805.         (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  806.             m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  807.     })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  808.  
  809.     ga('create', 'UA-3658456-2', 'auto');
  810. </script>                </footer>
  811.             </div>
  812.         </div>
  813.         <script type="text/javascript" src="js/lib/jgestures.js"></script>
  814. <script type="text/javascript" src="js/user/login.js?v2"></script>
  815. <script type="text/javascript" src="js/jquery.validate.js"></script>
  816. <script type="text/javascript" src="js/additional-methods.min.js"></script>
  817. <script type="text/javascript" src="js/lib/moment.js"></script>
  818. <script type="text/javascript" src="js/lib/jquery.intlTelInput.js"></script>
  819.     </body>
  820. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement