michael-d
9/11/2017 - 1:05 AM

Full width drop down form and contact details

Full width drop down form and contact details


<div id="enquire-dropdown">
<div class="container">
<a class="enquire-trigger closeBtn" href="#"> X Close</a>


<!----  ONLINE ENQUIRY ------>
<div class="mceNonEditable"><form action="/havealook/servlet/Havealook" method="post" name="form3" onsubmit="return validate2()"><input type="hidden" name="screen" value="emailForm" /><input type="hidden" name="mailTo" value="EMAILADDRESS" /><input type="hidden" name="returnTo" value="/../thank-you.html" /><input type="hidden" name="showAll" value="false" />
<div id="enquiry">
<div class="enqHeader">Online Enquiry</div>
<div class="enqRow">
<div class="enqLeft">Name *</div>
<div class="enqRight"><input type="text" name="a_Name" maxlength="250" /></div>
</div>
<div class="enqRow">
<div class="enqLeft">Phone *</div>
<div class="enqRight"><input type="text" name="b_Phone" maxlength="250" /></div>
</div>
<div class="enqRow">
<div class="enqLeft">Email *</div>
<div class="enqRight"><input type="text" name="c_Email" maxlength="250" /></div>
</div>
<div class="enqRow">
<div class="enqLeft">Enquiry</div>
<div class="enqRight"><textarea name="ZZ_Comments"></textarea>
<div>* Required fields</div>
</div>
</div>
<div class="enqRow"><input class="button" type="submit" name="email" value="Send" /></div>
</div>
</form></div>
<!---- END ONLINE ENQUIRY ------>
<div class="dropContact">
<h5>Contact Us</h5>


<!----  CONTACT DETAILS ------>
<!----  COPY HTML From Contact Page ------>
<!----  CONTACT DETAILS ------>


</div>

</div>
</div>
/*----------------------------------------------*/
/*---------------- DROP DOWN ENQ -----------------*/
/*----------------------------------------------*/

#enquire-dropdown {
    background: none repeat scroll 0 0 #2d2d2d;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: none;
    height: 313px;
    padding: 20px 0 20px;
}


#enquire-dropdown .container {
    width:100%;
    max-width:1100px !important;
}

#enquire-dropdown a{color:inherit;}

#enquire-dropdown #enquiry {color:#fff; background:rgba(0,0,0,.3);}

.dropContact{width:40%; color:#fff;}

.dropContact h5{
 font-size:1.8em;
  color: inherit;
  margin-top: 0px;
  margin-bottom: 15px;
}

.closeBtn {
    background: none repeat scroll 0 0 #fff;
    color: #fff !important;
    font-size: 0.8em;
    font-weight: 800;
    letter-spacing: 1px;
    padding: 2px 13px;
    position: absolute;
    right: 8px;
    text-decoration: none;
    text-transform: uppercase;
    top: -20px;
  line-height: 1.6em;
}


/*----------------------------------------------*/
/*---------------- SMALL DROP DOWN ENQ -----------------*/
/*----------------------------------------------*/


#enquire-dropdown {height: 390px;}

.dropContact{display:none;}