elchoup
/
sitenath
1
0
Fork 0
Code Issues 0 Pull Requests 0 Projects 0 Releases 0 Wiki Activity
Browse Source

first commit

main
mat 2 years ago
commit
ca9e56c34a
42 changed files with 633 additions and 0 deletions
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +312
    -0
      Nathalia.html
  2. BIN
      images/1.jpg
  3. BIN
      images/10.jpg
  4. BIN
      images/2.jpg
  5. BIN
      images/3.jpg
  6. BIN
      images/4.jpg
  7. BIN
      images/5.jpg
  8. BIN
      images/6.jpg
  9. BIN
      images/7.jpg
  10. BIN
      images/8.jpg
  11. BIN
      images/9.jpg
  12. BIN
      images/Nat.jpg
  13. BIN
      images/Priscilia.jpg
  14. BIN
      images/brosse.jpg
  15. BIN
      images/clock.png
  16. BIN
      images/clockwhite.png
  17. BIN
      images/ies_gallery_3-300x207.jpg
  18. BIN
      images/ies_gallery_3.jpg
  19. BIN
      images/logo.jpg
  20. BIN
      images/logo1.jpg
  21. BIN
      images/map.png
  22. BIN
      images/map_32.png
  23. BIN
      images/mini1.jpg
  24. BIN
      images/mini10.jpg
  25. BIN
      images/mini2.jpg
  26. BIN
      images/mini3.jpg
  27. BIN
      images/mini4.jpg
  28. BIN
      images/mini5.jpg
  29. BIN
      images/mini6.jpg
  30. BIN
      images/mini7.jpg
  31. BIN
      images/mini8.jpg
  32. BIN
      images/mini9.jpg
  33. BIN
      images/mini_nat.jpg
  34. BIN
      images/mini_priscilia.jpg
  35. BIN
      images/pexels-photo-298611.jpeg
  36. BIN
      images/phone_32.png
  37. BIN
      images/smile.jpeg
  38. BIN
      images/smile1.jpg
  39. BIN
      images/tel.png
  40. BIN
      images/urgence.png
  41. BIN
      images/valid.png
  42. +321
    -0
      style.css

+ 312
- 0
Nathalia.html View File

