Tip: Click lines to highlight, hold ctrl/cmd to multi-select

http://codedumper.com/arone (16-Jul @ 20:17)

Syntax Highlighted Code

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>VisualFit - Fitness for your eyes</title>
  6. <link href="css.css" rel="stylesheet" type="text/css" />
  7. <link rel="shortcut icon" href="images/favicon.ico" />
  8. <!--[if lt IE 7.]>
  10. <script defer type="text/javascript" src="pngfix.js"></script>
  11. <![endif]-->
  12. </script>
  13. </head>
  14.  
  15. <body>
  16. <div id="container2" class="container">
  17. <div id="header">
  18. <ul id="menu">
  19. <li><a href="" class="active">Home</a></li>
  20.  
  21. <li><a href="">Get Started</a></li>
  22.  
  23. <li><a href="">Login</a></li>
  24.  
  25. <li><a href="">F.A.Q.</a></li>
  26.  
  27. <li><a href="">Blog</a></li>
  28.  
  29. <li><a href="">Contact</a></li>
  30. </ul>
  31.  
  32. <div id="logo">
  33. <h1>VisualFit</h1><small>Because seeing is believing</small>
  34. </div>
  35. </div>
  36.  
  37. <div id="block_main" class="block">
  38.  
  39. <div class="block_inside">
  40. <div class="image_block"><img src="images/surfer.jpg" alt="Surfer"/></div>
  41.  
  42. <div class="text_block">
  43. <h2>Track Your Fitness</h2>
  44.  
  45. <p>Use Visual<b>Fit</b>, to track your exercise and view your progress using graphs and charts. Tell Visual<b>Fit</b> what kind of exercise you did and for how long and we'll store this as a workout. You can get statistics about this workout instantly, for example your average speed and how many calories you burned.</p>
  46.  
  47. <p>Visual<b>Fit</b> is quick and simple to use and best of all it's free! So try it today!</p>
  48. <a href="getstarted.html" class="button">Get Started!</a>
  49. </div>
  50. </div>
  51. </div>
  52.  
  53. <div id="block_details">
  54. <div id="items">
  55. <div class="mini_item">
  56. <!-- <img src="images/ribbon_free.png" class="ribbon" alt="Free!" />
  57. -->
  58.  
  59. <div class="block_inside">
  60. <img class="thumbnail" src="images/piechart.jpg" alt="Pie Chart" />
  61. <h3>Graphs & Charts</h3>
  62.  
  63. <p>View your progress over time, displayed on graphs, charts and tasty pies! <br/> Compare the distance you ran this month with last easily by checking out your graph of runs for this year. Simple.</p>
  64. </div>
  65. </div>
  66.  
  67. <div class="mini_item">
  68. <!-- <img src="images/ribbon_promo.png" class="ribbon" alt="Only &euro;5!" /> -->
  69. <div class="block_inside">
  70. <img class="thumbnail" src="images/totals.png" alt="Totals" />
  71. <h3>Total Stats Overload!</h3>
  72.  
  73. <p>See how many calories you have burnt off this month, even this year or how many kilometres you have ran in the last 6 months.</p>
  74. </div>
  75. </div>
  76.  
  77. <div class="mini_item">
  78. <!-- <img src="images/ribbon_promo.png" class="ribbon" alt="Only &euro;5!" />
  79. -->
  80. <div class="block_inside">
  81. <img class="thumbnail" src="images/free.jpg" alt="Free!" />
  82. <h3>Free-ly track</h3>
  83.  
  84. <p>You should be able to track your fitness freely and thats why we have a free plan, on which you can easily track your last 30 days of exercise and get most of the benefits enjoyed by paying users.</p>
  85. </div>
  86. </div>
  87.  
  88. <div class="mini_item">
  89. <!-- <img src="images/ribbon_promo.png" class="ribbon" alt="Only &euro;5!" />
  90. -->
  91. <div class="block_inside">
  92. <img class="thumbnail" src="images/money.jpg" alt="Money" />
  93. <h3>Extra! Extra! Only &euro;5!</h3>
  94.  
  95. <p>You don't have to pay to track your fitness, but if you do you get a host of extras, such as the ability to view your exercise since you joined, set goals for you to meet, challenge other Visual<b>Fit</b> users and an ad-free experience.</p>
  96. </div>
  97. </div>
  98.  
  99. <div class="mini_item">
  100. <img src="images/ribbon_soon.png" class="ribbon" alt="Coming Soon!" />
  101. <div class="block_inside">
  102. <img class="thumbnail" src="images/mobile.jpg" alt="Mobile" />
  103. <h3>Check your stats on-the-go</h3>
  104.  
  105. <p>Almost all exercise is done away from a computer so with the mobile version of Visual<b>Fit</b> you can log your workouts as soon as you are finished. The mobile site not only provides all the features of the main site but is deliverd in a mobile friendly layout and size.</p>
  106. </div>
  107. </div>
  108.  
  109. <div class="mini_item">
  110. <img src="images/ribbon_soon.png" class="ribbon" alt="Coming Soon!" />
  111. <div class="block_inside">
  112. <img class="thumbnail" src="images/twitter.jpg" alt="Twitter" />
  113. <h3>Twitter Integration</h3>
  114.  
  115. <p>Are you already a Twitter user? Why not log your updates in simple tweets? With Twitter integrated this is possible and is processed exactly as if you entered the workout on the main site.</p>
  116. </div>
  117. </div>
  118.  
  119.  
  120. </div>
  121.  
  122. <div id="text_column"><img src="jump.png" alt="Jump!" /></div>
  123. </div>
  124. </div>
  125.  
  126.     <div id="footer">
  127.         <div class="container">
  128.        
  129.             <div class="footer_column long">
  130.                 <h3>Created by Alan Rice.</h3>
  131.                 <p>concepted. designed. coded. maintained.</p>
  132.                 <p>v0.1alpha</p>
  133.             </div>
  134.  
  135.             <div class="footer_column">
  136.                 <h3>Site Stats</h3>
  137.                 <ul>
  138.                     <li>Total users: </li>
  139.                     <li>Total workouts: </li>
  140.                     <li>Total calories: </li>
  141.                     <li>Total kilometres run: </li>
  142.                 </ul>
  143.             </div>
  144.        
  145.         </div>
  146.         </div>
  147.         </div>
  148. </body>
  149. </html>

