Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

HTML

By: a guest on May 18th, 2011  |  syntax: HTML 5  |  size: 4.90 KB  |  views: 61  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!doctype html>
  2. <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
  3. <!--[if lt IE 7]> <html class="no-js ie6" lang="en"> <![endif]-->
  4. <!--[if IE 7]>    <html class="no-js ie7" lang="en"> <![endif]-->
  5. <!--[if IE 8]>    <html class="no-js ie8" lang="en"> <![endif]-->
  6. <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
  7. <head>
  8.   <meta charset="utf-8">
  9.  
  10.   <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
  11.       Remove this if you use the .htaccess -->
  12.   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  13.  
  14.   <title>MarsNeedsDesigners - We design stuff! (mostly websites.)</title>
  15.   <meta name="description" content="">
  16.   <meta name="author" content="">
  17.  
  18.   <!-- Mobile viewport optimized: j.mp/bplateviewport -->
  19.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  20.  
  21.   <!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->
  22.  
  23.   <!-- CSS: implied media="all" -->
  24.   <link rel="stylesheet" href="css/style.css">
  25.  
  26.  
  27.  
  28.   <!-- All JavaScript at the bottom, except for Modernizr and Respond.
  29.       Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries -->
  30.   <script src="js/libs/modernizr-1.7.min.js"></script>
  31.   <script src='js/libs/respond.min.js'></script>
  32. </head>
  33.  
  34. <body>
  35.  
  36.         <div id="container">
  37.                
  38.                 <header>
  39.                        
  40.                         <div id="logo">
  41.                                 <a href="#">
  42.                                 <img src="img/logo.png" alt="" />
  43.                                 </a>
  44.                         </div>
  45.                         <div id="seperator"></div>
  46.                         <div id="man"></div>
  47.                         <div id="hello"></div>
  48.                        
  49.                        
  50.                 </header>
  51.                
  52.                 <div id="main">
  53.                        
  54.                         <h2>Latest Work</h2>
  55.                        
  56.                        
  57.                         <div id="box1">
  58.                                
  59.                         <img src="img/box.gif" alt="" />
  60.                        
  61.                         <h3>Personal Blog</h3>
  62.                         <h4>ebmf.blogg.se</h4>
  63.                         <p>A clean and simple blog with lots of whitespace and simple navigation. Designed and coded in 4 hours.</p>
  64.                        
  65.                         <br> <br>
  66.                        
  67.                         <a href="#">
  68.            <img src="img/visit.png" alt="" />
  69.            </a>
  70.            
  71.                         </div> <!-- end box1 -->
  72.                        
  73.                        
  74.                        
  75.                        
  76.                         <div id="box2">
  77.                                
  78.                         <img src="img/box.gif" alt="" />
  79.                        
  80.                         <h3>Personal Blog</h3>
  81.                         <h4>ebmf.blogg.se</h4>
  82.                         <p>A clean and simple blog with lots of whitespace and simple navigation. Designed and coded in 4 hours.</p>
  83.                        
  84.                         <br> <br>
  85.                        
  86.                         <a href="#">
  87.            <img src="img/visit.png" alt="" />
  88.            </a>
  89.            
  90.                         </div> <!-- end box2 -->
  91.                        
  92.                        
  93.                        
  94.                         <div id="box3">
  95.                                
  96.                         <img src="img/box.gif" alt="" />
  97.                        
  98.                         <h3>Personal Blog</h3>
  99.                         <h4>ebmf.blogg.se</h4>
  100.                         <p>A clean and simple blog with lots of whitespace and simple navigation. Designed and coded in 4 hours.</p>
  101.                        
  102.                         <br> <br>
  103.                        
  104.                         <a href="#">
  105.            <img src="img/visit.png" alt="" />
  106.            </a>
  107.            
  108.                         </div> <!-- end box3 -->
  109.                        
  110.                        
  111.                        
  112.                        
  113.                        
  114.                        
  115.                                 <div id="box4">
  116.                                
  117.                         <img src="img/box.gif" alt="" />
  118.                        
  119.                         <h3>Personal Blog</h3>
  120.                         <h4>ebmf.blogg.se</h4>
  121.                         <p>A clean and simple blog with lots of whitespace and simple navigation. Designed and coded in 4 hours.</p>
  122.                        
  123.                         <br> <br>
  124.                        
  125.                         <a href="#">
  126.            <img src="img/visit.png" alt="" />
  127.            </a>
  128.            
  129.                         </div> <!-- end box4 -->
  130.                        
  131.                        
  132.                        
  133.                        
  134.                        
  135.                        
  136.                 </div> <!-- end main  -->
  137.                
  138.                
  139.                 <div id="bot">
  140.                        
  141.                         <div id="separators">
  142.                         <img src="img/seperator2.png" alt="" />
  143.                          
  144.                          <br> <br>
  145.                        
  146.                         <div id="interest"></div>
  147.                        
  148.                         <br>
  149.                        
  150.                         <img src="img/seperator2.png" alt="" />
  151.                        
  152.                        
  153.                 <div id="contact">
  154.                        
  155.                         <a href="#">
  156.                         <img src="img/contact.png" alt="" />
  157.                         </a>
  158.                        
  159.                 </div>  <!-- end contact -->
  160.                        
  161.                         </div>
  162.                        
  163.                        
  164.                         <div id="wip">
  165.                                
  166.                                 <h1 id="Work in Progress"></h1>
  167.                                
  168.                         </div>  <!-- end wip -->
  169.                        
  170.                        
  171.                        
  172.                        
  173.                        
  174.                 </div>  <!-- end bot  -->
  175.                
  176.                
  177.                 <footer>
  178.                        
  179.                        
  180.                        
  181.                 </footer>
  182.                
  183.                
  184.                
  185.         </div> <!-- end container -->
  186.  
  187.  
  188.  
  189.   <!-- JavaScript at the bottom for fast page loading -->
  190.  
  191.   <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary -->
  192.   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js"></script>
  193.   <script>window.jQuery || document.write("<script src='js/libs/jquery-1.6.min.js'>\x3C/script>")</script>
  194.  
  195.  
  196.   <!-- scripts concatenated and minified via ant build script-->
  197.   <script src="js/plugins.js"></script>
  198.   <script src="js/script.js"></script>
  199.   <!-- end scripts-->
  200.  
  201.  
  202.   <!-- mathiasbynens.be/notes/async-analytics-snippet Change UA-XXXXX-X to be your site's ID -->
  203.   <script>
  204.     var _gaq=[["_setAccount","UA-XXXXX-X"],["_trackPageview"],["_trackPageLoadTime"]];
  205.     (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
  206.     g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
  207.     s.parentNode.insertBefore(g,s)}(document,"script"));
  208.   </script>
  209.  
  210. </body>
  211. </html>