Last active
October 20, 2015 13:15
-
-
Save omeha2/cd1763e7d2498d3dd3de to your computer and use it in GitHub Desktop.
optin-box.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<style> | |
.bc_optin { | |
width: 306px; | |
background-color: #f5f5f5; | |
font-family: "Roboto"; | |
} | |
.bc_optin_header { | |
background-color: #114d97; | |
text-align: center; | |
padding: 20px; | |
} | |
.bc_optin_header_title { | |
color: #c6c62f; | |
font-size: 34px; | |
line-height: 100%; | |
} | |
.bc_optin_header_text { | |
font-size: 14px; | |
color: #f5f5f5; | |
margin-top: 5px; | |
line-height: 120%; | |
} | |
.bc_optin_main { | |
padding: 20px; | |
} | |
.bc_optin_main_title { | |
font-size: 24px; | |
line-height: 120%; | |
color: #114d97; | |
letter-spacing: -1.3px; | |
} | |
.bc_bullet{ | |
color: #000; | |
margin-top: 15px; | |
} | |
.bc_bullet_li{ | |
background-image: url("/wp-content/uploads/bullet_green.png"); | |
background-repeat: no-repeat; | |
font-size: 14px; | |
line-height: 1.6em; | |
padding-left: 44px; | |
margin-top: 12px; | |
} | |
.bc_optin_footer { | |
background-color: #114d97; | |
padding: 20px; | |
text-align: center; | |
} | |
.bc_optin_footer_text { | |
color: #f5f5f5; | |
line-height: 120%; | |
font-size: 14px; | |
} | |
.bc_optin_footer_btn{ | |
background: #ffd34e; | |
display: block; | |
margin-top: 10px; | |
padding: 15px 5px; | |
font-size: 18px; | |
text-decoration: none; | |
transition: all 0.6s ease-in-out; | |
} | |
.bc_optin_footer_btn:hover { | |
background-color: #fcbb0c; | |
} | |
</style> | |
<div class="bc_optin"> | |
<div class="bc_optin_header"> | |
<p class="bc_optin_header_title">FREE PDF GUIDE</p> | |
<p class="bc_optin_header_text">19 page resource on crafting blog post titles - covering 12 topics, case study & more</p> | |
</div> | |
<div class="bc_optin_main"> | |
<p class="bc_optin_main_title">Blog Post Titles Guaranteed to Drive more Traffic</p> | |
<ul class="bc_bullet"> | |
<li class="bc_bullet_li">The types of blog titles avaliable and ones you absolutely have to use</li> | |
<li class="bc_bullet_li">Research on over 1,000,000 titles which will show you the ones that really work</li> | |
<li class="bc_bullet_li">A formula for creating blog post titles</li> | |
<li class="bc_bullet_li">PLUS - A free tool which will dramatically improve on your shares and traffic</li> | |
</ul> | |
</div> | |
<div class="bc_optin_footer"> | |
<p class="bc_optin_footer_text">Get it delivered for fere now!</p> | |
<a href="" class="bc_optin_footer_btn" target="_blank">Send it to my inbox</a> | |
</div> | |
</div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment