<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,600,700,800" rel="stylesheet">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6" style="padding:2.5px 5px 2.5px 5px;">
<div class="col-xs-12 hero-bg1" style="padding:0;">
<div id="openModal1" class="col-xs-12 modalDialog">
<div><a href="#close" title="Close" class="close">x</a>
<h1>Promotional Information</h1>
<h2>Skiwear 50% OFF</h2>
<p>Shop select styles for Men's, Women's and Children's. While supplies last. Discount taken off last selling price. Cannot be combined with any other offers. Excludes Black Label and Gift Cards.</p>
</div>
</div>
<div class="bg-overlay1"></div>
<div class="hero-content">
<h1 class="hero-title">Canada Goose</h1>
<h2 class="hero-caption">spring styles have arrived</h2>
<a style="text-decoration: none;" href="https://www.sportinglife.ca/b/canada-goose" target="_blank"><button class="button button-black">SHOP NOW</button></a>
<center><a href="#openModal1" class="exclusions">*some exclusions apply, click here for full details.</a></center>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6" style="padding:2.5px 5px 2.5px 5px;">
<div class="col-xs-12 hero-bg2"style="padding:0;">
<div id="openModal2" class="col-xs-12 modalDialog">
<div><a href="#close" title="Close" class="close">x</a>
<h1>Promotional Information</h1>
<h2>Outerwear 50% OFF</h2>
<p>Shop select styles for Men's, Women's and Children's. While supplies last. Discount taken off last selling price. Cannot be combined with any other offers. Excludes Black Label and Gift Cards.</p>
</div>
</div>