You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

311 lines
6.6 KiB

2 years ago
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <link rel="stylesheet" href="style.css" />
  6. <link rel="preconnect" href="https://fonts.googleapis.com">
  7. <link href="https://fonts.googleapis.com/css2?family=Corinthia&family=Dancing+Script:wght@600&family=El+Messiri&display=swap" rel="stylesheet">
  8. <title>Cabinet dentaire du Dr Natalya Marachian</title>
  9. </head>
  10. <body>
  11. <div id="bloc_page">
  12. <header>
  13. <div id="haut_de_page">
  14. <div id="logo_titre">
  15. <img src="images/logo1.jpg">
  16. <div id="titre">
  17. <h1>Cabinet du Dr Natalya MARACHIAN</h1>
  18. <h2>Chirurgien dentiste</h2>
  19. </div>
  20. </div>
  21. <ul>
  22. <li class="adresse"> 3 Boulevard Vernon 07600 Vals Les Bains</li>
  23. <li class="tel"><a href="tel:+33981640809" title="Contactez nous"> +33 9 81 64 08 09</a></li>
  24. </ul>
  25. </div>
  26. <nav>
  27. <ul>
  28. <li><a href="">Acceuil</a></li>
  29. <li><a href="">Cabinet</a></li>
  30. <li><a href="">&Eacute;quipe</a></li>
  31. <li><a href="">Soins</a></li>
  32. <li><a href="">Equipements</a></li>
  33. <li><a href="">Accès et horaires</a></li>
  34. </ul>
  35. </nav>
  36. <div id="smile">
  37. <h1>Docteur Natalya Marachian</h1>
  38. <p>Cabinet dentaire</p>
  39. </div>
  40. </header>
  41. <section>
  42. <article>
  43. <div class="titre">
  44. <span><div class="lign1"></div></span>
  45. <h2>Acceuil-Infos pratiques</h2>
  46. <span><div class="lign1"></div></span>
  47. </div>
  48. <div id="acceuil">
  49. <div id="horaires">
  50. <img class="icone" src="images/clock.png" alt="ico_clock" />
  51. <h3>Horaires d'ouverture</h3>
  52. <table>
  53. <tr>
  54. <td>Lundi&emsp;&emsp;&emsp;</td>
  55. <td>-</td>
  56. <td>&emsp;&emsp;&emsp;8h à 19h</td>
  57. </tr>
  58. <tr>
  59. <td>Mardi&emsp;&emsp;&emsp;</td>
  60. <td>-</td>
  61. <td>&emsp;&emsp;&emsp;8h à 19h</td>
  62. </tr>
  63. <tr>
  64. <td>Mercredi&emsp;&emsp;&emsp;</td>
  65. <td>-</td>
  66. <td>&emsp;&emsp;&emsp;Fermé</td>
  67. </tr>
  68. <tr>
  69. <td>Jeudi&emsp;&emsp;&emsp;</td>
  70. <td>-</td>
  71. <td>&emsp;&emsp;&emsp;8h à 19h</td>
  72. </tr>
  73. <tr>
  74. <td>Vendredi&emsp;&emsp;&emsp;</td>
  75. <td>-</td>
  76. <td>&emsp;&emsp;&emsp;Fermé</td>
  77. </tr>
  78. <tr>
  79. <td>Week-end&emsp;&emsp;&emsp;</td>
  80. <td>-</td>
  81. <td>&emsp;&emsp;&emsp;Fermé</td>
  82. </tr>
  83. </table>
  84. </div>
  85. <div id="accès">
  86. <img class="icone" src="images/map_32.png" alt="ico_map" />
  87. <h3>Accès</h3>
  88. <p>Distenta aliquando bellatores bellatores pube bellatores seminudi sedibus arborem et eorum pube vel tenus pernicium quarum ad raptantes unius lateque sine porrigitur amicti confinia seminudi diversa aut tractus aut tranquillis.</p>
  89. </div>
  90. <div id="contact">
  91. <img class="icone" src="images/phone_32.png" alt="ico_tel" />
  92. <h3>Rendez-vous</h3>
  93. <p>La prise de rendez-vous se fait uniquement par téléphone sur les heures d'ouverture du cabinet :
  94. <br/>
  95. <br/>
  96. <a href="tel:+33981640809" title="Appelez le cabinet dentaire">+33 9 81 64 08 09</a>
  97. <br/>
  98. <br/>
  99. Si le cabinet est fermé vous pouvez laissez un message.<br/>
  100. Pour toute annulation merci de nous prévenir 24h à l'avance.</p>
  101. </div>
  102. <div id="urgence">
  103. <img class="icone" src="images/urgence.png" alt="ico_urgence" />
  104. <h3>En cas d'Urgence</h3>
  105. <p>En cas d'ugence sur les heures ou jours de fermeture du cabinet, contactez les cabinets de gardes en appelant le 15 où votre commissariat.
  106. Les dentistes du secteur se relaient pour effectuer ces tours de garde.</p>
  107. </div>
  108. </div>
  109. </article>
  110. <article>
  111. <div class="titre">
  112. <span><div class="lign1"></div></span>
  113. <h2>Notre Cabinet</h2>
  114. <span><div class="lign1"></div></span>
  115. </div>
  116. <div id="presentation">
  117. <div id="text_presentation">
  118. <h2>Nos Valeurs :</h2>
  119. <h3>Expertise - Suivi personnalisé - Satisfaction</h3>
  120. <h4>Notre mission : vous écouter avec bienveillance dans l’objectif de retrouver santé et sourire.</h4>
  121. <p><br/>Toute notre équipe est à votre service:</p>
  122. <ul>
  123. <li>En vous proposant des traitements fonctionnels, fiables, pérennes et esthétiques, et répondant à vos besoins et vos attentes.</li>
  124. <li>En se formant en continu pour vous apporter les solutions à la fois les plus adaptées et avancées à l’ensemble de vos problèmes bucco-dentaires.</li>
  125. <li>En rendant votre expérience au cabinet, unique et vous permettre de retrouver santé et sourire.</li>
  126. <li>Un traitement peut être échelonné afin de répondre à vos contraintes de temps ou d’ordre financier.</li>
  127. </ul>
  128. </div>
  129. <img src="images/brosse.jpg" alt="brosse" />
  130. </div>
  131. <p id="liseret"></p>
  132. </article>
  133. <article id=photos>
  134. <h2>Galerie photo:</h2>
  135. <ul id="navigation">
  136. <li><a href="images/1.jpg" alt="photo">
  137. <img src="images/mini1.jpg" alt="photo" /></a>
  138. </li>
  139. <li><a href="images/2.jpg" alt="photo">
  140. <img src="images/mini2.jpg" alt="photo" /></a>
  141. </li>
  142. <li><a href="images/3.jpg" alt="photo">
  143. <img src="images/mini3.jpg" alt="photo" /></a>
  144. </li>
  145. <li><a href="images/4.jpg" alt="photo">
  146. <img src="images/mini4.jpg" alt="photo" /></a>
  147. </li>
  148. <li><a href="images/5.jpg" alt="photo">
  149. <img src="images/mini5.jpg" alt="photo" /></a>
  150. </li>
  151. <li><a href="images/6.jpg" alt="photo">
  152. <img src="images/mini6.jpg" alt="photo" /></a>
  153. </li>
  154. <li><a href="images/7.jpg" alt="photo">
  155. <img src="images/mini7.jpg" alt="photo" /></a>
  156. </li>
  157. <li><a href="images/8.jpg" alt="photo">
  158. <img src="images/mini8.jpg" alt="photo" /></a>
  159. </li>
  160. <li><a href="images/9.jpg" alt="photo">
  161. <img src="images/mini9.jpg" alt="photo" /></a>
  162. </li>
  163. <li><a href="images/10.jpg" alt="photo">
  164. <img src="images/mini10.jpg" alt="photo" /></a>
  165. </li>
  166. </ul>
  167. </article>
  168. <article>
  169. <div class="titre">
  170. <span><div class="lign1"></div></span>
  171. <h2>L'&Eacute;quipe</h2>
  172. <span><div class="lign1"></div></span>
  173. </div>
  174. <div id="nat">
  175. <img src="images/mini_nat.jpg" alt="photo Dr" />
  176. <div id="texte">
  177. <h2>Docteur Natalya MARACHIAN</h2>
  178. <h3>Chirurgien Dentiste</h3>
  179. </article>
  180. </div>
  181. </body>
  182. </html>

Powered by TurnKey Linux.