
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-masked-input.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript" src="js/angular-ui-router.min.js"></script>
<script type="text/javascript" src="js/angular-animate.min.js"></script>
<script type="text/javascript" src="js/angular-sanitize.min.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="custom-js/txtify-common.js"></script>

<script type="text/javascript" src="custom-js/txtify-english-v1.js"></script> 

  
<script type="text/javascript" src="custom-js/message-sent-only-v1.js"></script>
<script type="text/javascript" src="custom-js/textarea-form-control.js"></script>


<link rel="stylesheet" href="/css/flickity.css">
<link rel="stylesheet" href="/css/txtify-common-v1.css">
<link rel="stylesheet" href="/css/advanced-textarea-v1.css">
<link rel="stylesheet" href="/css/custom-question-button-action.css">
<link rel="stylesheet" href="/css/custom-question-option-button-action.css">


<html lang="en" ng-app="myApp">
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<head> 
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Digital Ticket Experience for the Ottawa REDBLACKS">
<meta name="robots" content="no-follow">
<meta name="author" content="Eric Dewhirst">
<meta name="keywords" content="">
<meta name="http_equiv" content="">
<meta name="language" content="English">
<meta name="revisit_after" content="10 Days">
<meta name="author" content="Eric Dewhirst">
<base />
<link rel="icon" type="image/png" href="/images/client-favicons/V2-favicon-redblacks.txtify.io.png">     
<style>
family=Lato&family=Nunito+Sans:wght@300&family=Roboto:wght@100&display=swap</style>
<style type="text/css">
:root {
    --button-bg-color: #ac1f2d;  
    --button-hover-color: #000000; 
    --button-text-color: #FFFFFF;
    --button-font-size: 14px;
    --button-border-radius: 10px;
    --submit-button-background: #ac1f2d;
    --submit-button-text-color: #FFFFFF;
    --submit-button-font-size: 24px;     
    --text-color: #FFFFFF;
    --txtify-font-family: Lato, sans-serif;;
    --footer-text-color: #191919;
    --txtify-progress-color: #006600;
    --txtify-progress-bar-color: #00CC00;
    --copyright-background-color: ;
    --jumbotron-background-image: url("/images/background-images/V25-bg-redblacks.txtify.png");
    --jumbotron-background-position: center;
    --txtify-jumbotron-background-color: ;

    --btnCustomTextColorQ1: ;      
    --btnCustomBackgroundQ1: ;
    --btnCustomBackgroundQ1_hover: ;
    --btnCustomBorderRadiusQ1: 5px;
    --btnCustomDefaultFontSizeQ1: ; 

    --btnCustomTextColorQ2: ;      
    --btnCustomBackgroundQ2: ;
    --btnCustomBackgroundQ2_hover: ;
    --btnCustomBorderRadiusQ2: 5px;
    --btnCustomDefaultFontSizeQ2: ;     

    --btnCustomTextColorQ3: #FFFFFF;      
    --btnCustomBackgroundQ3: #ac1f2d;
    --btnCustomBackgroundQ3_hover: #000000;
    --btnCustomBorderRadiusQ3: 5px;
    --btnCustomDefaultFontSizeQ3: ;     

    --btnCustomTextColorQ4: ;      
    --btnCustomBackgroundQ4: ;
    --btnCustomBackgroundQ4_hover: ;
    --btnCustomBorderRadiusQ4: 5px;
    --btnCustomDefaultFontSizeQ4: ;     

 
    --btnCustomTextColorQ8: ;      
    --btnCustomBackgroundQ8: ;
    --btnCustomBackgroundQ8_hover: ;
    --btnCustomBorderRadiusQ8: 5px;
    --btnCustomDefaultFontSizeQ8: ;     

    --btnCustomTextColorQ9: ;      
    --btnCustomBackgroundQ9: ;
    --btnCustomBackgroundQ9_hover: ;
    --btnCustomBorderRadiusQ9: 5px;
    --btnCustomDefaultFontSizeQ9: ;     

    --btnCustomTextColorQ10: ;      
    --btnCustomBackgroundQ10: ;
    --btnCustomBackgroundQ10_hover: ;
    --btnCustomBorderRadiusQ10: 5px;
    --btnCustomDefaultFontSizeQ10: ;     

    --btnCustomTextColorQ11: ;      
    --btnCustomBackgroundQ11: ;
    --btnCustomBackgroundQ11_hover: ;
    --btnCustomBorderRadiusQ11: 5px;
    --btnCustomDefaultFontSizeQ11: ;     

 
    --btnCustomTextColorQ1_Option1: ;      
    --btnCustomBackgroundQ1_Option1: ;
    --btnCustomBackgroundQ1_Option1_hover: ; 
    --btnCustomTextColorQ1_Option2: ;      
    --btnCustomBackgroundQ1_Option2: ;
    --btnCustomBackgroundQ1_Option2_hover: ; 
 
 
    --btnCustomTextColorQ3_Option1: ;      
    --btnCustomBackgroundQ3_Option1: ;
    --btnCustomBackgroundQ3_Option1_hover: ; 
    --btnCustomTextColorQ3_Option2: ;      
    --btnCustomBackgroundQ3_Option2: ;
    --btnCustomBackgroundQ3_Option2_hover: ; 
    --btnCustomTextColorQ3_Option3: ;      
    --btnCustomBackgroundQ3_Option3: ;
    --btnCustomBackgroundQ3_Option3_hover: ; 
    --btnCustomTextColorQ3_Option4: ;      
    --btnCustomBackgroundQ3_Option4: ;
    --btnCustomBackgroundQ3_Option4_hover: ; 
    --btnCustomTextColorQ3_Option5: ;      
    --btnCustomBackgroundQ3_Option5: ;
    --btnCustomBackgroundQ3_Option5_hover: ; 
    --btnCustomTextColorQ3_Option6: ;      
    --btnCustomBackgroundQ3_Option6: ;
    --btnCustomBackgroundQ3_Option6_hover: ; 
    --btnCustomTextColorQ3_Option7: ;      
    --btnCustomBackgroundQ3_Option7: ;
    --btnCustomBackgroundQ3_Option7_hover: ; 
    --btnCustomTextColorQ3_Option8: ;      
    --btnCustomBackgroundQ3_Option8: ;
    --btnCustomBackgroundQ3_Option8_hover: ; 
    --btnCustomTextColorQ3_Option9: ;      
    --btnCustomBackgroundQ3_Option9: ;
    --btnCustomBackgroundQ3_Option9_hover: ; 
    --btnCustomTextColorQ3_Option10: #000000;      
    --btnCustomBackgroundQ3_Option10: #FFFFFF;
    --btnCustomBackgroundQ3_Option10_hover: #ac1f2d; 
 
     --btnCustomTextColorQ4_Option1: ;      
    --btnCustomBackgroundQ4_Option1: ;
    --btnCustomBackgroundQ4_Option1_hover: ; 
    --btnCustomTextColorQ4_Option2: ;      
    --btnCustomBackgroundQ4_Option2: ;
    --btnCustomBackgroundQ4_Option2_hover: ; 
    --btnCustomTextColorQ4_Option3: ;      
    --btnCustomBackgroundQ4_Option3: ;
    --btnCustomBackgroundQ4_Option3_hover: ; 
    --btnCustomTextColorQ4_Option4: ;      
    --btnCustomBackgroundQ4_Option4: ;
    --btnCustomBackgroundQ4_Option4_hover: ; 
    --btnCustomTextColorQ4_Option5: ;      
    --btnCustomBackgroundQ4_Option5: ;
    --btnCustomBackgroundQ4_Option5_hover: ; 
    --btnCustomTextColorQ4_Option6: #000000;      
    --btnCustomBackgroundQ4_Option6: #FFFFFF;
    --btnCustomBackgroundQ4_Option6_hover: #ac1f2d; 
 
 
     --btnCustomTextColorQ8_Option1: ;      
    --btnCustomBackgroundQ8_Option1: ;
    --btnCustomBackgroundQ8_Option1_hover: ; 
    --btnCustomTextColorQ8_Option2: ;      
    --btnCustomBackgroundQ8_Option2: ;
    --btnCustomBackgroundQ8_Option2_hover: ; 
    --btnCustomTextColorQ8_Option3: ;      
    --btnCustomBackgroundQ8_Option3: ;
    --btnCustomBackgroundQ8_Option3_hover: ; 
    --btnCustomTextColorQ8_Option4: #000000;      
    --btnCustomBackgroundQ8_Option4: #FFFFFF;
    --btnCustomBackgroundQ8_Option4_hover: #ac1f2d; 
 
 
     --btnCustomTextColorQ9_Option1: ;      
    --btnCustomBackgroundQ9_Option1: ;
    --btnCustomBackgroundQ9_Option1_hover: ; 
    --btnCustomTextColorQ9_Option2: ;      
    --btnCustomBackgroundQ9_Option2: ;
    --btnCustomBackgroundQ9_Option2_hover: ; 
    --btnCustomTextColorQ9_Option3: ;      
    --btnCustomBackgroundQ9_Option3: ;
    --btnCustomBackgroundQ9_Option3_hover: ; 
    --btnCustomTextColorQ9_Option4: ;      
    --btnCustomBackgroundQ9_Option4: ;
    --btnCustomBackgroundQ9_Option4_hover: ; 
    --btnCustomTextColorQ9_Option5: ;      
    --btnCustomBackgroundQ9_Option5: ;
    --btnCustomBackgroundQ9_Option5_hover: ; 
    --btnCustomTextColorQ9_Option6: ;      
    --btnCustomBackgroundQ9_Option6: ;
    --btnCustomBackgroundQ9_Option6_hover: ; 
    --btnCustomTextColorQ9_Option7: ;      
    --btnCustomBackgroundQ9_Option7: ;
    --btnCustomBackgroundQ9_Option7_hover: ; 
    --btnCustomTextColorQ9_Option8: ;      
    --btnCustomBackgroundQ9_Option8: ;
    --btnCustomBackgroundQ9_Option8_hover: ; 
    --btnCustomTextColorQ9_Option9: #000000;      
    --btnCustomBackgroundQ9_Option9: #FFFFFF;
    --btnCustomBackgroundQ9_Option9_hover: #ac1f2d; 
 
 
     --btnCustomTextColorQ10_Option1: ;      
    --btnCustomBackgroundQ10_Option1: ;
    --btnCustomBackgroundQ10_Option1_hover: ; 
    --btnCustomTextColorQ10_Option2: ;      
    --btnCustomBackgroundQ10_Option2: ;
    --btnCustomBackgroundQ10_Option2_hover: ; 
    --btnCustomTextColorQ10_Option3: ;      
    --btnCustomBackgroundQ10_Option3: ;
    --btnCustomBackgroundQ10_Option3_hover: ; 
    --btnCustomTextColorQ10_Option4: ;      
    --btnCustomBackgroundQ10_Option4: ;
    --btnCustomBackgroundQ10_Option4_hover: ; 
    --btnCustomTextColorQ10_Option5: ;      
    --btnCustomBackgroundQ10_Option5: ;
    --btnCustomBackgroundQ10_Option5_hover: ; 
    --btnCustomTextColorQ10_Option6: #000000;      
    --btnCustomBackgroundQ10_Option6: #FFFFFF;
    --btnCustomBackgroundQ10_Option6_hover: #ac1f2d; 
 
 
     --btnCustomTextColorQ11_Option1: ;      
    --btnCustomBackgroundQ11_Option1: ;
    --btnCustomBackgroundQ11_Option1_hover: ; 
    --btnCustomTextColorQ11_Option2: ;      
    --btnCustomBackgroundQ11_Option2: ;
    --btnCustomBackgroundQ11_Option2_hover: ; 
    --btnCustomTextColorQ11_Option3: ;      
    --btnCustomBackgroundQ11_Option3: ;
    --btnCustomBackgroundQ11_Option3_hover: ; 
    --btnCustomTextColorQ11_Option4: ;      
    --btnCustomBackgroundQ11_Option4: ;
    --btnCustomBackgroundQ11_Option4_hover: ; 
    --btnCustomTextColorQ11_Option5: ;      
    --btnCustomBackgroundQ11_Option5: ;
    --btnCustomBackgroundQ11_Option5_hover: ; 
    --btnCustomTextColorQ11_Option6: #000000;      
    --btnCustomBackgroundQ11_Option6: #FFFFFF;
    --btnCustomBackgroundQ11_Option6_hover: #ac1f2d; 
 
 
 }
