1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title><cfoutput>#CGI.HTTP_HOST#</cfoutput></title>
  6. <cfinclude template="cfheader.cfm">
  7. </head>
  8.  
  9. <body>
  10. <img src="images/gradient_demandgrfx.png" alt="background" id="bg" />
  11.  
  12. <section>
  13. <div id="suspended">
  14.     <div id="centeredcontent">
  15.  
  16. <!--CSS: COL 200 -->
  17. <div id="colOne">
  18.       <div class="px200"><a href="index.cfm"><img src="http://www.demandgrfx.com/images/site_1.jpg" alt="logo" width="200" height="200"/></a></div>
  19.       <div class="px200"><img src="http://www.demandgrfx.com/images/site_2.jpg" alt="GRFX" width="200" height="200"/></div>
  20. </div>
  21.  
  22. <!--CSS: COL 400 -->
  23. <div id="colTwo">
  24.     <div class="px400"><img src="http://www.demandgrfx.com/images/site_4b.jpg" alt="GRFX" width="400" height="200"/><div class="px400Header">[ D E M A N D &#8226; G R F X ]</div></div>
  25.     <div class="px400"><img src="http://www.demandgrfx.com/images/site_4.jpg" alt="GRFX" width="200" height="200"/><img src="http://www.demandgrfx.com/images/site_5.jpg" alt="GRFX" width="200" height="200"/></div>
  26. </div>
  27.  
  28.  <!--CSS: COL 200 & 200 A -->
  29. <div id="div_element1" style="display: block;">
  30.     <div id="colThree"><img src="http://www.demandgrfx.com/images/site_6a.jpg" alt="GRFX" width="200" height="400"/>
  31.         <div class="px400Begin"><a href="javascript:hide_show1(); javascript:hide_show2();">BEGIN</a></div>
  32.     </div>
  33.     <div id="colFour">
  34.         <div class="px200"><img src="http://www.demandgrfx.com/images/site_7.jpg" alt="GRFX" width="200" height="201"/></div>
  35.         <div class="px200"><img src="http://www.demandgrfx.com/images/site_8.jpg" alt="GRFX" width="200" height="200"/></div>
  36.     </div>
  37. </div>
  38.  
  39. <!--CSS: COL 200 & 200 B -->
  40. <nav>
  41. <div id="div_element2" style="display: none;">
  42.     <div id="colFive">
  43.         <div class="px400Nav"><cfinclude template="cfnavigation.cfm"></div>
  44.     </div>
  45.     <div id="colSix">
  46.         <div class="px200"><img src="http://www.demandgrfx.com/images/site_7a.jpg" alt="GRFX" width="200" height="200"/></div>
  47.         <div class="px200"><img src="http://www.demandgrfx.com/images/site_7b.jpg" alt="GRFX" width="200" height="200"/></div>
  48.     </div>
  49. </div>
  50. </nav><!-- /# navigation -->
  51.  
  52.     </div>
  53. </div>
  54. </section><!-- /# centeredcontent -->
  55.  
  56. <script>
  57. function hide_show1()
  58. {
  59. var show_div1 = document.getElementById('div_element1').style;
  60. if (show_div1.display == 'block')
  61. show_div1.display = 'none';
  62. else show_div1.display = 'block';
  63. }
  64. </script><script>
  65. function hide_show2()
  66. {
  67. var show_div2 = document.getElementById('div_element2').style;
  68. if (show_div2.display == 'none')
  69. show_div2.display = 'block';
  70. else show_div2.display = 'none';
  71. }
  72. </script>
  73. </body>
  74. </html>