Template:Team:UFMG Brazil/barra

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">&#xf0e0;</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">&#xf15b;</p>
+
-
</div>
+
-
<div class="field">
+
-
<input name="name" placeholder="Your name" type="text" id="name" class="form-1" required />
+
-
<p class="icon">&#xf007;</p>
+
-
</div>
+
-
<div class="field">
+
-
<input name="email" placeholder="Email address" type="email" id="email" class="form-1" required />
+
-
<p class="icon">&#xf0e0;</p>
+
-
</div>
+
-
<div class="field">
+
-
<input name="company" placeholder="Company" type="text" id="company" class="form-1" required />
+
-
<p class="icon">&#xf0b1;</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>&#xf0e0;</span>Contact form</li>
+
-
</div>
+
-
</ul>
+
</li>
</li>
</div>
</div>

Revision as of 03:16, 27 September 2013