.jumbotron{
    background: var(--jumbotron-background-image);
    background-position: var(--jumbotron-background-position);
    width:100%;
    min-height:500px;
    margin:0 auto;
    padding-top:0px;
    padding:15px 15px;
    margin-bottom:100px;
    color:inherit;
    background-color:#eee;
    text-align:center;
    position:relative;
    background-size:cover;
    background-repeat:no-repeat}
</style>
<style type="text/css">
 

.btnQ2_Option4 {background-color:var(--btnCustomBackgroundQ2_Option4);color:var(--btnCustomTextColorQ2_Option4);}
.btnQ2_Option4 a{background-color:var(--btnCustomBackgroundQ2_Option4);color:var(--btnCustomTextColorQ2_Option4);}
.btnQ2_Option4:hover{background-color:var(--btnCustomBackgroundQ2_Option4_hover);} 
 
 
.btnQ3_Option10 {background-color:var(--btnCustomBackgroundQ3_Option10);color:var(--btnCustomTextColorQ3_Option10);}
.btnQ3_Option10 a{background-color:var(--btnCustomBackgroundQ3_Option10);color:var(--btnCustomTextColorQ3_Option10);}
.btnQ3_Option10:hover{background-color:var(--btnCustomBackgroundQ3_Option10_hover);} 
 
 
.btnQ4_Option6 {background-color:var(--btnCustomBackgroundQ4_Option6);color:var(--btnCustomTextColorQ4_Option6);}
.btnQ4_Option6 a{background-color:var(--btnCustomBackgroundQ4_Option6);color:var(--btnCustomTextColorQ4_Option6);}
.btnQ4_Option6:hover{background-color:var(--btnCustomBackgroundQ4_Option6_hover);} 
 
 
.btnQ8_Option4 {background-color:var(--btnCustomBackgroundQ8_Option4);color:var(--btnCustomTextColorQ8_Option4);}
.btnQ8_Option4 a{background-color:var(--btnCustomBackgroundQ8_Option4);color:var(--btnCustomTextColorQ8_Option4);}
.btnQ8_Option4:hover{background-color:var(--btnCustomBackgroundQ8_Option4_hover);} 
 
 
.btnQ9_Option9 {background-color:var(--btnCustomBackgroundQ9_Option9);color:var(--btnCustomTextColorQ9_Option9);}
.btnQ9_Option9 a{background-color:var(--btnCustomBackgroundQ9_Option9);color:var(--btnCustomTextColorQ9_Option9);}
.btnQ9_Option9:hover{background-color:var(--btnCustomBackgroundQ9_Option9_hover);} 
 
 
.btnQ10_Option6 {background-color:var(--btnCustomBackgroundQ10_Option6);color:var(--btnCustomTextColorQ10_Option6);}
.btnQ10_Option6 a{background-color:var(--btnCustomBackgroundQ10_Option6);color:var(--btnCustomTextColorQ10_Option6);}
.btnQ10_Option6:hover{background-color:var(--btnCustomBackgroundQ10_Option6_hover);} 
 
 
.btnQ11_Option6 {background-color:var(--btnCustomBackgroundQ11_Option6);color:var(--btnCustomTextColorQ11_Option6);}
.btnQ11_Option6 a{background-color:var(--btnCustomBackgroundQ11_Option6);color:var(--btnCustomTextColorQ11_Option6);}
.btnQ11_Option6:hover{background-color:var(--btnCustomBackgroundQ11_Option6_hover);} 
 
 
</style></head>
<title>Ottawa REDBLACKS Digital Ticket Experience</title><!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-M69N2NZ');</script>
<!-- End Google Tag Manager --></head>
<body ng-controller="mainCtrl"><!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M69N2NZ"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) --><div class="" style="position:absolute; width:100%; margin:0 auto; z-index:20;">
	<nav>
        <div>
            <a href="javascript:history.go(0)">
                <img class="header-logo-square-no-shadowbox-240"
                src="/images/client-logos/V11-logo-redblacks.txtify.io.png" />
            </a>
        </div>
    </nav>
