Clean, minimal & responsive Blogger theme
Asymmetrical design, grid layout
Highly customisable

⟶ BUY THIS DESIGN
Feel free to use the contact form if you have any questions or want to request a customization

FlyBird's Box: website | shop

Custom Contact Page

Custom Contact Page with an embedded contact form.
1.
Create a new page and switch the page editor to HTML mode.

2.
Copy the Contact Page code and paste it into the content box. (you'll find the Contact Page file in the folder downloaded from my store)

3.
Lastly, customize the contact info details,
add the page title and click "Publish."
Contact Page Code
 
<div class="widget ContactForm left-col-page" id="ContactForm1">
  <div class="contact-form-widget">
    <div class="form">
      <form name="contact-form">
        <input class="contact-form-name" 
        id="ContactForm1_contact-form-name" 
        name="name" placeholder="Name" 
        size="30" type="text" value=""/>
        <input class="contact-form-email" 
        id="ContactForm1_contact-form-email" 
        name="email" placeholder="E-mail *" 
        size="30" type="text" value=""/>
        <br />
        <textarea class="contact-form-email-message" 
        id="ContactForm1_contact-form-email-message" 
        name="email-message" placeholder="Message *" 
        cols="25" rows="8"> </textarea>
        <input class="contact-form-button 
        contact-form-button-submit" 
        id="ContactForm1_contact-form-submit" 
        type="button" value="Submit"/>
        <br />
        <div class="contact-form-error-message" 
        id="ContactForm1_contact-form-error-message">
        </div>
        <div class="contact-form-success-message" 
        id="ContactForm1_contact-form-success-message">
        </div>
      </form>
    </div>
  </div>
</div>

<div class="right-col-page">
  <blockquote>
    <b>Hello,</b>
    <br /><hr />
    <i>Text text text.</i>
    <br /><br /><br />
    <div id="phone">
        <a href="tel:123-456-7890">
                123-456-7890
        </a>
    </div>
    <div id="email">
        <a href="mailto:email@mail.com">
                email@mail.com
        </a>
    </div>
  </blockquote>
</div>
<div style="clear: both;"></div>

BOX
№21

Customizable
Blogger Template





Additional Service

available on request




Copyright © BOX □ №21
Design out of the FlyBird's Box.