Sequoia getbarley.com template (https://github.com/plainmade/sequoia)

root / contact.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!-- @include header -->

  <!-- Page Title -->
  <div class="row">
	 <div class="twelve columns">
	 	<div class="page-title">
	 		<h2 data-barley="business_contact_title" data-barley-editor="mini">Contact Us</h2>
	 	</div>
	 </div>
  </div>

  <div class="row">

    <!-- Main Content -->
    <div class="eight columns" role="content">
   		<div data-barley="business_contact_content" data-barley-editor="simple">
          	<p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong. Eiusmod swine spare ribs reprehenderit culpa.</p>
   		</div>
      <div class="divider twelve columns"> </div>

     <!-- Contact Form Example -->
     <!--
    <div id="barley-form">
        <input type="hidden" name="to" id="to" value="youremail@yourdomain.com" />
        <input type="hidden" name="subject" id="to" value="Contact Form Submission" />
        <input type="hidden" name="response_success" id="response_success" value="Thanks, we got it!" />
        <input type="hidden" name="response_error" id="response_error" value="Sorry Chap, please try again." />

        <div class="row collapse">
            <div class="three columns"><label class="inline">Your Name:*</label></div>
            <div class="nine columns"><input type="text" id="name" placeholder="Jane Smith (required)" data-required="true" /></div>
        </div>

        <div class="row collapse">
            <div class="three columns"><label class="inline">Your Email:*</label></div>
            <div class="nine columns"><input type="text" id="email" placeholder="jane@smithco.com (required)" data-required="true" /></div>
        </div>

        <div class="row collapse">
            <div class="three columns"><label class="inline">Your Phone:</label></div>
            <div class="nine columns"><input type="text" name="phone" placeholder="555-555-1234" /></div>
        </div>

        <div class="divider twelve columns"> </div>

        <div class="row collapse">
            <div class="three columns"><label class="inline">Request Type:</label></div>
            <div class="nine columns">
                <select name="request_type">
                    <option value=""></option>
                    <option value="Project Inquiry">Project Inquiry</option>
                    <option value="Support">Support</option>
                    <option value="Other">Other</option>
                </select>
            </div>
        </div>

        <div class="row collapse">
            <div class="three columns"><label class="inline">Best Time to Contact:</label></div>
            <div class="nine columns">
                <input type="radio" name="contact_time" value="Morning" />Morning
                <input type="radio" name="contact_time" value="Afternoon" />Afternoon
                <input type="radio" name="contact_time" value="Evening" />Evening
            </div>
        </div>


        <div class="row collapse">
            <div class="three columns"><label class="inline">Foods You Enjoy:</label></div>
            <div class="nine columns">
                <input type="checkbox" id="food_turkey_sandwich" value="Turkey Sandwich" />Turkey Sandwich
                <input type="checkbox" id="food_ham_sandwich" value="Ham Sandwich" />Ham Sandwich
                <input type="checkbox" id="food_bacon" value="Bacon" />Bacon
            </div>
        </div>

        <div class="row collapse">
            <div class="three columns"><label class="inline">Message:</label></div>
            <div class="nine columns"><textarea rows="6"></textarea></div>
        </div>

        <div class="row collapse">
            <div class="three columns"></div>
            <div class="nine columns"><input type="button" value="Submit Form" id="barley-submit" class="button" /></div>
        </div>

        <div id="barley-form-message" style="display:none;">MESSAGE HERE</div>
    </div>
    -->

       <div class="spacer" style="clear:both;"> </div>

    </div>

    <!-- Sidebar -->
    <aside class="four columns">

      <div class="panel info">
        <h5 data-barley="business_contact_sidebartitle" data-barley-editor="mini">Our Location</h5>
      	<ul class="side-contact-info">
      		<li><i class="barley-icon-pushpin"></i><span data-barley="business_contact_address" data-barley-editor="simple">123 Main Street<br />
      		Springfield, IL 12345</span></li>
      		<li class="divider"></li>
      		<li><i class="barley-icon-phone"></i><span data-barley="business_contact_phonenumbers" data-barley-editor="simple">1-800-555-1234 (toll-free)<br />
      		555-555-1234 (cellular)</span></li>
      		<li class="divider"></li>
      		<li><i class="barley-icon-link"></i><span data-barley="business_contact_links" data-barley-editor="advanced"><a href="http://getbarley.com">http://getbarley.com</a></span></li>
      		<li class="divider"></li>
      		<li><i class="barley-icon-plus-sign"></i><span data-barley="business_contact_sociallinks" data-barley-editor="advanced"><a href="http://facebook.com">Facebook</a><br />
      		<a href="http://twitter.com/getbarley">Twitter</a><br />
      		<a href="http://skype.com/">Skype</a><br />
      		<a href="http://linkedin.com">LinkedIn</a></span></li>
      	</ul>
      </div>
    </aside>

  </div>

<!-- @include footer -->