</div>


<div class="jumbotron">
	<div class="container">
        <form 
        	method="post" 
        	id="txtify_main_form" 
        	name="txtify_main_form" 
        	ng-submit="" 
        	class="ng-pristine ng-invalid ng-invalid-required" 
        	style="display:inline;">
                <input type="hidden" id="nin" name="nin" value="">
                <input type="hidden" id="ua" name="ua" value="CCBot/2.0 (https://commoncrawl.org/faq/)">
                <input type="hidden" id="ra" name="ra" value="44.222.134.250">                
                <input type="hidden" id="sid" name="sid" value="705501bdb2ab656c431a0e3cf27af034">
                <input type="hidden" name="utm_source" id="utm_source" value="">
                <input type="hidden" name="utm_medium" id="utm_medium" value="">
                <input type="hidden" name="utm_campaign" id="utm_campaign" value="">
                <input type="hidden" name="utm_content" id="utm_content" value="">
                <input type="hidden" name="utm_term" id="utm_term" value="">


<div id="call-to-action" class="part1" ng-class="{forward: direction, backward: !direction}">
    <div id="form-views" ui-view="" class="ng-scope" style="">
        <div class="shadow-box ng-scope shadowBoxWidth">
            <div id="div1">
            <h1></h1>
            <h2><br><br>Did you have Full Season-Seats OR a Flex Package (2 or 3 game pack) during the 2022 season?</h2>
            <div id="html_top">
                
            </div>
            </div>
            <div class="form-group row">
                <input 
                type="hidden" 
                id="Q1" 
                name="Q1" 
                value="" />
                <div class="col-xs-10 col-xs-offset-1 col-sm-6 col-sm-offset-3 col-md-6 col-md-offset-3">
                    <div class="button-row"> 

    
            <div class="progress">
                <div 
                    class="progress-bar progress-bar-striped progress-bar-animated" 
                    role="progressbar"
                    style="width:20%">
                </div>
            </div>
 

