Projetdentiste/index.html at main · NadegeBocoAssogba/Projetdentiste · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Cabinet dentaire</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header>
        <div class="logo"> <span>D</span>entiste</div>
        <ul class="menu">
            <a href="#">Consultation</a>
            <a href="#">Avis clients</a>
            <a href="#">Contacts</a>
            <a href="">Spécialistes</a>
        </ul>
    </header>

    <!-- home -->

    <section class="home">
        <div class="home-infos">
            <h1>Services aux patients</h1>
            <p>Nous proposons la plus large gamme de services accrédités et innovants aux patients. </p>
            <a href="#">Engager un spécialiste</a>
        </div>
    </section>

    <!-- services -->

    <section class="services">
        <H1 class="title">SERVICES MEDICAUX</H1>
        <p class="sub-title">Notre centre vous offre, à vous et votre famille, une gamme complète de services de santé.</p>
        <div class="list-services">
            <div class="box">
                <h1>Les soins familiaux</h1>
                <p>Qu'il s'agisse de soins ambulatoires, de soins sans rendez-vous ou de visites en ligne avec OnCare, nous prendrons bien soin de vous, en cas d'urgence</p>
            </div>
            <div class="box">
                <h1>Les soins d'urgence</h1>
                <p>Qu'il s'agisse de soins ambulatoires, de soins sans rendez-vous ou de visites en ligne avec OnCare, nous prendrons bien soin de vous, en cas d'urgence</p>
            </div>
            <div class="box">
                <h1>Les soins pédiatriques</h1>
                <p>Qu'il s'agisse de soins ambulatoires, de soins sans rendez-vous ou de visites en ligne avec OnCare, nous prendrons bien soin de vous, en cas d'urgence</p>
            </div>
            <div class="box">
                <h1>Les soins dentaires</h1>
                <p>Qu'il s'agisse de soins ambulatoires, de soins sans rendez-vous ou de visites en ligne avec OnCare, nous prendrons bien soin de vous, en cas d'urgence</p>
            </div>
            <div class="box">
                <h1>Les soins spécialisés</h1>
                <p>Qu'il s'agisse de soins ambulatoires, de soins sans rendez-vous ou de visites en ligne avec OnCare, nous prendrons bien soin de vous, en cas d'urgence</p>
            </div>
            <div class="box">
                <h1>Les soins familiaux</h1>
                <p>Qu'il s'agisse de soins ambulatoires, de soins sans rendez-vous ou de visites en ligne avec OnCare, nous prendrons bien soin de vous, en cas d'urgence</p>
            </div>

        </div>
    </section>

    <!--banner-->
    <section class="banner"></section>

    <!--Notre objectif-->

    <section class="our-goal">
        <div class="left">
            <span>Nos services</span>
            <h1>LES OBJECTIFS SPECIFIQUES SERONT DETERMINES PAR VOUS ET VOTRE THERAPEUTE</h1>
            <a href="#">RESERVEZ UN RENDEZ-VOUS</a>
        </div>
        <div class="right">
            <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quod esse eligendi quasi maiores excepturi distinctio fugit officia totam mollitia, facere, vel, reprehenderit enim est exercitationem harum aut ut unde provident culpa accusantium nam? Eos eum quae sit neque cumque iusto.</p>
            <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Architecto eum nam neque quas reiciendis eaque voluptates expedita blanditiis! Velit, et!</p>
        </div>
    </section>

    <!-- footer-contact -->

    <footer>
        <H1 class="title">Contactez-nous</H1>
        <div class="contact">
            <div class="class-form">
                <h2>OBTENEZ UNE ÉVALUATION GRATUITE DE VOTRE CAS DÈS AUJOURD'HUI</h2>
                <h4>DISPONIBLE 24 HEURES SUR 24</h4>
                <form action="">
                    <input type="text" placeholder="Entrez votre nom">
                    <input type="email" placeholder="Entrez une adresse email valide">
                    <textarea placeholder="Entrez votre message" cols="30" rows="8"></textarea>
                    <button>SOUMETTRE</button>
                </form>
            </div>
            <div class="address">
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3964.6623517637363!2d2.3377923748565697!3d6.437393293553824!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x1024a90043b8e379%3A0x298fed1086ecc28c!2sl&#39;Envol%20B%C3%A9nin!5e0!3m2!1sfr!2sbj!4v1737525264067!5m2!1sfr!2sbj" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
            </div>
        </div>
    </footer>

    <div class="end">
        <p>Réalisé par Nadège BOCO-ASSOGBA</p>
    </div>
</body>
</html>