landing-Team-Rogers-Page

<style>
/* Landing page CSS */


.signup_bullets {
padding-left:10.5%;
position:relative;
}
.signup_bullets_ul {
margin-left:0;
position: relative;
z-index: 99;
}
.signup_bullets_ul li {
list-style:none;
background: url('{{ 'bullet2.jpg' | asset_url }}') 0 1px no-repeat;
padding-left: 27px;
padding-top: 5px;
line-height:1.5em;
}
#landing_email_box {
background:#00abee;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
margin-top:50px;
padding:25px;
text-align:center;
position:relative;
}
#landing_email_box input {
margin-bottom:0;
padding:15px;
}
#landing_email_box input[type="email"] {
font-size:19px;
display: inline-block;
width: auto;
vertical-align: middle;
}
#landing_email_box .action_button {
font-size:20px;
text-transform:uppercase;
font-weight:900;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.75);
width:262px;
height: 56px;
margin-left: 5px;
display: inline-block;
vertical-align:middle;
}
#email_arrow {
position:absolute;
left:-75px;
top:-4px;
z-index:999;
}
h3.landing_nostrings {
font-style:italic;
font-size:22px;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
padding:8px 0;
text-align:center;
text-transform:none;
font-weight:normal;
letter-spacing:0px;
margin-top: 15px;
}
.email_label {
display:inline-block;
vertical-align:middle;
color:#fff;
text-transform:uppercase;
font-weight:900;
margin-right:8px;
font-size:20px;
}
#knife_pic {
position:absolute;
right:0;
top:-20px;
}
.landing_box {
text-align:center;
padding-top:15px;
}
.landing_box h4 {
font-weight:light;
font-size:16px;
text-transform:uppercase;
text-align:center;
margin-top:0;
border-bottom:1px solid #ddd;
padding-bottom:7px;
margin-bottom: 7px;
}
.landing_box p {
font-style:italic;
font-size:15px;
line-height:1.5em;
}

.signup_bullets h3 {
font-weight:bold;
text-transform:none;
letter-spacing:0px;
font-size:24px;
margin-bottom:15px;
}
.landingpage h1 {
text-align:center;
margin-top:15px;
font-weight:bold;
margin-top:35px;
}
.landingpage h2 {
margin-top:10px;
text-align: center;
padding-top: 7px !important;
text-transform:uppercase;
font-size:21px;
margin-bottom:20px;
}
.landing_page_container {
width:100%;
display:block;
clear:both;
}
.landing_page_wilderness {
background: url('{{ 'StrangerThingsWide.jpg' | asset_url }}') top center no-repeat;
background-size: 100% 100%;
padding:120px 0;
margin-bottom:-15px;
width:100%;
clear:both;
}
.landing_page_wilderness p {
text-align:center;
color:#fff;
font-style:italic;
font-size:20px;
padding:10px 50px;
text-shadow: 0px 2px 50px rgba(0, 0, 0, .8);
background: rgba(0,0,0,.5);
margin-bottom: 0;
line-height: 1.4em;
}

.one-third.column {
width: 30%;
margin: 0 1.5%;
}
.column, .columns {
float: left;
display: inline;
margin-left: 1.5%;
margin-right: 1.5%;
}
.column.alpha, .columns.alpha {
margin-left: 0;
}
.column.omega, .columns.omega {
margin-right: 0;
}

input.action_button[type="submit"],
input.action_button[type="button"] {
background: #ee0303;
color: #ffffff;
border: 0;
padding: 8px 20px;
text-align: center;
font-size: 14px;
cursor: pointer;
display: inline-block;
vertical-align:middle;
-webkit-transition: all 500ms ease 0s;
-moz-transition: all 500ms ease 0s;
-ms-transition: all 500ms ease 0s;
-o-transition: all 500ms ease 0s;
transition: all 500ms ease 0s;
-webkit-appearance: none;
text-shadow: 0 1px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}

a.action_button.button:hover,
.action_button.button:hover,
input.action_button[type="submit"]:hover,
input.action_button[type="button"]:hover,
.action_button:hover,
input.action_button[type="submit"]:hover,
input.action_button[type="button"]:hover {
background: {{ settings.btn_hover_color }};
-webkit-transition: all 500ms ease 0s;
-moz-transition: all 500ms ease 0s;
-ms-transition: all 500ms ease 0s;
-o-transition: all 500ms ease 0s;
transition: all 500ms ease 0s;
}

form.contact-form {
margin:20px 0 !important;
}

@media only screen and (min-width: 778px) and (max-width: 1026px) {
#knife_pic {
max-width:40%;
}
#email_arrow {
left: -53px;
top: 14px;
width: 100px;
}
}

@media only screen and (max-width: 777px) {
#knife_pic {
position:relative;
right:0;
top:0;
clear:both;
}
.email_label {
top:0;
margin-bottom:7px !important;
}
.email_label,
#landing_email_box input {
display:block;
margin:0 auto 10px;
width: 230px;
line-height: 20px;
}
#landing_email_box .action_button {
margin:0 auto;
}
#email_arrow {
left: -56px;
top: 54px;
width: 150px;
}
}
@media only screen and (max-width: 630px) {
.one-third.column,
.one-third.column.alpha,
.one-third.column.omega {
width: 60%;
margin: 0 auto;
float: none;
text-align: center;
display: block;
clear: both;
}
}
@media only screen and (max-width: 520px) {
#email_arrow {
display:none;
}
}

/* End Landing Page CSS */
</style>

<div class="landingpage">
<div>
<h1 class="collection_title">
Get 50% of our new Demogorgan Hunters Shirt
</h1>
<h2>
Just sign up for occasional email updates
</h2>
</div>

<div class="landing_page_container">
<div class="signup_bullets">
<h3>Sign up for VIP email list and get:</h3>

<ul class="signup_bullets_ul">
<li> Enrolled in our monthly free give aways</li>
<p></p>
<li>Special Discount offers only avaible to VIP members</li>
<p></p>
<li>Special passes to conventions and events</li>
<p></p>
<li>Get inside track on<br />
all new releases before anyone else</li>
</ul>
<img id="knife_pic" src="{{ 'StrangerThings.jpg' | asset_url }}" />
</div><!--signup_bullets-->
<div id="landing_email_box">
<img id="email_arrow" src="{{ 'red-arrow.png' | asset_url }}" />

<form action="https://manage.kmail-lists.com/subscriptions/subscribe?g=APHnMn" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="contact-form" target="_blank">
<label for="email" class="email_label">Your Email:</label>
<input type="email" value="" name="EMAIL" class="required email" id="contact_email" placeholder="Enter your email address...">
<input type="submit" value="Sign Up Now &rarr;" id="sign_up" name="subscribe" id="mc-embedded-subscribe" class="action_button">
</form>

</div>

<h3 class="landing_nostrings">
Grab your Demogorgan Hunters shirt for 50% off and take on the upside down world!
</h3>

<div class="one-third column alpha landing_box">
<img src="{{ 'Quality-assured.png' | asset_url }}" />
<h4>Quality Assured</h4>
<p>All of our apparel is made in our factory in California, in the USA. We only print with the best inks and best fabrics available.</p>
</div>
<div class="one-third column landing_box">
<img src="{{ 'fast-shipping.png' | asset_url }}" />
<h4>Fast Shipping</h4>
<p>All orders ship within 2 business days after order confirmation. Orders place before 2pm will usually ship the same business day.</p>
</div>
<div class="one-third column omega landing_box">
<img src="{{ 'satisfaction.png' | asset_url }}" />
<h4>Satisfaction Guarantee</h4>
<p>We are sure you will absolutely love our apparel. If your not happy for any reason, we will gladly refund your purchase.</p>
</div>

</div>


</div><!--landingpage-->