<a data-showpart="2" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q1','Yes');">                        
Yes</a>
<a data-showpart="8" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q1','No');">                        
No</a>


</div>
<h3></h3>

</div>
</div>
</div>
</div>
</div>  

<div id="call-to-action" class="part2" ng-class="{forward: direction, backward: !direction}">
    <div id="form-views" ui-view="" class="ng-scope" style="">
        <div class="shadow-box ng-scope shadowBoxWidth">
            <div id="div1">
            <h1><br><br><br>In an ideal world, how many home games would you attend in person in 2023?</h1>
            <h2></h2>
            <div id="html_top">
                
            </div>
            </div>
            <div class="form-group row">
                <input 
                type="hidden" 
                id="Q2" 
                name="Q2" 
                value="" />
                <div class="col-xs-10 col-xs-offset-1 col-sm-6 col-sm-offset-3 col-md-6 col-md-offset-3">
                    <div class="button-row"> 

    
            <div class="progress">
                <div 
                    class="progress-bar progress-bar-striped progress-bar-animated" 
                    role="progressbar"
                    style="width:65%">
                </div>
            </div>
 

<a data-showpart="3" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q2','1-2');">                        
1-2</a>
<a data-showpart="3" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q2','3-4');">                        
3-4</a>
<a data-showpart="3" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q2','5+');">                        
5+</a>
<a data-showpart="1" class="btn  btnQ3_Option9 btn-block btnStart" onClick="topFunction(), setValue('Q2','Back to beginning');">                        
Back to beginning</a>


