Skip to content

Instantly share code, notes, and snippets.

@LimeCuda
Created February 16, 2016 17:09
Show Gist options
  • Save LimeCuda/d9386a7da6d6f02d4184 to your computer and use it in GitHub Desktop.
Save LimeCuda/d9386a7da6d6f02d4184 to your computer and use it in GitHub Desktop.
Code used on homepage for Ad
<div id="home-mobile-ad" class="ad-for-mobile">
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML Ad</title>
<link href='http://fonts.googleapis.com/css?family=Oswald:400,700,300' rel='stylesheet' type='text/css'>
</head>
<body>
<script language="JavaScript" src="http://j.maxmind.com/app/geoip.js"></script>
<script type="text/javascript">
function validate_form(form) {
if(form.fname.value == '' || form.lname.value == '') {
alert("First Name and Last Name are required");
return false;
}
}
</script>
<script language="JavaScript" src="https://j.maxmind.com/app/geoip.js"></script>
<style>
.bg-checks {
background: url(https://s3-us-west-1.amazonaws.com/jailexchange/CBbck.jpg);
height: 300px;
width: 300px;
position:relative;
overflow:hidden;
}
.bg-checks h1 {
background: rgba(255, 255, 255, 0.8);
margin:0 auto;
padding: 10px;
width: 300px;
color: #000;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
font-size:24px;
font-weight:bold;
line-height:26px;
}
.bg-checks h3 {
margin:12px auto;
text-shadow: 1px 1px #000;
width: 192px;
color: #fff;
text-transform: uppercase;
padding:0 8px;
font-family: 'Oswald', sans-serif;
font-size:18px;
line-height:16px;
text-align: center;
}
.bg-checks form {
float:center;
margin: 0;
padding: 0;
overflow:hidden;
}
.bg-checks .text_input {
border: 2px solid #4069b2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font: 12px 'Oswald', sans-serif;
height: 36px;
line-height: 25px;
padding: 0 5px;
position:absolute;
width: 260px;
left:20px;
*height: 28px;
*width: 112px;
}
.bg-checks label {
font-family: 'Oswald', sans-serif;
text-shadow: 1px 0 #000;
position: absolute;
color: #fff;
font-size: 12px;
}
.bg-checks .text_input#fname, .bg-checks label[for="fname"], .bg-checks .text_input#lname, .bg-checks label[for="lname"], .bg-checks .select_box#state, .bg-checks label[for="state"] {
left: 20px;
}
.bg-checks label[for="fname"] {
top: 100px;
}
.bg-checks .text_input#fname {
top: 120px;
}
.bg-checks label[for="lname"] {
top:166px;
}
.bg-checks .text_input#lname {
top:184px;
}
.bg-checks label[for="state"] {
top: 230px;
}
.bg-checks .select_box#state {
top: 253px;
}
.bg-checks .select_box {
border: 2px solid #4069b2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font: 12px 'Open Sans', sans-serif;
height: 30px;
position:absolute;
top:252px;
width: 120px;
}
.bg-checks .btny {
width: 120px;
height: 42px;
}
.bg-checks .submit {
border: 2px solid #fff;
color: #fff;
font-size: 16px;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
background: #3689c9;
position:absolute;
top:246px;
right:20px;
}
.bg-checks .submit:hover {
background: #6dbf66;
}
.bg-checks .submit:active {
bottom:6px;
}
</style>
<div class="container bg-checks" id="icm300">
<h1>Background Checks</h1>
<h3>Free Searches </h3>
<form name="input_form" id="form-input_form" class="form form-input_form" method="get" target="_top" action="http://tcgtrkr.com/?" onSubmit="return validate_form(this);">
<input type="hidden" name="a" value="58" />
<input type="hidden" name="oc" value="5" />
<input type="hidden" name="c" value="241" />
<input type="hidden" name="s1" value="CPA" />
<input type="hidden" name="s2" value="HTML" />
<input type="hidden" name="s3" value="Search2Mobile" />
<input type="hidden" name="page" value="s" />
<label for="fname">First Name</label>
<input class="text_input" type="text" name="fname" id="fname" value="" tabindex="1" />
<label for="lname">Last Name</label>
<input class="text_input" type="text" name="lname" id="lname" value="" tabindex="2" />
<label for="state">State</label>
<select class="select_box" id="state" name="state">
<script>
document.write('<option selected="selected" value="' + geoip_region() + '">' + geoip_region() + '</option>');
</script>
<option value='US'>All States</option>
<option value='AL'>Alabama</option>
<option value='AK'>Alaska</option>
<option value='AZ'>Arizona</option>
<option value='AR'>Arkansas</option>
<option value='CA'>California</option>
<option value='CO'>Colorado</option>
<option value='CT'>Connecticut</option>
<option value='DE'>Delaware</option>
<option value='FL'>Florida</option>
<option value='GA'>Georgia</option>
<option value='HI'>Hawaii</option>
<option value='ID'>Idaho</option>
<option value='IL'>Illinois</option>
<option value='IN'>Indiana</option>
<option value='IA'>Iowa</option>
<option value='KS'>Kansas</option>
<option value='KY'>Kentucky</option>
<option value='LA'>Louisiana</option>
<option value='ME'>Maine</option>
<option value='MD'>Maryland</option>
<option value='MA'>Massachusetts</option>
<option value='MI'>Michigan</option>
<option value='MN'>Minnesota</option>
<option value='MS'>Mississippi</option>
<option value='MO'>Missouri</option>
<option value='MT'>Montana</option>
<option value='NE'>Nebraska</option>
<option value='NH'>New Hampshire</option>
<option value='NJ'>New Jersey</option>
<option value='NM'>New Mexico</option>
<option value='NY'>New York</option>
<option value='NC'>North Carolina</option>
<option value='ND'>North Dakota</option>
<option value='OH'>Ohio</option>
<option value='OK'>Oklahoma</option>
<option value='OR'>Oregon</option>
<option value='PA'>Pennsylvania</option>
<option value='RI'>Rhode Island</option>
<option value='SC'>South Carolina</option>
<option value='SD'>South Dakota</option>
<option value='TN'>Tennessee</option>
<option value='TX'>Texas</option>
<option value='UT'>Utah</option>
<option value='VT'>Vermont</option>
<option value='VA'>Virginia</option>
<option value='WA'>Washington</option>
<option value='DC'>Washington D.C.</option>
<option value='WV'>West Virginia</option>
<option value='WI'>Wisconsin</option>
<option value='WY'>Wyoming</option>
</select>
<input class="submit btny" type="submit" value="Search" />
</form>
</div>
</body>
</html>
</div>
<script language="JavaScript" src="http://j.maxmind.com/app/geoip.js"></script>
<script type="text/javascript">
function validate_form(form) {
if(form.fname.value == '' || form.lname.value == '') {
alert("First Name and Last Name are required");
return false;
}
}
</script>
<script language="JavaScript" src="https://j.maxmind.com/app/geoip.js"></script>
<style>
.bc-container {
background: url(https://s3-us-west-1.amazonaws.com/ryan-ads/CameraSearch728x90.jpg);
height: 90px;
width: 728px;
position:relative;
overflow:hidden;
}
.bc-container h1 {
background: rgba(255, 255, 255, 0.8);
margin:0;
width: 192px;
color: #3e3e3e;
text-transform: uppercase;
padding:0 8px;
font-family: 'Open Sans', sans-serif;
font-size:14px;
font-weight:bold;
float:left;
line-height:26px;
text-align: center;
}
.bc-container h2 {
margin:0;
color: #fff;
text-shadow: 1px 1px #000;
text-transform: uppercase;
padding:0 8px;
font-family: 'Open Sans', sans-serif;
font-size:24px;
font-weight:bold;
position: absolute;
right: 12px;
top: 8px;
line-height:26px;
}
.bc-container h3 {
margin:30px 0;
text-shadow: 1px 1px #000;
width: 192px;
color: #ff0923;
text-transform: uppercase;
padding:0 8px;
font-family: 'Open Sans', sans-serif;
font-size:12px;
line-height:16px;
text-align: center;
}
.bc-container form {
float:left;
margin: 0;
padding: 0;
overflow:hidden;
}
.bc-container .text_input {
border: 2px solid #4069b2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font: 12px 'Open Sans', sans-serif;
height: 30px;
line-height: 25px;
padding: 0 5px;
position:absolute;
width: 100px;
top:54px;
*height: 28px;
*width: 112px;
}
.bc-container label {
font-family: 'Open Sans', sans-serif;
text-shadow: 1px 0 #000;
position: absolute;
color: #fff;
font-size: 12px;
top: 36px;
}
.bc-container .text_input#fname, label[for="fname"] {
left:230px;
}
.bc-container .text_input#lname, label[for="lname"] {
left:340px;
}
.bc-container .select_box#state, label[for="state"] {
left:450px;
}
.bc-container .select_box {
border: 2px solid #4069b2;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font: 12px 'Open Sans', sans-serif;
height: 30px;
padding: 4px 5px;
position:absolute;
bottom:5px;
width: 120px;
top:54px;
*height: 28px;
*padding: 3px 5px;
*width: 100px;
}
.bc-container .btny {
width: 120px;
height: 32px;
}
.bc-container .submit {
border: 2px solid #fff;
color: #fff;
font-size: 16px;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
background: #3689c9;
position:absolute;
top:52px;
right:20px;
}
.bc-container .submit:hover {
background: #6dbf66;
}
.bc-container .submit:active {
bottom:6px;
}
</style>
<div class="ad-for-desktop bc-container" id="icm300">
<h1>Background Checks</h1>
<h3>Criminal Records<br>DUI Offenses<br>Much More</h3>
<h2>Government and State Records</h2>
<form name="input_form" id="form-input_form" class="form form-input_form" method="get" target="_top" action="http://tcgtrkr.com/?" onSubmit="return validate_form(this);">
<input type="hidden" name="a" value="392" />
<input type="hidden" name="oc" value="5" />
<input type="hidden" name="c" value="241" />
<input type="hidden" name="s1" value="CPA" />
<input type="hidden" name="s2" value="HTML" />
<input type="hidden" name="s3" value="Search2" />
<input type="hidden" name="page" value="s" />
<label for="fname">First Name</label>
<input class="text_input" type="text" name="fname" id="fname" value="" tabindex="1" />
<label for="lname">Last Name</label>
<input class="text_input" type="text" name="lname" id="lname" value="" tabindex="2" />
<label for="state">State</label>
<select class="select_box" id="state" name="state">
<script>
document.write('<option selected="selected" value="' + geoip_region() + '">' + geoip_region() + '</option>');
</script>
<option value='US'>All States</option>
<option value='AL'>Alabama</option>
<option value='AK'>Alaska</option>
<option value='AZ'>Arizona</option>
<option value='AR'>Arkansas</option>
<option value='CA'>California</option>
<option value='CO'>Colorado</option>
<option value='CT'>Connecticut</option>
<option value='DE'>Delaware</option>
<option value='FL'>Florida</option>
<option value='GA'>Georgia</option>
<option value='HI'>Hawaii</option>
<option value='ID'>Idaho</option>
<option value='IL'>Illinois</option>
<option value='IN'>Indiana</option>
<option value='IA'>Iowa</option>
<option value='KS'>Kansas</option>
<option value='KY'>Kentucky</option>
<option value='LA'>Louisiana</option>
<option value='ME'>Maine</option>
<option value='MD'>Maryland</option>
<option value='MA'>Massachusetts</option>
<option value='MI'>Michigan</option>
<option value='MN'>Minnesota</option>
<option value='MS'>Mississippi</option>
<option value='MO'>Missouri</option>
<option value='MT'>Montana</option>
<option value='NE'>Nebraska</option>
<option value='NH'>New Hampshire</option>
<option value='NJ'>New Jersey</option>
<option value='NM'>New Mexico</option>
<option value='NY'>New York</option>
<option value='NC'>North Carolina</option>
<option value='ND'>North Dakota</option>
<option value='OH'>Ohio</option>
<option value='OK'>Oklahoma</option>
<option value='OR'>Oregon</option>
<option value='PA'>Pennsylvania</option>
<option value='RI'>Rhode Island</option>
<option value='SC'>South Carolina</option>
<option value='SD'>South Dakota</option>
<option value='TN'>Tennessee</option>
<option value='TX'>Texas</option>
<option value='UT'>Utah</option>
<option value='VT'>Vermont</option>
<option value='VA'>Virginia</option>
<option value='WA'>Washington</option>
<option value='DC'>Washington D.C.</option>
<option value='WV'>West Virginia</option>
<option value='WI'>Wisconsin</option>
<option value='WY'>Wyoming</option>
</select>
<input class="submit btny" type="submit" value="Search" />
</form>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment