Posted By

chrislorenz on 10/25/10


Tagged

html standards markup semantic


Versions (?)

PDS Office Website Source Code


 / Published in: HTML
 

This is source I created from a project currently in development.

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta name="Description" content="Dentist in Irvine - Walnut Dental Group & Orthodontics provides general dentistry in Irvine, make your next family dentist appointment at Walnut Dental Group &amp; Orthodontics. " />
  5. <meta name="Keywords" content="Walnut Dental Group & Orthodontics, dentist office, Irvine, dental, dds, dentist, dentist in Irvine, dental group, cosmetic dentist, orthodontics, braces, dental implants" />
  6. <meta name="Robots" content="index, follow" /><meta name="Geo.Position" content="33.7058,-117.7869" />
  7. <meta name="Geo.Placename" content="Irvine,CA" />
  8. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  9. <meta http-equiv="X-UA-Compatible" content="IE=8" /><link href="Views/Public/css/reset.css" rel="stylesheet" type="text/css" /><link rel="stylesheet" type="text/css" href="script/fancybox/jquery.fancybox-1.2.6.css" media="screen" /><link href="script/css/jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" /><link rel="stylesheet" href="script/css/validationEngine.jquery.css" type="text/css" media="screen" charset="utf-8" />
  10. <script src="script/jscript/jquery-1.3.2.min.js" type="text/javascript"></script>
  11. <!--[if lte IE 9]>
  12. <link rel="stylesheet" type="text/css" href="views/Master_1/1/css/ie.css" />
  13. <![endif]-->
  14. <link href="Views/Master_1/1/css/style.css?r=1" type="text/css" rel="stylesheet" /><link href="Views/Master_1/1/css/nav.css?r=1" type="text/css" rel="stylesheet" /><title>Dentist in Irvine | Walnut Dental Group & Orthodontics</title>
  15. </head>
  16.  
  17. <body id="ctl00_BodyID">
  18. <div id="wrapper">
  19. <div id="header">
  20. <div id="topheadwrap">
  21. <div id="logo"><a id="ctl00_logolink" href="Default.aspx"><img id="ctl00_logoimg" src="uploadedimages/Office/Logos/JPG/EmailColor-262x40/6-Logo.jpg" alt="" /></a></div>
  22. <div id="headphnaddr"><div class='phone'>(949)733-0486</div>
  23. <div class='address'> 14427 Culver Dr. ,&nbsp;Irvine,&nbsp;CA</div>
  24. <div id="introtext"><img class="emergencyIcon" src="/Views/Master_1/1/images/emergencyIcon.png" />Have a Dental Emergency?</div>
  25. </div>
  26. </div>
  27. <div class="clear"></div>
  28. <div id="subheader"><span id="ctl00_subheadertext" class="subheadertext">Looking for a Family Dentist in Irvine, CA? Your in the right spot!</span></div>
  29. <div id="navcontainer">
  30. <ul id="navul">
  31. <li><a href="Default.aspx">Home</a></li>
  32. <li><a href="ourservices.aspx">Our Services</a>
  33. <ul>
  34. <li><a href="bridges.aspx">Bridges</a></li>
  35. <li><a href="orthodontics.aspx">Braces &amp; Orthodontics</a></li>
  36. <li><a href="Crowns.aspx">Crowns</a></li>
  37. <li><a href="dentures.aspx">Dentures</a></li>
  38. <li><a href="hygiene.aspx">Dental Hygiene</a></li>
  39. <li><a href="fillings.aspx">Fillings</a></li>
  40. <li><a href="periodontics.aspx">Periodontics</a></li>
  41. <li><a href="rootcanal.aspx">Root Canal</a></li>
  42. <li><a href="veneers.aspx">Veneers</a></li>
  43. <li><a href="teethwhitening.aspx">Teeth Whitening</a></li>
  44. <li class="beforelast"><a href="wisdomteeth.aspx">Wisdom Teeth</a></li>
  45. <li class="last">
  46. <img class="corner_left" alt="" src="Views/Master_1/1/images/nav/corner_left.png" />
  47. <img class="middle" alt="" src="Views/Master_1/1/images/nav/dot.gif" />
  48. <img class="corner_right" alt="" src="Views/Master_1/1/images/nav/corner_right.png" />
  49. </li>
  50. </ul>
  51. </li>
  52. <li><a href="OurTeam.aspx">Meet Our Team</a></li>
  53. <li><a href="insurance.aspx">Insurance &amp; Payment Options</a></li>
  54. <li><a href="findus.aspx">About Us</a>
  55. <ul>
  56. <li><a href="findus.aspx">Our Office</a></li>
  57. <li class="beforelast"><a href="technology.aspx">Our Technology</a></li>
  58. <li class="last">
  59. <img class="corner_left" alt="" src="Views/Master_1/1/images/nav/corner_left.png" />
  60. <img class="middle" alt="" src="Views/Master_1/1/images/nav/dot.gif" />
  61. <img class="corner_right" alt="" src="Views/Master_1/1/images/nav/corner_right.png" />
  62. </li>
  63. </ul>
  64. </li>
  65. <li><a href="contactus.aspx">Contact Us</a></li>
  66. </ul>
  67. </div>
  68. </div>
  69. <div id="contentwrapper">
  70.  
  71. <!-- BEGIN CONTENT BLOCK -->
  72. <div id="herocopy">
  73. <div id="reqapptaction"><a class="apptrequest" href="Appointment.aspx?iframe"><img alt="Request an Appointment!" src="Views/Master_1/1/images/reqapptaction.png" /></a></div>
  74. <h1 id="defaulth1" class="h1img">Dentist in Irvine - Walnut Dental Group & Orthodontics | We Create Smiles</h1>
  75. <p>Finding a dentist in Irvine that is dedicated to your <a href="ourservices.aspx">dental care</a> can be tough. From your first visit to our <a href="findus.aspx">Irvine dental office</a>, we will work together in creating not only a great looking smile but make you smile in the process. From <a href="orthodontics.aspx">Braces</a> to <a href="teethwhitening.aspx">Teeth Whitening</a>, as a full service dentist we offer an array of <a href="ourservices.aspx">dental options</a>.</p>
  76. <p><a href="technology.aspx">Modern Dentistry</a> is a big deal to us; digital x-rays, electronic dental records, intra-oral cameras and <a href="cadcam.aspx">Cad/Cam systems</a> not only help reduce cost but also make your visit faster and more efficient.</p>
  77. </div>
  78. </div>
  79.  
  80. <div id="content2">
  81. <div class="clear"></div>
  82. <div id="footmodules">
  83. <div id="footmodulecontent">
  84. <div id="modBox1" class="modBoxTop">
  85. <div class="modBoxHead"><h2>Locations</h2></div>
  86. <p class="locationText"><img class="modBoxContentImg" src="Views/Master_1/1/images/modBox/locationIcon.png" alt="Our Location" />We are conveniently located on the corner of Sterling and Lincoln, in the Parkway Pointe Center next to Guaranty Bank.</p>
  87. <div class="modNav"><a href="findus.aspx"><img class="modButton" src="Views/Master_1/1/images/modBox/directionsButton.png" alt="Directions" /></a></div>
  88. </div>
  89.  
  90. <div id="modBox2" class="modBoxTop">
  91. <div class="modBoxWrap">
  92. <div class="modBoxHead"><h2>Services</h2></div>
  93. <div id="servicesNav">
  94. <ul>
  95. <li>Braces</li>
  96. <li>Bridges</li>
  97. <li>Crowns</li>
  98. <li>Hygiene</li>
  99. <li>Fillings</li>
  100. <li>Oral Surgery</li>
  101. <li>Orthodontics</li>
  102. <li>Root Canal</li>
  103. <li>Veneers</li>
  104. <li>Whitening</li>
  105. </ul>
  106. </div>
  107. </div>
  108. <div class="modNav"><a href="ourservices.aspx"><img class="modButton" src="Views/Master_1/1/images/modBox/servicesButton.png" alt="Our Services" /></a></div>
  109. </div>
  110. <div id="modBox3" class="modBoxTop">
  111. <div class="modBoxWrap">
  112. <div class="modBoxHead"><h2>Just For Your Kids</h2></div>
  113. <div class="modBoxIntroImg"><img src="Views/Master_1/1/images/modBox/mkdLogo.png" alt="Our Services" /></div>
  114. <p class="modBoxOutro">We offer great dentistry to your child. Find out more!</p>
  115. </div>
  116. <div class="modNav"><a href="http://mykidsdentistonline.com" target="_blank"><img class="modButton" src="Views/Master_1/1/images/modBox/learnMoreButton.png" alt="Learn More" /></a></div>
  117. </div>
  118. <div id="modBox4" class="modBoxTop">
  119. <div class="modBoxWrap">
  120. <div class="modBoxHead"><h2>We Are on Yelp!</h2></div>
  121. <div class="modBoxIntroImg"><img src="Views/Master_1/1/images/modBox/yelpLogo.png" alt="Rate us on Yelp!" /></div>
  122. <p class="modBoxOutro">See what our patients are saying about us or write a review.</p>
  123. </div>
  124. <div class="modNav"><a href="http://mykidsdentistonline.com" target="_blank"><img class="modButton" src="Views/Master_1/1/images/modBox/learnMoreButton.png" alt="Learn More" /></a></div>
  125. </div>
  126. <div id="modBox5" class="modBoxBottom">
  127. <div class="modBoxBottomLeft">
  128. <img src="Views/Master_1/1/images/modBox/modBoxSgLogo.png" />
  129. <p>As a Smile Generation approved office we can constantly offer the most advanced clinical care and exceptional customer service and support.</p>
  130. </div>
  131. <div class="modBoxBottomRight">
  132. <img src="Views/Master_1/1/images/modBox/modBoxSgRight.png" />
  133. </div>
  134. </div>
  135. <div id="modBox6" class="modBoxBottom">
  136. <div class="modBoxVideoLeft"><img src="Views/Master_1/1/images/modBox/videoIcon.png" /></div>
  137. <div class="modBoxVideoRight">
  138. <h1 class="modBoxVideoHead">Dental Education Videos</h1>
  139. <ul>
  140. <li><a class='videoplay iframe' href='video.aspx?vcat=1'>Bridges</a></li>
  141. <li><a class='videoplay iframe' href='video.aspx?vcat=2'>Crowns</a></li>
  142. <li><a class='videoplay iframe' href='video.aspx?vcat=5'>Dental Hygiene</a></li>
  143. <li><a class='videoplay iframe' href='video.aspx?vcat=3'>Dentures</a></li>
  144. <li><a class='videoplay iframe' href='video.aspx?vcat=4'>Fillings</a></li>
  145. <li><a class='videoplay iframe' href='video.aspx?vcat=7'>Periodontics</a></li>
  146. <li><a class='videoplay iframe' href='video.aspx?vcat=8'>Root Canals</a></li>
  147. <li><a class='videoplay iframe' href='video.aspx?vcat=10'>Teeth Whitening</a></li>
  148. <li><a class='videoplay iframe' href='video.aspx?vcat=9'>Veneers</a></li>
  149. <li><a class='videoplay iframe' href='video.aspx?vcat=11'>Wisdom Teeth</a></li>
  150. </ul>
  151. </div>
  152. </div>
  153. <div class="clear"></div>
  154. </div>
  155. </div>
  156. <!-- END CONTENTBLOCK -->
  157. </div>
  158. <div class="clear"></div>
  159. <div id="footbreak">
  160. <div id="footer"></div>
  161. </div>
  162. </div>
  163. <div id="index">
  164. <ul id="indexul">
  165. <li><a href="Default.aspx">Home</a></li>
  166. <li><a class="apptrequest" href="Appointment.aspx?iframe">Request an Appointment</a></li>
  167. <li><a href="ourteam.aspx">Meet Our Team</a></li>
  168. <li><a href="findus.aspx">Our Office</a></li>
  169. </ul>
  170. <div class="clear"></div>
  171. <div id="logoicon"><img alt="" src="Views/Master_1/1/images/pdsicon.gif" /></div>
  172. </div>
  173.  
  174.  
  175. <script type="text/javascript" src="script/jquery-tooltip/js/jtip.js" language="javascript"></script>
  176. <script type="text/javascript" src="script/jscript/jquery.ui.core.js"></script>
  177. <script type="text/javascript" src="script/jscript/jquery.ui.datepicker.js"></script>
  178. <script src="script/jscript/jquery.validationEngine-en.js" type="text/javascript"></script>
  179. <script src="script/jscript/jquery.validationEngine.js" type="text/javascript"></script>
  180. <script type="text/javascript" src="script/fancybox/jquery.fancybox-1.2.6.pack.js"></script>
  181. <script type="text/javascript" charset="utf-8">
  182. var is_ssl = ("https:" == document.location.protocol);
  183. var asset_host = is_ssl ? "https://s3.amazonaws.com/getsatisfaction.com/" : "http://s3.amazonaws.com/getsatisfaction.com/";
  184. document.write(unescape("%3Cscript src='" + asset_host + "javascripts/feedback-v2.js' type='text/javascript'%3E%3C/script%3E"));
  185. </script>
  186.  
  187. <script type="text/javascript">
  188. $(document).ready(function() {
  189. $("a.videoplay").fancybox({
  190. 'frameWidth': 570,
  191. 'frameHeight': 310,
  192. 'zoomSpeedIn': 500,
  193. 'zoomSpeedOut': 500
  194.  
  195. });
  196. $("a.vtour").fancybox({
  197. 'frameWidth': 648,
  198. 'frameHeight': 500,
  199. 'zoomSpeedIn': 500,
  200. 'zoomSpeedOut': 500
  201.  
  202. });
  203. $("a.zoomimg").fancybox({
  204. 'zoomSpeedIn': 800,
  205. 'zoomSpeedOut': 800
  206. });
  207. $("a.apptrequest").fancybox({
  208. 'frameWidth': 697,
  209. 'frameHeight': 520,
  210. 'zoomSpeedIn': 500,
  211. 'zoomSpeedOut': 500,
  212. 'hideOnOverlayClick': false
  213. });
  214. });
  215. </script>
  216.  
  217. </body>
  218. </html>

Report this snippet  

You need to login to post a comment.