No edit summary |
No edit summary |
||
| Line 7: | Line 7: | ||
<div class="container"> |
<div class="container"> |
||
| − | + | <!-- OUTER SHADOW --> |
|
| − | + | <div class="de"> |
|
| − | + | <!-- TEXT --> |
|
| − | + | <div class="den"> |
|
| − | + | <!-- LINE --> |
|
| − | + | <hr class="line"> |
|
| − | + | <hr class="line"> |
|
| − | + | <hr class="line"> |
|
| − | + | <!-- SWITCH --> |
|
| − | + | <div class="switch"> |
|
| + | <!-- TEXT --> |
||
| ⚫ | |||
| + | <label for="switch_1"><span>1</span></label> |
||
| + | <label for="switch_2"><span>2</span></label> |
||
| + | <label for="switch_3"><span>3</span></label> |
||
| + | <label for="switch_4"><span>4</span></label> |
||
| + | <label for="switch_5"><span>5</span></label> |
||
| − | + | <!-- INPUT --> |
|
| ⚫ | |||
| ⚫ | |||
| − | + | <input id="switch_1" name="switch" type="radio"> |
|
| − | + | <input id="switch_2" name="switch" type="radio"> |
|
| − | + | <input id="switch_3" name="switch" type="radio"> |
|
| − | + | <input id="switch_4" name="switch" type="radio"> |
|
| − | + | <input id="switch_5" name="switch" type="radio"> |
|
| − | + | <!-- LIGHT --> |
|
| + | <div class="light"><span></span></div> |
||
| ⚫ | |||
| − | <input id="switch_1" name="switch" type="radio"> |
||
| − | <input id="switch_2" name="switch" type="radio"> |
||
| − | <input id="switch_3" name="switch" type="radio"> |
||
| − | <input id="switch_4" name="switch" type="radio"> |
||
| − | <input id="switch_5" name="switch" type="radio"> |
||
| − | + | <!-- DOT --> |
|
| − | + | <div class="dot"><span></span></div> |
|
| ⚫ | |||
| − | |||
| ⚫ | |||
| − | <!-- DOT --> |
||
| − | + | <div class="denem"> |
|
| ⚫ | |||
| − | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| ⚫ | |||
| + | </div> |
||
| − | <div class="denem"> |
||
| + | </div> |
||
| ⚫ | |||
| + | </div> |
||
| − | </div> |
||
| − | + | </div> |
|
| − | </div> |
||
| − | </div> |
||
| ⚫ | |||
| ⚫ | |||
</div> |
</div> |
||
<!-- fold --> |
<!-- fold --> |
||
Revision as of 18:51, 12 November 2012
<label for="switch_off">OFF</label> <label for="switch_1">1</label> <label for="switch_2">2</label> <label for="switch_3">3</label> <label for="switch_4">4</label> <label for="switch_5">5</label>
<input id="switch_off" name="switch" checked type="radio"> <input id="switch_1" name="switch" type="radio"> <input id="switch_2" name="switch" type="radio"> <input id="switch_3" name="switch" type="radio"> <input id="switch_4" name="switch" type="radio"> <input id="switch_5" name="switch" type="radio">
Nyssa
She who rules over a dead planet
TV B SSs A H
Responsive Hover Descriptions
Nibler
$14.00
<a href="#" class="more">More info</a>
Zoidberg
$14.00
<a href="#" class="more">More info</a>
<img src="http://trampt.com/images/products/000/000/857/Zapp_Brannigan-Matt_Groening-Futurama-Kidrobot-trampt-857m.jpg?1281371198" />
Zapp Brannigan
$14.00
<a href="#" class="more">More info</a>
-
Johan van Tongeren
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer.
<a href="http://www.dreamdealer.nl">www.dreamdealer.nl</a>
-
Johan van Tongeren
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer.
<a href="http://www.dreamdealer.nl">www.dreamdealer.nl</a>
-
Johan van Tongeren
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer.
<a href="http://www.dreamdealer.nl">www.dreamdealer.nl</a>
