Difference between revisions of "Sandbox"
From Etnapedia
(5 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <!DOCTYPE html> | ||
+ | <html lang="en"> | ||
+ | <head> | ||
+ | <meta charset="utf-8"> | ||
+ | <title>Segnalo</title> | ||
+ | <link rel="stylesheet" href="css/style.css" /> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Engagement' rel='stylesheet' type='text/css'> | ||
+ | <!--[if IE]> | ||
+ | <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> | ||
+ | <![endif]--> | ||
+ | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript" charset="utf-8"></script> | ||
+ | <script src="js/jquery.uniform.min.js" type="text/javascript" charset="utf-8"></script> | ||
+ | <script type="text/javascript" charset="utf-8"> | ||
+ | $(function(){ | ||
+ | $("input:checkbox, input:radio, input:file, select").uniform(); | ||
+ | }); | ||
+ | </script> | ||
+ | </head> | ||
+ | <body> | ||
+ | <article> | ||
+ | <h1> </h1> | ||
+ | <form> | ||
+ | <ul> | ||
+ | <li> | ||
+ | <label for="name">Your Name:</label> | ||
+ | <input type="text" size="40" id="name" /> | ||
+ | </li> | ||
+ | <li> | ||
+ | <label for="email">Your Email:</label> | ||
+ | <input type="email" size="40" id="email" /> | ||
+ | </li> | ||
+ | <li> | ||
+ | <label for="car">What's my options:</label> | ||
+ | <select id="car"> | ||
+ | <option>Volvo</option> | ||
+ | <option>Saab</option> | ||
+ | <option>Mercedes</option> | ||
+ | <option>Audi</option> | ||
+ | <option>Other…</option> | ||
+ | </select> | ||
+ | </li> | ||
+ | <li> | ||
+ | <label><input type="radio" name="radio" /> Pick one</label> | ||
+ | <label><input type="radio" name="radio" /> And stick with it</label> | ||
+ | </li> | ||
+ | <li> | ||
+ | <label><input type="checkbox" /> Can haz tickbox?</label> | ||
+ | </li> | ||
+ | <li> | ||
+ | <label>Upload a file:</label> | ||
+ | <input type="file" /> | ||
+ | </li> | ||
+ | <li> | ||
+ | <label for="message">Message:</label> | ||
+ | <textarea cols="50" rows="5" id="message"></textarea> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <p> | ||
+ | <button type="submit" class="action">Call to action</button> | ||
+ | <button type="reset" class="right">Reset</button> | ||
+ | </p> | ||
</form> | </form> | ||
− | < | + | </article> |
− | + | <footer> | |
− | + | <p>A little freebie made with <strong>♥</strong> by the nice folks over at <a href="http://www.webdezign.co.uk">Webdezign</a></p> | |
− | + | </footer> | |
− | < | + | |
− | + | ||
− | < | + | |
− | + | ||
− | < | + | |
− | + | ||
− | < | + | |
− | + | ||
− | </ | + | |
− | + | ||
− | </ | + |
Latest revision as of 23:26, 21 March 2016
<!DOCTYPE html>