Shaan M Khan shaan360
🙂
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <h1 id="a"></h1> |
shaan360
/ index.html
Created
September 6, 2012 16:09
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <a class="bub" href="http://twitter.com/akashnimare"> | |
| <i>Twitter</i> | |
| <span>Follow me <br /> on twitter</span> | |
| </a> | |
| <a class="bub" href="http://www.facebook.com/iaMrich22" | |
| style="margin-left:160px;background-color:#3B5998;"> | |
| <i>Facebook</i> | |
| <span>Be Friend <br /> on facebook</span> | |
| </a> |
shaan360
/ index.html
Created
September 6, 2012 16:07
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="wrapper"> <!-- this is only for demo --> | |
| <h1>A simple float clearing demo</h1> | |
| <h2>Problem</h2> | |
| <p><strong>1. Borders and backgrounds misbehaving when applied to an element that contains a float/s</strong></p> | |
| <div class="demo"> | |
| <div class="grid"> | |
| <img src="http://farm4.staticflickr.com/3298/3577042795_4ae17f1a3c_n.jpg" alt="" title=""> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea amet commodo consequat.</p> |
shaan360
/ index.html
Created
September 6, 2012 16:04
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="msft-logo">Microsoft</div> |
shaan360
/ index.html
Created
September 6, 2012 16:02
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="wrapper"> <!-- this is only for demo --> | |
| <h1>A simple float clearing demo</h1> | |
| <h2>Problem</h2> | |
| <p><strong>1. Borders and backgrounds misbehaving when applied to an element that contains a float/s</strong></p> | |
| <div class="demo"> | |
| <div class="grid"> | |
| <img src="http://farm4.staticflickr.com/3298/3577042795_4ae17f1a3c_n.jpg" alt="" title=""> | |
| <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea amet commodo consequat.</p> |
shaan360
/ index.html
Created
September 6, 2012 15:58
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="msft-logo">Microsoft</div> |
shaan360
/ index.html
Created
September 6, 2012 15:57
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="msft-logo">Microsoft</div> |
shaan360
/ index.html
Created
September 6, 2012 15:56
Using html special characters to make some stars
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <ul> | |
| <li><a href="#">★</a></li> | |
| <li><a href="#">★</a></li> | |
| <li><a href="#">★</a></li> | |
| <li><a href="#">★</a></li> | |
| <li><a href="#">★</a></li> | |
| </ul> |
shaan360
/ index.html
Created
September 6, 2012 15:55
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="wrapper"> <!-- this is only for demo --> | |
| <h1>Image <span class="amp">&</span> caption demo with borders</h1> | |
| <!-- Small Centered Image With Caption --> | |
| <h2>Small centered image with caption</h2> | |
| <div class="figure small centered"> | |
| <div class="liner"> | |
| <img src="http://farm4.staticflickr.com/3298/3577042795_4ae17f1a3c_z.jpg" alt="" title=""> | |
| <p class="caption">Giving credit where credit is due</p> | |
| </div> |
shaan360
/ index.html
Created
September 6, 2012 15:55
Idea from Eric F Tremblay (http://cssdeck.com/user/ericft) Cleaned up HTML usage (6 divs for shadow). The pin was designed by Dan Eden (https://twitter.com/#!/_dte).
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <h1>Unfold Map pure CSS</h1> | |
| <div class="holder"> | |
| <div class="map fold"> | |
| <span class="pin" style="left: 140px; top: 75px;" alt="Montreal"></span> | |
| <span class="pin" style="left: 373px; top: 103px;" alt="Hong-Kong"></span> | |
| <span class="pin" style="left: 79px; top: 95px;" alt="Las Vegas"></span> | |
| </div> | |
| </div> |