@ -0,0 +1,312 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<link rel="stylesheet" href="style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Corinthia&family=Dancing+Script:wght@600&family=El+Messiri&display=swap" rel="stylesheet">
<title>Cabinet dentaire du Dr Natalya Marachian</title>
</head>
<body>
<div id="bloc_page">
<header>
<div id="haut_de_page">
<div id="logo_titre">
<img src="images/logo1.jpg">
<div id="titre">
<h1>Cabinet du Dr Natalya MARACHIAN</h1>
<h2>Chirurgien dentiste</h2>
</div>
</div>
<ul>
<li class="adresse"> 3 Boulevard Vernon 07600 Vals Les Bains</li>
<li class="tel"><a href="tel:+33981640809" title="Contactez nous"> +33 9 81 64 08 09</a></li>
</ul>
</div>
<nav>
<ul>
<li><a href="">Acceuil</a></li>
<li><a href="">Cabinet</a></li>
<li><a href="">&Eacute;quipe</a></li>
<li><a href="">Soins</a></li>
<li><a href="">Equipements</a></li>
<li><a href="">Accès et horaires</a></li>
</ul>
</nav>
<div id="smile">
<h1>Docteur Natalya Marachian</h1>
<p>Cabinet dentaire</p>
</div>
</header>
<section>
<article>
<div class="titre">
<span><div class="lign1"></div></span>
<h2>Acceuil-Infos pratiques</h2>
<span><div class="lign1"></div></span>
</div>
<div id="acceuil">
<div id="horaires">
<img class="icone" src="images/clock.png" alt="ico_clock" />
<h3>Horaires d'ouverture</h3>
<table>
<tr>
<td>Lundi&emsp;&emsp;&emsp;</td>
<td>-</td>
<td>&emsp;&emsp;&emsp;8h à 19h</td>
</tr>
<tr>
<td>Mardi&emsp;&emsp;&emsp;</td>
<td>-</td>
<td>&emsp;&emsp;&emsp;8h à 19h</td>
</tr>
<tr>
<td>Mercredi&emsp;&emsp;&emsp;</td>
<td>-</td>
<td>&emsp;&emsp;&emsp;Fermé</td>
</tr>
<tr>
<td>Jeudi&emsp;&emsp;&emsp;</td>
<td>-</td>
<td>&emsp;&emsp;&emsp;8h à 19h</td>
</tr>
<tr>
<td>Vendredi&emsp;&emsp;&emsp;</td>
<td>-</td>
<td>&emsp;&emsp;&emsp;Fermé</td>
</tr>
<tr>
<td>Week-end&emsp;&emsp;&emsp;</td>
<td>-</td>
<td>&emsp;&emsp;&emsp;Fermé</td>
</tr>
</table>
</div>
<div id="accès">
<img class="icone" src="images/map_32.png" alt="ico_map" />
<h3>Accès</h3>
<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>
</div>
<div id="contact">
<img class="icone" src="images/phone_32.png" alt="ico_tel" />
<h3>Rendez-vous</h3>
<p>La prise de rendez-vous se fait uniquement par téléphone sur les heures d'ouverture du cabinet :
<br/>
<br/>
<a href="tel:+33981640809" title="Appelez le cabinet dentaire">+33 9 81 64 08 09</a>
<br/>
<br/>
Si le cabinet est fermé vous pouvez laissez un message.<br/>
Pour toute annulation merci de nous prévenir 24h à l'avance.</p>
</div>
<div id="urgence">
<img class="icone" src="images/urgence.png" alt="ico_urgence" />
<h3>En cas d'Urgence</h3>
<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.
Les dentistes du secteur se relaient pour effectuer ces tours de garde.</p>
</div>
</div>
</article>
<article>
<div class="titre">
<span><div class="lign1"></div></span>
<h2>Notre Cabinet</h2>
<span><div class="lign1"></div></span>
</div>
<div id="presentation">
<div id="text_presentation">
<h2>Nos Valeurs :</h2>
<h3>Expertise - Suivi personnalisé - Satisfaction</h3>
<h4>Notre mission : vous écouter avec bienveillance dans l’objectif de retrouver santé et sourire.</h4>
<p><br/>Toute notre équipe est à votre service:</p>
<ul>
<li>En vous proposant des traitements fonctionnels, fiables, pérennes et esthétiques, et répondant à vos besoins et vos attentes.</li>
<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>
<li>En rendant votre expérience au cabinet, unique et vous permettre de retrouver santé et sourire.</li>
<li>Un traitement peut être échelonné afin de répondre à vos contraintes de temps ou d’ordre financier.</li>
</ul>
</div>
<img src="images/brosse.jpg" alt="brosse" />
</div>
<p id="liseret"></p>
</article>
<article id=photos>
<h2>Galerie photo:</h2>
<ul id="navigation">
<li><a href="images/1.jpg" alt="photo">
<img src="images/mini1.jpg" alt="photo" /></a>
</li>
<li><a href="images/2.jpg" alt="photo">
<img src="images/mini2.jpg" alt="photo" /></a>
</li>
<li><a href="images/3.jpg" alt="photo">
<img src="images/mini3.jpg" alt="photo" /></a>
</li>
<li><a href="images/4.jpg" alt="photo">
<img src="images/mini4.jpg" alt="photo" /></a>
</li>
<li><a href="images/5.jpg" alt="photo">
<img src="images/mini5.jpg" alt="photo" /></a>
</li>
<li><a href="images/6.jpg" alt="photo">
<img src="images/mini6.jpg" alt="photo" /></a>
</li>
<li><a href="images/7.jpg" alt="photo">
<img src="images/mini7.jpg" alt="photo" /></a>
</li>
<li><a href="images/8.jpg" alt="photo">
<img src="images/mini8.jpg" alt="photo" /></a>
</li>
<li><a href="images/9.jpg" alt="photo">
<img src="images/mini9.jpg" alt="photo" /></a>
</li>
<li><a href="images/10.jpg" alt="photo">
<img src="images/mini10.jpg" alt="photo" /></a>
</li>
</ul>
</article>
<article>
<div class="titre">
<span><div class="lign1"></div></span>
<h2>L'&Eacute;quipe</h2>
<span><div class="lign1"></div></span>
</div>
<div id="nat">
<img src="images/mini_nat.jpg" alt="photo Dr" />
<div id="texte">
<h2>Docteur Natalya MARACHIAN</h2>
<h3>Chirurgien Dentiste</h3>
</article>
</div>
</body>
</html>

BIN
images/1.jpg View File

Before After
Width: 1200  |  Height: 800  |  Size: 124 KiB

BIN
images/10.jpg View File

Before After
Width: 1920  |  Height: 1281  |  Size: 158 KiB

BIN
images/2.jpg View File

Before After
Width: 1200  |  Height: 800  |  Size: 148 KiB

BIN
images/3.jpg View File

Before After
Width: 1920  |  Height: 1279  |  Size: 116 KiB

BIN
images/4.jpg View File

Before After
Width: 7360  |  Height: 4912  |  Size: 966 KiB

BIN
images/5.jpg View File

Before After
Width: 640  |  Height: 427  |  Size: 52 KiB

BIN
images/6.jpg View File

Before After
Width: 640  |  Height: 427  |  Size: 34 KiB

BIN
images/7.jpg View File

Before After
Width: 580  |  Height: 427  |  Size: 58 KiB

BIN
images/8.jpg View File

Before After
Width: 1920  |  Height: 1281  |  Size: 125 KiB

BIN
images/9.jpg View File

Before After
Width: 1920  |  Height: 1281  |  Size: 129 KiB

BIN
images/Nat.jpg View File

Before After
Width: 480  |  Height: 640  |  Size: 49 KiB

BIN
images/Priscilia.jpg View File

Before After
Width: 480  |  Height: 640  |  Size: 62 KiB

BIN
images/brosse.jpg View File

Before After
Width: 445  |  Height: 250  |  Size: 51 KiB

BIN
images/clock.png View File

Before After
Width: 32  |  Height: 32  |  Size: 785 B

BIN
images/clockwhite.png View File

Before After
Width: 32  |  Height: 32  |  Size: 305 B

BIN
images/ies_gallery_3-300x207.jpg View File

Before After
Width: 300  |  Height: 207  |  Size: 7.8 KiB

BIN
images/ies_gallery_3.jpg View File

Before After
Width: 1200  |  Height: 826  |  Size: 112 KiB

BIN
images/logo.jpg View File

Before After
Width: 570  |  Height: 570  |  Size: 13 KiB

BIN
images/logo1.jpg View File

Before After
Width: 100  |  Height: 100  |  Size: 2.7 KiB

BIN
images/map.png View File

Before After
Width: 24  |  Height: 24  |  Size: 408 B

BIN
images/map_32.png View File

Before After
Width: 32  |  Height: 32  |  Size: 596 B

BIN
images/mini1.jpg View File

Before After
Width: 300  |  Height: 200  |  Size: 12 KiB

BIN
images/mini10.jpg View File

Before After
Width: 300  |  Height: 200  |  Size: 12 KiB

BIN
images/mini2.jpg View File

Before After
Width: 300  |  Height: 200  |  Size: 12 KiB

BIN
images/mini3.jpg View File

Before After
Width: 300  |  Height: 200  |  Size: 9.8 KiB

BIN
images/mini4.jpg View File

Before After
Width: 300  |  Height: 200  |  Size: 9.1 KiB

BIN
images/mini5.jpg View File

Before After
Width: 300  |  Height: 200  |  Size: 12 KiB

BIN
images/mini6.jpg View File

Before After
Width: 300  |  Height: 200  |  Size: 7.7 KiB

BIN
images/mini7.jpg View File

Before After
Width: 300  |  Height: 200  |  Size: 18 KiB

BIN
images/mini8.jpg View File

Before After
Width: 300  |  Height: 200  |  Size: 6.6 KiB

BIN
images/mini9.jpg View File

Before After
Width: 300  |  Height: 200  |  Size: 8.8 KiB

BIN
images/mini_nat.jpg View File

Before After
Width: 225  |  Height: 300  |  Size: 44 KiB

BIN
images/mini_priscilia.jpg View File

Before After
Width: 225  |  Height: 300  |  Size: 47 KiB

BIN
images/pexels-photo-298611.jpeg View File

Before After
Width: 1880  |  Height: 1056  |  Size: 74 KiB

BIN
images/phone_32.png View File

Before After
Width: 32  |  Height: 32  |  Size: 716 B

BIN
images/smile.jpeg View File

Before After
Width: 2210  |  Height: 689  |  Size: 208 KiB

BIN
images/smile1.jpg View File

Before After
Width: 2000  |  Height: 1333  |  Size: 310 KiB

BIN
images/tel.png View File

Before After
Width: 24  |  Height: 24  |  Size: 418 B

BIN
images/urgence.png View File

Before After
Width: 32  |  Height: 32  |  Size: 644 B

BIN
images/valid.png View File

Before After
Width: 16  |  Height: 16  |  Size: 481 B

+ 321
- 0
style.css View File

