Skip to content

Instantly share code, notes, and snippets.

@bethcasey

bethcasey/gist:ac595f8d6d553c0630515e49ba73d7c6

Last active February 16, 2017 18:20
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save bethcasey/ac595f8d6d553c0630515e49ba73d7c6 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save bethcasey/ac595f8d6d553c0630515e49ba73d7c6 to your computer and use it in GitHub Desktop.
Download ZIP
Demo Team Layout
Raw
gistfile1.txt
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta content='name="description"'><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>%%title%%</title><meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="icon" type="image/png" href="https://www.virtualclarity.com/assets/img/favicon/apple-icon-57x57.png">
<!-- Bootstrap Responisve Code --><!-- Latest compiled and minified CSS --><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"><!-- Optional theme --><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous"><!-- Latest compiled and minified JavaScript --><script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script><!-- end of bootstrap code -->
<style type="text/css">
/* PARDOT CLIENTS: IF YOU WANT TO MAKE ANY STYLING CHANGES TO YOUR FORMS - DO IT HERE */
/* pardot form background styling */
#pardot-form {
background-color:#EEEEEE;
font-family: Arial, sans-serif;
margin-top: 0px;
padding: 20px 16px 20px 16px;
border-radius: 5px;
}
/*Field labels:*/
#pardot-form .field-label {
font-weight: normal;
text-align: left;
font-family: Arial, sans-serif;
font-size: 16px;
width: 100%;
color: #000000;
margin-bottom: 5px;
}
/*Required Field labels Positioning:*/
#pardot-form.form p.required, #pardot-form.form span.required, #pardot-form.form label.required {
margin-top: 0;
padding-top: 10px;
}
/*Text inputs:*/
#pardot-form input.text {
font-family: Arial, sans-serif;
padding: 5px;
border: none;
margin-bottom: 5px;
font-weight: normal;
background-color: #fff;
font-size: 16px;
width: 100%;
color: #124B78;
height: 35px;
border-radius: 5px;
}
/*Dropdowns:*/
#pardot-form select {
font-family: Arial, sans-serif;
max-width: 100%;
width: 100%;
border: 0px;
height: 35px;
color: #124B78;
font-weight: normal;
font-size: 16px;
background-color: #fff;
border-radius: 5px;
}
/*Textareas:*/
#pardot-form textarea {
font-family: Arial, sans-serif;
padding: 5px;
border: none;
margin-bottom: 5px;
font-weight: normal;
background-color: #fff;
font-size: 16px;
width: 100%;
min-height: 60%;
border-radius: 5px;
color: #124B78;
}
/*Checkbox inputs:*/
#pardot-form input[type="checkbox"] {
}
/*Inline Labels inputs:*/
#pardot-form label.inline {
font-family: Arial, sans-serif;
margin: 5px 5px 5px 5px;
font-weight: normal;
font-size: 14px;
color: #fff;
}
/*Submit button:*/
#pardot-form .submit input {
font-family: Arial, sans-serif;
max-width: 100%;
border: none;
background-color: #000000;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 120%;
vertical-align: middle;
font-family: Arial, sans-serif;
text-transform: uppercase;
padding: 12px 24px 12px 24px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-radius: 5px;
}
#pardot-form.form p.submit {
margin: 0px 0px 0px 8px; !important;
padding: 0;
}
/*Radio inputs:*/
#pardot-form input[type="radio"] {
font-family: Arial, sans-serif;
}
/*Date inputs:*/
#pardot-form .date input {
font-family: Arial, sans-serif;
}
/*Field descriptions:*/
#pardot-form .description {
}
/* PARDOT CLIENTS: STOP STYLING NOW!! */
.hero_image{
min-width: 100%;
max-height: 100%;
width: auto;
height: auto;
margin-bottom: 10px;
}
#pardot-form.form span.value {
display: block;
margin-left: 0px;
}
/*Simple Responsive Media Query*/
@media (min-width: 0px) and (max-width: 768px) {
/* left content div */
#left_content {
width: 100%;
float: none;
}
#pardot-form.form p.no-label, #pardot-form.form p.email-pref {
margin: .2em .5em .6em 0px;
padding: 0;
}
/* right content div */
#right_content {
padding-left: 0;
width: 100%;
float: none;
}
/*Field labels:*/
#pardot-form .field-label {
width: 100%;
float: left;
}
/*Text inputs:*/
#pardot-form input.text {
width: 100%;
}
/*Dropdowns:*/
#pardot-form select {
width: 100%;
}
/*Textareas:*/
#pardot-form textarea {
width: 100%;
height: 80px;
}
/*Submit button:*/
#pardot-form .submit input {
margin-left: auto;
margin-right: auto;
}
}
</style>
</head>
<body>
<header></header>
<section class="container"><div class="container-fluid">
<div class="row">
<div class="col-sm-7" style="background-color: none;">
<div class="row">
<div class="col-sm-12" pardot-region="opening_content" style="min-height: 300px;"></div>
</div>
</div>
<div class="col-sm-5" style="margin-top: 0px; padding-top: 0px;"> %%content%% </div>
</div>
<div class="row">
<div class="col-sm-12" pardot-region="below_content" style="min-height: 50px; background-color: none;"></div>
</div>
</div>
</section><footer><div class="container-fluid" style="background-color: #EEEEEE;">
<div class="col-sm-12" pardot-region="footer_content" style="min-height: 50px; padding-top: 10px;" data-id="13784"><p><span style="color: rgb(0, 0, 0); font-family: Cabin, Arial, Helvetica, sans-serif; font-size: 12px; text-align: right; background-color: rgb(240, 239, 239);">Copyright © 2016 All right reserved.<img align="right" alt="" border="0" height="25" src="http://www2.lenoxsoft.com/l/196382/2016-07-15/chmgh/196382/13816/Twitter_Outline.png" style="width: 30px; height: 25px; float: right; border-width: 0px; border-style: solid;" width="30"><img align="right" alt="" border="0" height="30" src="http://www2.lenoxsoft.com/l/196382/2016-07-15/chmgk/196382/13818/Facebook_Outline.png" style="width: 30px; height: 30px; float: right; border-width: 0px; border-style: solid; margin-left: 10px; margin-right: 10px;" width="30">   </span></p></div>
</div>
</footer></body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment