<title>Bet Who's Gonna Win !</title>

<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">

<link rel="stylesheet" type="text/css" href="style.css">

<header class="bet text-center text-white d-flex">

<div class="container my-auto">

<div class="row">

<div class="col-lg-12 my-auto">

<h1 class="text-uppercase faded">

<strong>Who's gonna win the World Cup ?</strong>

</h1>

<hr>

</div>

<div class="col-lg-12 my-auto">

<!-- Begin MailChimp Signup Form -->

<style type="text/css">

#mc_embed_signup{clear:left font:14px Helvetica,Arial,sans-serif; }

/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.

</style>

<div id="mc_embed_signup">

<form action="https://testhardbet.us18.list-manage.com/subscribe/post?u=d9561b2e9dd5e8cf36369d928&amp;id=8ac09eb46f" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>

<div id="mc_embed_signup_scroll">

<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->

<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_d9561b2e9dd5e8cf36369d928_8ac09eb46f" tabindex="-1" value=""></div>

<div class="clear"><input class="btn btn-primary btn-xl" type="submit" value="Sign up and Bet" name="subscribe" id="mc-embedded-subscribe" class="button"></div>

</div>

</form>

</div>

<!--End mc_embed_signup-->

</div>

</div>

</div>

</header>