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.

440 lines
10 KiB

2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
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/dent.png">
  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="#1">Acceuil</a></li>
  29. <li><a href="#2">Cabinet</a></li>
  30. <li><a href="#3">&Eacute;quipe</a></li>
  31. <li><a href="#4">Traitements</a></li>
  32. <li><a href="#5">Accès</a></li>
  33. </ul>
  34. </nav>
  35. <div id="smile">
  36. <h1>Docteur Natalya Marachian</h1>
  37. <p>Cabinet dentaire</p>
  38. </div>
  39. </header>
  40. <section>
  41. <article id="1">
  42. <div class="titre">
  43. <span><div class="lign1"></div></span>
  44. <h2>Acceuil-Infos pratiques</h2>
  45. <span><div class="lign1"></div></span>
  46. </div>
  47. <div id="acceuil">
  48. <div id="horaires">
  49. <img class="icone" src="images/clock.png" alt="ico_clock" />
  50. <h3>Horaires d'ouverture</h3>
  51. <table>
  52. <tr>
  53. <td>Lundi&emsp;&emsp;&emsp;</td>
  54. <td>-</td>
  55. <td>&emsp;&emsp;&emsp;8h à 19h</td>
  56. </tr>
  57. <tr>
  58. <td>Mardi&emsp;&emsp;&emsp;</td>
  59. <td>-</td>
  60. <td>&emsp;&emsp;&emsp;8h à 19h</td>
  61. </tr>
  62. <tr>
  63. <td>Mercredi&emsp;&emsp;&emsp;</td>
  64. <td>-</td>
  65. <td>&emsp;&emsp;&emsp;Fermé</td>
  66. </tr>
  67. <tr>
  68. <td>Jeudi&emsp;&emsp;&emsp;</td>
  69. <td>-</td>
  70. <td>&emsp;&emsp;&emsp;8h à 19h</td>
  71. </tr>
  72. <tr>
  73. <td>Vendredi&emsp;&emsp;&emsp;</td>
  74. <td>-</td>
  75. <td>&emsp;&emsp;&emsp;Fermé</td>
  76. </tr>
  77. <tr>
  78. <td>Week-end&emsp;&emsp;&emsp;</td>
  79. <td>-</td>
  80. <td>&emsp;&emsp;&emsp;Fermé</td>
  81. </tr>
  82. </table>
  83. </div>
  84. <div id="accès">
  85. <img class="icone" src="images/map_32.png" alt="ico_map" />
  86. <h3>Accès</h3>
  87. <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>
  88. </div>
  89. <div id="contact">
  90. <img class="icone" src="images/phone_32.png" alt="ico_tel" />
  91. <h3>Rendez-vous</h3>
  92. <p>La prise de rendez-vous se fait uniquement par téléphone sur les heures d'ouverture du cabinet :
  93. <br/>
  94. <br/>
  95. <a href="tel:+33981640809" title="Appelez le cabinet dentaire">+33 9 81 64 08 09</a>
  96. <br/>
  97. <br/>
  98. Si le cabinet est fermé vous pouvez laissez un message.<br/>
  99. Pour toute annulation merci de nous prévenir 24h à l'avance.</p>
  100. </div>
  101. <div id="urgence">
  102. <img class="icone" src="images/urgence.png" alt="ico_urgence" />
  103. <h3>En cas d'Urgence</h3>
  104. <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.
  105. Les dentistes du secteur se relaient pour effectuer ces tours de garde.</p>
  106. </div>
  107. </div>
  108. </article>
  109. <article id="2">
  110. <div class="titre">
  111. <span><div class="lign1"></div></span>
  112. <h2>Notre Cabinet</h2>
  113. <span><div class="lign1"></div></span>
  114. </div>
  115. <div id="presentation">
  116. <div id="text_presentation">
  117. <h2>Nos Valeurs :</h2>
  118. <h3>Expertise - Suivi personnalisé - Satisfaction</h3>
  119. <h4>Notre mission : vous écouter avec bienveillance dans l’objectif de retrouver santé et sourire.</h4>
  120. <p><br/>Toute notre équipe est à votre service:</p>
  121. <ul>
  122. <li>En vous proposant des traitements fonctionnels, fiables, pérennes et esthétiques, et répondant à vos besoins et vos attentes.</li>
  123. <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>
  124. <li>En rendant votre expérience au cabinet, unique et vous permettre de retrouver santé et sourire.</li>
  125. <li>Un traitement peut être échelonné afin de répondre à vos contraintes de temps ou d’ordre financier.</li>
  126. </ul>
  127. </div>
  128. <img src="images/brosse.jpg" alt="brosse" />
  129. </div>
  130. <p id="liseret"></p>
  131. </article>
  132. <article id=photos>
  133. <h2>Galerie photo:</h2>
  134. <ul id="navigation">
  135. <li><a href="images/1.jpg" alt="photo">
  136. <img src="images/mini1.jpg" alt="photo" /></a>
  137. </li>
  138. <li><a href="images/2.jpg" alt="photo">
  139. <img src="images/mini2.jpg" alt="photo" /></a>
  140. </li>
  141. <li><a href="images/3.jpg" alt="photo">
  142. <img src="images/mini3.jpg" alt="photo" /></a>
  143. </li>
  144. <li><a href="images/4.jpg" alt="photo">
  145. <img src="images/mini4.jpg" alt="photo" /></a>
  146. </li>
  147. <li><a href="images/5.jpg" alt="photo">
  148. <img src="images/mini5.jpg" alt="photo" /></a>
  149. </li>
  150. <li><a href="images/6.jpg" alt="photo">
  151. <img src="images/mini6.jpg" alt="photo" /></a>
  152. </li>
  153. <li><a href="images/7.jpg" alt="photo">
  154. <img src="images/mini7.jpg" alt="photo" /></a>
  155. </li>
  156. <li><a href="images/8.jpg" alt="photo">
  157. <img src="images/mini8.jpg" alt="photo" /></a>
  158. </li>
  159. <li><a href="images/9.jpg" alt="photo">
  160. <img src="images/mini9.jpg" alt="photo" /></a>
  161. </li>
  162. <li><a href="images/10.jpg" alt="photo">
  163. <img src="images/mini10.jpg" alt="photo" /></a>
  164. </li>
  165. </ul>
  166. </article>
  167. <article id="3">
  168. <div class="titre">
  169. <span><div class="lign1"></div></span>
  170. <h2>L'&Eacute;quipe</h2>
  171. <span><div class="lign1"></div></span>
  172. </div>
  173. <div id="equipe">
  174. <div id="profil">
  175. <p><img src="images/mini_nat.jpg" alt="photo Dr" /></p>
  176. <div id="nom">
  177. <h2>Docteur Natalya MARACHIAN</h2>
  178. <h3>Chirurgien Dentiste</h3>
  179. </div>
  180. <div id="exp">
  181. <h3>Expertise : </h3>
  182. <ul>
  183. <li>2013 - Diplôme de la Faculté de Chirurgie Dentaire de Montpelier</li>
  184. <li>2018 - Attestation de formation d'Injections d'Acide hyaluronique</li>
  185. </ul>
  186. </div>
  187. </div>
  188. <p id="lis"></p>
  189. <div id="profil">
  190. <p><img src="images/mini_priscilia.jpg" alt="photo assistante" /></p>
  191. <div id="nom">
  192. <h2>Priscilia</h2>
  193. <h3>Assistante dentaire</h3>
  194. </div>
  195. </div>
  196. </div>
  197. </article>
  198. <article id="4">
  199. <div class="titre">
  200. <span><div class="lign1"></div></span>
  201. <h2>Nos traitements</h2>
  202. <span><div class="lign1"></div></span>
  203. </div>
  204. <nav>
  205. <div id="traitements">
  206. <div class="ensemble">
  207. <a href="traitements/Implantologie.html">
  208. <p id="img_traitement"><img src="images/implant.jpg" alt="image implant" /><P>
  209. <h2>Implantologie</h2>
  210. </a>
  211. </div>
  212. <div class="ensemble">
  213. <a href="traitements/Dentisterie.html">
  214. <p id="img_traitement"><img src="images/detartr.jpg" alt="image detatr" /></p>
  215. <h2>Dentisterie Omnipratique</h2>
  216. </a>
  217. </div>
  218. <div class="ensemble">
  219. <a href="traitements/sourire.html">
  220. <p id="img_traitement"><img src="images/sourire.jpg" alt="image sourire" /></p>
  221. <h2>Réhabilitation du sourire</h2>
  222. </a>
  223. </div>
  224. <div class="ensemble">
  225. <a href="traitements/acide.html">
  226. <p id="img_traitement"><img src="images/injection.jpg" alt="image injection" /></p>
  227. <h2>Injection d'Acide Hyaluronique</h2>
  228. </a>
  229. </div>
  230. <div class="ensemble">
  231. <a href="traitements/parodontologie.html">
  232. <p id="img_traitement"><img src="images/parodon.jpg" alt="image parodontale" /><p>
  233. <h2>Traitement des gencives : Parodontologie</h2>
  234. </a>
  235. </div>
  236. <div class="ensemble">
  237. <a href="traitements/Gouttières.html">
  238. <p id="img_traitement"><img src="images/gout.png" alt="image gouttiere" /></p>
  239. <h2>Alignement par Gouttières transparentes</h2>
  240. </a>
  241. </div>
  242. </div>
  243. </nav>
  244. </article>
  245. <article id="5">
  246. <div class="titre">
  247. <span><div class="lign1"></div></span>
  248. <h2>Accéder au cabinet</h2>
  249. <span><div class="lign1"></div></span>
  250. </div>
  251. <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2837.738829614963!2d4.365803423056344!3d44.663687380272705!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x12b4df0fe407f01d%3A0x428e24baf9f719a5!2s3%20Bd%20de%20Vernon%2C%2007600%20Vals-les-Bains!5e0!3m2!1sfr!2sfr!4v1640273961203!5m2!1sfr!2sfr" width="100%" height="600" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
  252. </article>
  253. <article id="fin">
  254. <h2>Vous avez une question ou souhaitez prendre rendez-vous ? </h2>
  255. <a href="tel:+33981640809"><h3>Contactez-nous</h3></a>
  256. </article>
  257. </section>
  258. <footer>
  259. <h1>Cabinet dentaire Vals les Bains</h1>
  260. <p>Docteur Natalya Marachian © 2021 - Tous droits réservés
  261. <br/>
  262. <br/>
  263. Conception et résalisation : Matthieu Hertaut
  264. </p>
  265. <a href=""><p id="mention">Mentions légales</p></a>
  266. </footer>
  267. </div>
  268. </body>
  269. </html>

Powered by TurnKey Linux.