Plain Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>VisualFit - Fitness for your eyes</title>
<link href="css.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="images/favicon.ico" />
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
</script>
</head>

<body>
<div id="container2" class="container">
<div id="header">
<ul id="menu">
<li><a href="" class="active">Home</a></li>

<li><a href="">Get Started</a></li>

<li><a href="">Login</a></li>

<li><a href="">F.A.Q.</a></li>

<li><a href="">Blog</a></li>

<li><a href="">Contact</a></li>
</ul>

<div id="logo">
<h1>VisualFit</h1><small>Because seeing is believing</small>
</div>
</div>

<div id="block_main" class="block">

<div class="block_inside">
<div class="image_block"><img src="images/surfer.jpg" alt="Surfer"/></div>

<div class="text_block">
<h2>Track Your Fitness</h2>

<p>Use Visual<b>Fit</b>, to track your exercise and view your progress using graphs and charts. Tell Visual<b>Fit</b> what kind of exercise you did and for how long and we'll store this as a workout. You can get statistics about this workout instantly, for example your average speed and how many calories you burned.</p>

<p>Visual<b>Fit</b> is quick and simple to use and best of all it's free! So try it today!</p>
<a href="getstarted.html" class="button">Get Started!</a>
</div>
</div>
</div>

<div id="block_details">
<div id="items">
<div class="mini_item">
<!-- <img src="images/ribbon_free.png" class="ribbon" alt="Free!" /> -->

<div class="block_inside">
<img class="thumbnail" src="images/piechart.jpg" alt="Pie Chart" />
<h3>Graphs & Charts</h3>

<p>View your progress over time, displayed on graphs, charts and tasty pies! <br/> Compare the distance you ran this month with last easily by checking out your graph of runs for this year. Simple.</p>
</div>
</div>

<div class="mini_item">
<!-- <img src="images/ribbon_promo.png" class="ribbon" alt="Only &euro;5!" /> -->
<div class="block_inside">
<img class="thumbnail" src="images/totals.png" alt="Totals" />
<h3>Total Stats Overload!</h3>

<p>See how many calories you have burnt off this month, even this year or how many kilometres you have ran in the last 6 months.</p>
</div>
</div>

<div class="mini_item">
<!-- <img src="images/ribbon_promo.png" class="ribbon" alt="Only &euro;5!" /> -->
<div class="block_inside">
<img class="thumbnail" src="images/free.jpg" alt="Free!" />
<h3>Free-ly track</h3>

<p>You should be able to track your fitness freely and thats why we have a free plan, on which you can easily track your last 30 days of exercise and get most of the benefits enjoyed by paying users.</p>
</div>
</div>

<div class="mini_item">
<!-- <img src="images/ribbon_promo.png" class="ribbon" alt="Only &euro;5!" /> -->
<div class="block_inside">
<img class="thumbnail" src="images/money.jpg" alt="Money" />
<h3>Extra! Extra! Only &euro;5!</h3>

<p>You don't have to pay to track your fitness, but if you do you get a host of extras, such as the ability to view your exercise since you joined, set goals for you to meet, challenge other Visual<b>Fit</b> users and an ad-free experience.</p>
</div>
</div>

<div class="mini_item">
<img src="images/ribbon_soon.png" class="ribbon" alt="Coming Soon!" />
<div class="block_inside">
<img class="thumbnail" src="images/mobile.jpg" alt="Mobile" />
<h3>Check your stats on-the-go</h3>

<p>Almost all exercise is done away from a computer so with the mobile version of Visual<b>Fit</b> you can log your workouts as soon as you are finished. The mobile site not only provides all the features of the main site but is deliverd in a mobile friendly layout and size.</p>
</div>
</div>

<div class="mini_item">
<img src="images/ribbon_soon.png" class="ribbon" alt="Coming Soon!" />
<div class="block_inside">
<img class="thumbnail" src="images/twitter.jpg" alt="Twitter" />
<h3>Twitter Integration</h3>

<p>Are you already a Twitter user? Why not log your updates in simple tweets? With Twitter integrated this is possible and is processed exactly as if you entered the workout on the main site.</p>
</div>
</div>


</div>

<div id="text_column"><img src="jump.png" alt="Jump!" /></div>
</div>
</div>

    <div id="footer">
        <div class="container">
        
            <div class="footer_column long">
                <h3>Created by Alan Rice.</h3>
                <p>concepted. designed. coded. maintained.</p>
                <p>v0.1alpha</p>
            </div>

            <div class="footer_column">
                <h3>Site Stats</h3>
                <ul>
                    <li>Total users: </li>
                    <li>Total workouts: </li>
                    <li>Total calories: </li>
                    <li>Total kilometres run: </li>
                </ul>
            </div>
        
        </div>
        </div>
        </div>
</body>
</html>

Permalink: http://codedumper.com/arone