@ -0,0 +1,321 @@
body
{width: auto;
margin:auto;}
#bloc_page
{width: 100%;
margin:auto;
}
#haut_de_page
{height:200px;
display:flex;
justify-content: space-between;
align-items: center;
font-family: 'El Messiri', sans-serif;
width: 80%;
margin: auto;
}
#titre
{display: flex;
flex-direction: column;
}
#titre h2
{
margin-top:-25px;
}
#titre h1
{font-size: 2em;
font-weight: bold;
font-style: italic;
}
#titre h2
{font-weight:normal; }
#logo_titre
{display: flex;}
#logo_titre img
{
height:100px;}
.adresse
{list-style-image: url("images/map.png")}
.tel
{list-style-image: url("images/tel.png")}
#haut_de_page li
{margin-top: 3px;}
#haut_de_page a
{color: black;
text-decoration: none;}
#haut_de_page a:hover
{
text-decoration: underline;
color:rgb(193,65,82);
}
header nav
{
height: 70px;
font-size:1.4em;
text-align: center;
padding-top: 35px;
background-color: rgb(16,99,175);
}
header nav ul
{display: flex;
flex-wrap: wrap;
justify-content: center;
margin:auto;}
header nav li
{list-style-type: none;
padding-right: 20px;
}
header nav a
{color: white;
text-decoration:none;
}
header nav a:hover
{color:rgb(193,65,82);
border-bottom: 3px rgb(193,65,82) solid;
}
#smile
{background: url("images/smile.jpeg") no-repeat fixed;
background-size: cover;
height:689px;
font-size: 5em;
width: 100%;
margin:auto;
}
#smile h1,#smile p
{font-family: 'Corinthia', cursive;
color: white;
text-shadow: black 1px 1px,black -1px 1px,black -1px -1px,black 1px -1px;
text-align: center;
padding-top: 80px;
margin:0px;}
.bande
{height:3px;
width: 40%;
background-color: rgb(102,217,249);
margin-top: 50px;
margin-left: 30%;}
#acceuil
{width:80%;
display: flex;
margin: auto;
margin-top: 70px;
margin-bottom: 70px;
}
#acceuil img
{
margin-left: 5%;
margin-top: 20px;
}
#acceuil h3
{
font-size: 1.2em;
padding-left: 5%;
}
#acceuil p
{font-size: 0.9em;
text-align: center;
margin-left: 2%;
margin-right: 2%;}
#horaires
{
width: 25%;
color:white;
background:rgb(54,168,235);
border-radius: 4px;
}
#horaires table
{
margin-top: 20px;
margin-left: 10%;
font-size: 1em;}
.icone
{filter: invert(100%);}
#accès
{
width: 25%;
color:white;
background:rgb(8,142,221);
border-radius: 4px;
}
#accès p
{margin-top: 20px;
}
#contact
{width: 25%;
color:white;
background:rgb(16,99,175);
border-radius: 4px;
}
#contact a
{font-size: 1.5em;
color: white;
text-decoration: none;}
#contact a:hover
{color:rgb(193,65,82);
text-decoration: underline;
font-weight: bold;}
#urgence
{width: 25%;
color:white;
background:rgb(25,119,204);
border-radius: 4px;
}
.titre
{display: block;
margin-top: 90px;
margin-left: 10%;
width: 80%;
}
.titre span
{display:table-cell;
vertical-align: middle;
width: 50%;
}
.lign1
{display:inline-block;
border-bottom: 1px rgb(159,160,160) solid;
width: 100%;}
.titre h2
{
display: table-cell;
padding-left: 5px;
padding-right: 5px;
font-size:1.9em;
white-space: nowrap;
}
#presentation
{display: flex;
justify-content: space-between;
width: 80%;
margin: auto;
padding-top: 40px;
}
#text_presentation
{width: 50%;}
#presentation img
{width: 445px;
height: 250px;
border-radius: 50%;
border:1px black solid;
margin-top: 130px;
margin-right: 40px;}
#text_presentation h3
{font-size: 1.4em;
color: rgb(25,119,204);}
#text_presentation h4
{font-weight: normal;
font-size: 1.3em;}
#text_presentation p,#text_presentation ul
{font-size: 1.2em;}
#text_presentation ul
{list-style-image: url("images/valid.png")}
#liseret
{width:20%;
border-bottom: 1px black solid;
margin: auto;
padding-top: 80px;}
#photos
{width: 80%;
margin: auto;
padding-top: 60px;}
#photos ul
{display: flex;
flex-wrap: wrap;
width:100%;
margin: auto;
list-style-type: none;}

Write Preview
Loading…
Cancel
Save

Powered by TurnKey Linux.