</div>
<h3></h3>

</div>
</div>
</div>
</div>
</div>  

<div id="call-to-action" class="part3" ng-class="{forward: direction, backward: !direction}">
    <div id="form-views" ui-view="" class="ng-scope" style="">
        <div class="shadow-box ng-scope shadowBoxWidth">
            <div id="div1">
            <h1><br><br><br><br>Other than the REDBLACKS, which CFL team would you like to see play in Ottawa next season?</h1>
            <h2></h2>
            <div id="html_top">
                
            </div>
            </div>
            <div class="form-group row">
                <input 
                type="hidden" 
                id="Q3" 
                name="Q3" 
                value="" />
                <div class="col-xs-10 col-xs-offset-1 col-sm-6 col-sm-offset-3 col-md-6 col-md-offset-3">
                    <div class="button-row"> 

    
            <div class="progress">
                <div 
                    class="progress-bar progress-bar-striped progress-bar-animated" 
                    role="progressbar"
                    style="width:75%">
                </div>
            </div>
 

<a data-showpart="4" class="btn   btn-block btnStart" onClick="4topFunction(), setValue('Q3','Continue...');">                        
Continue...</a>
<a data-showpart="4" class="btn   btn-block btnStart" onClick="4topFunction(), setValue('Q3','BC Lions');">                        
<img class='btnimgOnTopBottomShadow' src='/images/pick-and-click-icons/bcl.png'> BC Lions</a>
<a data-showpart="4" class="btn   btn-block btnStart" onClick="4topFunction(), setValue('Q3','Calgary Stampeders');">                        
<img class='btnimgOnTopBottomShadow' src='/images/pick-and-click-icons/cs.png'> Calgary Stampeders</a>
<a data-showpart="4" class="btn   btn-block btnStart" onClick="4topFunction(), setValue('Q3','Edmonton Elks');">                        
<img class='btnimgOnTopBottomShadow' src='/images/pick-and-click-icons/ee.png'> Edmonton Elks</a>
<a data-showpart="4" class="btn   btn-block btnStart" onClick="4topFunction(), setValue('Q3','Saskatchewan Roughriders');">                        
<img class='btnimgOnTopBottomShadow' src='/images/pick-and-click-icons/srr.png'> Saskatchewan Roughriders</a>
<a data-showpart="4" class="btn   btn-block btnStart" onClick="4topFunction(), setValue('Q3','Winnipeg Blue Bombers');">                        
<img class='btnimgOnTopBottomShadow' src='/images/pick-and-click-icons/wbb.png'> Winnipeg Blue Bombers</a>
<a data-showpart="4" class="btn   btn-block btnStart" onClick="4topFunction(), setValue('Q3','Hamilton Tiger-Cats');">                        
<img class='btnimgOnTopBottomShadow' src='/images/pick-and-click-icons/htc.png'> Hamilton Tiger-Cats</a>
<a data-showpart="4" class="btn   btn-block btnStart" onClick="4topFunction(), setValue('Q3','Toronto Argonauts');">                        
<img class='btnimgOnTopBottomShadow' src='/images/pick-and-click-icons/ta.png'> Toronto Argonauts</a>
<a data-showpart="4" class="btn   btn-block btnStart" onClick="4topFunction(), setValue('Q3','Montreal Alouettes');">                        
<img class='btnimgOnTopBottomShadow' src='/images/pick-and-click-icons/ma.png'> Montreal Alouettes</a>
<a data-showpart="1" class="btn  btnQ3_Option10 btn-block btnStart" onClick="topFunction(), setValue('Q3','Back to beginning');">                        
Back to beginning</a>


</div>
<h3></h3>

</div>
</div>
</div>
</div>
</div>  

<div id="call-to-action" class="part4" ng-class="{forward: direction, backward: !direction}">
    <div id="form-views" ui-view="" class="ng-scope" style="">
        <div class="shadow-box ng-scope shadowBoxWidth">
            <div id="div1">
            <h1><br><br><br>What is your favourite part of the Ottawa REDBLACKS gameday experience?</h1>
            <h2></h2>
            <div id="html_top">
                
            </div>
            </div>
            <div class="form-group row">
                <input 
                type="hidden" 
                id="Q4" 
                name="Q4" 
                value="" />
                <div class="col-xs-10 col-xs-offset-1 col-sm-6 col-sm-offset-3 col-md-6 col-md-offset-3">
                    <div class="button-row"> 

 
<a data-showpart="107" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q4','Football Action / Winning');">                        
Football Action / Winning</a>
<a data-showpart="107" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q4','Food & Drink');">                        
Food & Drink</a>
<a data-showpart="107" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q4','Atmosphere');">                        
Atmosphere</a>
<a data-showpart="107" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q4','RNation Community');">                        
RNation Community</a>
<a data-showpart="107" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q4','Affordable Fun');">                        
Affordable Fun</a>
<a data-showpart="1" class="btn  btnQ4_Option6 btn-block btnStart" onClick="topFunction(), setValue('Q4','Back to beginning');">                        
Back to beginning</a>


</div>
<h3></h3>

</div>
</div>
</div>
</div>
</div>  


<div id="call-to-action" class="part8" ng-class="{forward: direction, backward: !direction}">
    <div id="form-views" ui-view="" class="ng-scope" style="">
        <div class="shadow-box ng-scope shadowBoxWidth">
            <div id="div1">
            <h1><br><br><br>(P2)-In an ideal world, how many home games would you attend in person in 2023?</h1>
            <h2></h2>
            <div id="html_top">
                
            </div>
            </div>
            <div class="form-group row">
                <input 
                type="hidden" 
                id="Q8" 
                name="Q8" 
                value="" />
                <div class="col-xs-10 col-xs-offset-1 col-sm-6 col-sm-offset-3 col-md-6 col-md-offset-3">
                    <div class="button-row"> 

    
            <div class="progress">
                <div 
                    class="progress-bar progress-bar-striped progress-bar-animated" 
                    role="progressbar"
                    style="width:25%">
                </div>
            </div>
 

<a data-showpart="9" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q8','1-2');">                        
1-2</a>
<a data-showpart="9" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q8','3-4');">                        
3-4</a>
<a data-showpart="9" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q8','5+');">                        
5+</a>
<a data-showpart="1" class="btn  btnQ8_Option4 btn-block btnStart" onClick="topFunction(), setValue('Q8','Back to beginning');">                        
Back to beginning</a>


</div>
<h3></h3>

</div>
</div>
</div>
</div>
</div>  

<div id="call-to-action" class="part9" ng-class="{forward: direction, backward: !direction}">
    <div id="form-views" ui-view="" class="ng-scope" style="">
        <div class="shadow-box ng-scope shadowBoxWidth">
            <div id="div1">
            <h1><br><br><br>(P2)-Other than the REDBLACKS, which CFL team would you like to see play in Ottawa next season?</h1>
            <h2></h2>
            <div id="html_top">
                
            </div>
            </div>
            <div class="form-group row">
                <input 
                type="hidden" 
                id="Q9" 
                name="Q9" 
                value="" />
                <div class="col-xs-10 col-xs-offset-1 col-sm-6 col-sm-offset-3 col-md-6 col-md-offset-3">
                    <div class="button-row"> 

    
            <div class="progress">
                <div 
                    class="progress-bar progress-bar-striped progress-bar-animated" 
                    role="progressbar"
                    style="width:50%">
                </div>
            </div>
 

<a data-showpart="10" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q9','BC Lions');">                        
<img class='btnimgOnTopBottomShadow' src='/images/pick-and-click-icons/bcl.png'> BC Lions</a>
<a data-showpart="10" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q9','Calgary Stampeders');">                        
<img class='btnimgOnTopBottomShadow' src='/images/pick-and-click-icons/cs.png'> Calgary Stampeders</a>
<a data-showpart="10" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q9','Edmonton Elks');">                        
<img class='btnimgOnTopBottomShadow' src='/images/pick-and-click-icons/ee.png'> Edmonton Elks</a>
<a data-showpart="10" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q9','Saskatchewan Roughriders');">                        
<img class='btnimgOnTopBottomShadow' src='/images/pick-and-click-icons/srr.png'> Saskatchewan Roughriders</a>
<a data-showpart="10" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q9','Winnipeg Blue Bombers');">                        
<img class='btnimgOnTopBottomShadow' src='/images/pick-and-click-icons/wbb.png'> Winnipeg Blue Bombers</a>
<a data-showpart="10" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q9','Hamilton Tiger-Cats');">                        
<img class='btnimgOnTopBottomShadow' src='/images/pick-and-click-icons/htc.png'> Hamilton Tiger-Cats</a>
<a data-showpart="10" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q9','Toronto Argonauts');">                        
<img class='btnimgOnTopBottomShadow' src='/images/pick-and-click-icons/ta.png'> Toronto Argonauts</a>
<a data-showpart="10" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q9','Montreal Alouettes');">                        
<img class='btnimgOnTopBottomShadow' src='/images/pick-and-click-icons/ma.png'> Montreal Alouettes</a>
<a data-showpart="1" class="btn  btnQ9_Option9 btn-block btnStart" onClick="topFunction(), setValue('Q9','Back to beginning');">                        
Back to beginning</a>


</div>
<h3></h3>

</div>
</div>
</div>
</div>
</div>  

<div id="call-to-action" class="part10" ng-class="{forward: direction, backward: !direction}">
    <div id="form-views" ui-view="" class="ng-scope" style="">
        <div class="shadow-box ng-scope shadowBoxWidth">
            <div id="div1">
            <h1><br><br><br>(P2)-What is your favourite part of the Ottawa REDBLACKS gameday experience?</h1>
            <h2></h2>
            <div id="html_top">
                
            </div>
            </div>
            <div class="form-group row">
                <input 
                type="hidden" 
                id="Q10" 
                name="Q10" 
                value="" />
                <div class="col-xs-10 col-xs-offset-1 col-sm-6 col-sm-offset-3 col-md-6 col-md-offset-3">
                    <div class="button-row"> 

    
            <div class="progress">
                <div 
                    class="progress-bar progress-bar-striped progress-bar-animated" 
                    role="progressbar"
                    style="width:85%">
                </div>
            </div>
 

