modularise contact section

This commit is contained in:
Ray Elliott 2020-04-22 12:36:56 +00:00
parent c962085aeb
commit b7b4ab13b0
5 changed files with 32 additions and 28 deletions

View File

@ -5,35 +5,10 @@
<h2 class="section-header">Contact Us</h2> <h2 class="section-header">Contact Us</h2>
<div class="l-section-block no-margin no-pad-top"> <div class="l-section-block no-margin no-pad-top">
<div class="l-wrapper contact-section"> {{ partial "templates/contact/form-basic.html" . }}
<p class="h5">Complete this form and we will get back to you within one working day.</p>
<form action="https://mailthis.to/remailthis" method="POST" encType="multipart/form-data">
<ul class="u-no-list">
<li>
<label for="name">Name</label>
<input id="name" type="text" name="name">
</li>
<li>
<label for="email">E-mail:</label>
<input id="email" type="email" name="_replyto">
</li>
<li>
<label for="msg">Message:</label>
<textarea id="msg" name="message"></textarea>
</li>
<li><input type="hidden" name="_subject" value="Contact Form Submission"></li>
<li><input type="hidden" name="_honeypot" value=""></li>
<li><input type="hidden" name="_confirmation" value="Thank you, your message has been sent."></li> <li> <button id="js-form-send" type="submit">Send</button>
</li>
</ul>
</form>
</div>
</div> </div>
<div class="l-section-block no-margin no-pad-top"> <div class="l-section-block no-margin no-pad-top">
<div class="l-wrapper contact-section"> {{ partial "templates/map/mapbox-basic.html" . }}
<h3 class="h4">Remember to Generate Access Token for URL</h3>
<div id="mapbox"></div>
</div>
</div> </div>
</article> </article>

View File

@ -0,0 +1,24 @@
<div class="l-wrapper contact-section">
<p class="h5">Complete this form and we will get back to you within one working day.</p>
<form action="https://mailthis.to/remailthis" method="POST" encType="multipart/form-data">
<ul class="u-no-list">
<li>
<label for="name">Name</label>
<input id="name" type="text" name="name">
</li>
<li>
<label for="email">E-mail:</label>
<input id="email" type="email" name="_replyto">
</li>
<li>
<label for="msg">Message:</label>
<textarea id="msg" name="message"></textarea>
</li>
<li><input type="hidden" name="_subject" value="Contact Form Submission"></li>
<li><input type="hidden" name="_honeypot" value=""></li>
<li><input type="hidden" name="_confirmation" value="Thank you, your message has been sent."></li> <li> <button id="js-form-send" type="submit">Send</button>
</li>
</ul>
</form>
</div>

View File

@ -0,0 +1,5 @@
<div class="l-wrapper contact-section">
<h3 class="h4">Remember to Generate Access Token for URL</h3>
<div id="mapbox"></div>
</div>

View File

@ -1 +1 @@
@import "templates/header/header"; @import "templates/header/header-checkbox";