From 2013.igem.org
(Difference between revisions)
|
|
Line 210: |
Line 210: |
| </ul> | | </ul> |
| </li> | | </li> |
- | <li class="has-menu"><a href="#" class="menu"><span class="icon"></span>Seminars</a> | + | |
- | <!-- Second level -->
| + | |
- | <ul class="fade-in">
| + | |
- | <div class="dropdown-box lvl-2">
| + | |
- | <li class="no-hover">
| + | |
- | <div id="form-1">
| + | |
- | <p class="title">Hi there</p>
| + | |
- | <p class="form-intro">Display your visitors quick contact form so they can get in touch easily.</p>
| + | |
- | <!-- START contact form -->
| + | |
- | <form action="" autocomplete="on" name="contact-1" id="contact-1" method="post">
| + | |
- | <div class="field">
| + | |
- | <select name="subject" id="subject">
| + | |
- | <option disabled="disabled" selected="selected" class="disabled">Regarding</option>
| + | |
- | <option value="Sales">1. We need an offer</option>
| + | |
- | <option value="Marketing">2. We have a proposal</option>
| + | |
- | <option value="Tech support">3. Support and help</option>
| + | |
- | </select>
| + | |
- | <div id="arrow-select"></div>
| + | |
- | <svg id="arrow-select-svg"></svg>
| + | |
- | <p class="icon"></p>
| + | |
- | </div>
| + | |
- | <div class="field">
| + | |
- | <input name="name" placeholder="Your name" type="text" id="name" class="form-1" required />
| + | |
- | <p class="icon"></p>
| + | |
- | </div>
| + | |
- | <div class="field">
| + | |
- | <input name="email" placeholder="Email address" type="email" id="email" class="form-1" required />
| + | |
- | <p class="icon"></p>
| + | |
- | </div>
| + | |
- | <div class="field">
| + | |
- | <input name="company" placeholder="Company" type="text" id="company" class="form-1" required />
| + | |
- | <p class="icon"></p>
| + | |
- | </div>
| + | |
- | <div class="field">
| + | |
- | <textarea name="message" placeholder="Enter your message" id="message" class="message" required /></textarea>
| + | |
- | </div>
| + | |
- | <input type="submit" value="Send" class="send" form="contact-1" />
| + | |
- | <input type="checkbox" id="send-copy" name="send-copy" class="check" />
| + | |
- | <label for="send-copy" class="check"><span></span>Send a copy to my email</label>
| + | |
- | </form>
| + | |
- | <!-- END contact form -->
| + | |
- | </div>
| + | |
- | </li>
| + | |
- | <li class="menu-title"><span></span>Contact form</li>
| + | |
- | </div>
| + | |
- | </ul>
| + | |
| </li> | | </li> |
| </div> | | </div> |
Revision as of 03:16, 27 September 2013