<a data-showpart="11" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q10','Football Action / Winning');">                        
Football Action / Winning</a>
<a data-showpart="11" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q10','Food & Drink');">                        
Food & Drink</a>
<a data-showpart="11" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q10','Atmosphere');">                        
Atmosphere</a>
<a data-showpart="11" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q10','RNation Community');">                        
RNation Community</a>
<a data-showpart="11" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q10','Affordable Fun');">                        
Affordable Fun</a>
<a data-showpart="1" class="btn  btnQ10_Option6 btn-block btnStart" onClick="topFunction(), setValue('Q10','Back to beginning');">                        
Back to beginning</a>


</div>
<h3></h3>

</div>
</div>
</div>
</div>
</div>  

<div id="call-to-action" class="part11" ng-class="{forward: direction, backward: !direction}">
    <div id="form-views" ui-view="" class="ng-scope" style="">
        <div class="shadow-box ng-scope shadowBoxWidth">
            <div id="div1">
            <h1><br><br><br>(P2)-Which ticket package would you be most interested in?</h1>
            <h2></h2>
            <div id="html_top">
                
            </div>
            </div>
            <div class="form-group row">
                <input 
                type="hidden" 
                id="Q11" 
                name="Q11" 
                value="" />
                <div class="col-xs-10 col-xs-offset-1 col-sm-6 col-sm-offset-3 col-md-6 col-md-offset-3">
                    <div class="button-row"> 

    
            <div class="progress">
                <div 
                    class="progress-bar progress-bar-striped progress-bar-animated" 
                    role="progressbar"
                    style="width:100%">
                </div>
            </div>
 

<a data-showpart="107" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q11','Full Season');">                        
Full Season</a>
<a data-showpart="107" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q11','Flex Package');">                        
Flex Package</a>
<a data-showpart="107" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q11','A group outing');">                        
A group outing</a>
<a data-showpart="107" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q11','A promotion for a single game option');">                        
A promotion for a single game option</a>
<a data-showpart="107" class="btn   btn-block btnStart" onClick="topFunction(), setValue('Q11','A package customized for my business needs');">                        
A package customized for my business needs</a>
<a data-showpart="1" class="btn  btnQ11_Option6 btn-block btnStart" onClick="topFunction(), setValue('Q11','Back to beginning');">                        
Back to beginning</a>


</div>
<h3></h3>

</div>
</div>
</div>
</div>
</div>  


<div id="call-to-action" class="part107 forward" ng-class="{forward: direction, backward: !direction}" style="">
    <div id="form-views" ui-view="" class="ng-scope" style="">
        <div class="no-shadow-box-custom ng-scope shadowBoxWidth">
        <h1><br><br><br><br><br><br><br><br>ALL SET!<br>How can we reach you?</h1>     
            <div id="form">
                <div class="form-row">
                    <div class="form-element">                                               <div class="inputLabel">Your Full Name</div>
                        <input 
                            type="text" 
                            size="30" 
                            class="form-control" 
                            id="name_name_email_sms" 
                            name="name_name_email_sms" 
                            required
                            placeholder="Your Full Name" 
                            > 


                        <div class="inputLabel">Email</div>
                        <input 
                            type="text" 
                            size="20" 
                            class="form-control email ng-pristine ng-untouched ng-invalid ng-invalid-required ng-valid-pattern" 
                            id="email" 
                            name="email" 
                            placeholder="Email@mail.com" 
                            >

                        <div class="inputLabel">Phone Number</div>
                        <input 
                           class="form-control" 
                            id="phone" 
                            name="phone" 
                            
                            
                            required="required" 
                            placeholder="Mobile # Please">
                            Outside North America?<br>
                            Add Country Code + Mobile #
                            <br>


                    <div id="txtify_main_formDIV">
                        <input 
                            id="terms_and_conditions_name_email_sms"
                            value="1" 
                            type="checkbox" 
                            class="form-control-checkbox" 
                            required name="terms">
                                    <label for="terms_and_conditions_name_email_sms">Yes, I have read and agree to the <a style="color:white;" href="https://www.ottawaredblacks.com/terms-and-conditions/">Official Rules</a>.
                                    </label>
                    </div>

<script type="text/javascript">
//Add a JQuery click event handler onto our checkbox.
$('#terms_and_conditions_name_email_sms').click(function(){
    //If the checkbox is checked.
    if($(this).is(':checked')){
        //Enable the submit button.
        $('#submit_button_name_email_sms').attr("disabled", false);
    } else{
        //If it is not checked, disable the button.
        $('#submit_button_name_email_sms').attr("disabled", true);
    }
});    
</script>

  
                    <div id="txtify_main_formDIV">
                        <input 
                            id="opt_in_for_contact_name_email_sms" 
                            type="checkbox" 
                            value="0" 
                            class="form-control-checkbox" 
                            name="opt_in_for_contact_name_email_sms"
                            onchange="document.getElementById('opt_in_for_contact_name_email_sms').value = this.checked ? 1 : 0">
                                    <label for="opt_in_for_contact_name_email_sms">I agree to receive Ottawa REDBLACKS Insider electronic messages with exclusive benefits such as pre-sales, newsletters, contests and more. (optional)

                                    </label>
                    </div>
  
                        <div class="form-row">
                            <button 
                                style="margin-left: 0;" 
                                type="submit"
                                id="submit_button_name_email_sms"                                                               disabled                                class="form_button_submit_v1"  
                                onClick="topFunction(), callAfterSubmit();">
                                Submit
                            </button>
                    
 
        </ul>
</div>      


                </div>
            </div>

        </div>

    </div>
</div>
</div>  
</div>  

 
            <div id="call-to-action" class="part110 forward" id="submit-success" ng-class="{forward: direction, backward: !direction}" style="">

                <div id="form-views" ui-view="" class="ng-scope" style="">

                    <div class="shadow-box ng-scope shadowBoxWidth">
                        <h1 id="thanks_hide" style="margin-bottom:20px;"><br><br><br>Thank you for your answers! We will be in touch shortly!</h1>
                        <ul class="txtify" style="list-style:none; padding-left:0px;">
                            <li> 
                                <div style="float:left;">
                                    <img src="/images/system-images/red-checkmark.png" 
                                    alt="" 
                                    title="" 
                                    width="20px" 
                                    height="20px" 
                                    style="display:inline-block; margin-right:20px;">
                                </div> 
                                <div>
                                    <h3>We cannot wait to see you back at TD Place</h3>
                                </div>
                            </li>
                            
                            <li> 
                                <div style="float:left;">
                                    <img src="/images/system-images/red-checkmark.png" 
                                    alt="" 
                                    title="" 
                                    width="20px" 
                                    height="20px" 
                                    style="display:inline-block; margin-right:20px;">
                                </div> 
                                <div>
                                    <h3>Thanks for Entering!</h3>
                                </div>
                            </li>
                            
                            <li> 
                                <div style="float:left;">
                                    <img src="/images/system-images/red-checkmark.png" 
                                    alt="" 
                                    title="" 
                                    width="20px" 
                                    height="20px" 
                                    style="display:inline-block; margin-right:20px;">
                                </div> 
                                <div>
                                    <h3></h3>
                                </div>
                            </li>
                        </ul>
                        
                        <div class="form-row">


                            <div id="progressbar1"></div>


                        </div>
 
                         
                    </div>

                </div>

            </div>             
                        <div id="call-to-action" class="part115 forward" ng-class="{forward: direction, backward: !direction}" style="">

                <div id="form-views" ui-view="" class="ng-scope" style="">

                    <div class="shadow-box ng-scope shadowBoxWidth">

  
                        <h1><br><br><br><br>While you’re here, check out our Flex Packages and Season-Seat options.<br><br><br></h1>
                        <h2><br><a style="color:lightblue"; href="https://www.ottawaredblacks.com/tickets/">Click Here</a></h2> 
                      

                    </div>

                </div>

            </div>
            </form>

        </div>

    </div>


	<div class="QR-Code">
	<a href="javascript:history.go(0)"><img src="/images/qrcodes/QR-Code-redblacks.txtify.io.png"></a>
	</div>
    
<div id="copyright">
    <div class="inner">
        <div class="logo" id="logo">
            Ottawa REDBLACKS <br>
            1015 Bank St, Ottawa, ON K1S 3W7<br>
                        <a href="https://www.ottawaredblacks.com/" target="_top">www.ottawaredblacks.com</a> <br>
            <a href="tel:+1"></a> 
            <a href="mailto:" target="_top"></a>
            <br />
        </div>
        <div class="right">
            <a href="https://txtify.io" target="txtify">Powered by: <img src="/images/system-images/TxtifyLogoV2.svg" alt="Powered by Txtify" height="20px"></a><br><br><br><a href="/terms-and-conditions.php">Terms of Service</a>        </div>
    </div>
</div>
<script type="text/javascript">

$( function() {
    $( "#progressbar1" ).progressbar({
        value: 10
    });
} );
    
$(function () {
    $.mask.definitions['~'] = '[2-9]';
    $(".phone").mask("?(~99) 999-9999");
    for (var i = 2; i < 1000; i++) {
        var partName = "part" + i;
        $('.' + partName).hide();
    }
    $('.btnStart').unbind('click');
    $('.btnStart').bind('click', function () {
        var showpart = parseInt($(this).data('showpart'));
        if (showpart == 2) {
            $('html, body').animate({
                scrollTop: 0
            }, 800);
        }
        for (var i = 1; i < 1000; i++) {
            var partName = "part" + i;
            if (i != showpart)
            {
                $('.' + partName).hide();
            }
            else
            {
                $('.' + partName).show();
            }
        }
    });
});


function setValue(fld, vals) {
        $("#" + fld).val(vals);
}
</script>  

</body>
</html>