alyson-b69 · June 25, 2020 22:59
diff --git a/html doctotrip b/html doctotrip
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css" />
    <title>Document</title>
 </head>
 <body>
    <header>

    </header>
    <aside id="menu">
        <ul class="list">
            <li><a>FILTER BY</a></li>
            <li><a>Disponibilities </a>
                <ul>
                    <li><a>Next two weeks</a></li>
                    <li><a>In the month</a></li>
                    <li><a>Next 3 months</a></li>
                    <li><a>Later</a></li>
                </ul>
            </li>
            <li><a>Type of medical consultation</a>
                <ul>
                    <li><a>Implants</a></li>
                    <li><a>Tooth-Whitening</a></li>
                    <li><a>Dentistry</a></li>
                </ul>
            </li>
            <li><a>Languages</a>
            <ul>
                <li><a>French</a></li>
                <li><a>English</a></li>
                <li><a>Spanish</a></li>
                <li><a>Others</a></li>
            </ul></li> 
        </ul>
    </aside>
    <main>
        <section id='containPractician' class="sectionContainer">
            <div class="container">
                <div class="clinicContainer">
                    <h3>{clinic}</h3>
                    <img src="{img_clinique}" alt="photo {clinic}" title="photo {clinic}">
                </div>
                <div class="infoContainer">
                    <div> {country} - {city} </div>
                    <div>{clinic}</div>
                    <div>{operation}</div>
                    
                    <button type="button" class="openButton" onclick="openModal(modal_{id})"><div>Plus de détails... {clinic} </div></button>
                </div>
            </div>

            <br/>
            <div class="modal" id="modal_{id}">
                <h3>{operation}</h3>
                <img src="{img_clinique}" alt="photo {clinic}">
                <h4>{clinic}</h4>
                <p>{description_clinic}</p>
                <p>{country}</p>
                <p>{city}</p>
                <iframe src="{map_clinique}" width="400" height="300" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
                <h4></h4>
                <p>{disponibility}</p>
                <p>{language}</p>
                <button type="button" class="closeButton" onclick="closeModal(modal_{id})">close</button>
            </div>
        </section>
    </main>
    <footer>


    </footer>
    <script type="text/javascript" src="app.js"></script>
 </body>
 </html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="style.css" />
	<title>Document</title>
	</head>
	<body>
	<header>

	</header>
	<aside id="menu">
	<ul class="list">
	<li><a>FILTER BY</a></li>
	<li><a>Disponibilities </a>
	<ul>
	<li><a>Next two weeks</a></li>
	<li><a>In the month</a></li>
	<li><a>Next 3 months</a></li>
	<li><a>Later</a></li>
	</ul>
	</li>
	<li><a>Type of medical consultation</a>
	<ul>
	<li><a>Implants</a></li>
	<li><a>Tooth-Whitening</a></li>
	<li><a>Dentistry</a></li>
	</ul>
	</li>
	<li><a>Languages</a>
	<ul>
	<li><a>French</a></li>
	<li><a>English</a></li>
	<li><a>Spanish</a></li>
	<li><a>Others</a></li>
	</ul></li>
	</ul>
	</aside>
	<main>
	<section id='containPractician' class="sectionContainer">
	<div class="container">
	<div class="clinicContainer">
	<h3>{clinic}</h3>
	<img src="{img_clinique}" alt="photo {clinic}" title="photo {clinic}">
	</div>
	<div class="infoContainer">
	<div> {country} - {city} </div>
	<div>{clinic}</div>
	<div>{operation}</div>

	<button type="button" class="openButton" onclick="openModal(modal_{id})"><div>Plus de détails... {clinic} </div></button>
	</div>
	</div>

	<br/>
	<div class="modal" id="modal_{id}">
	<h3>{operation}</h3>
	<img src="{img_clinique}" alt="photo {clinic}">
	<h4>{clinic}</h4>
	<p>{description_clinic}</p>
	<p>{country}</p>
	<p>{city}</p>
	<iframe src="{map_clinique}" width="400" height="300" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
	<h4></h4>
	<p>{disponibility}</p>
	<p>{language}</p>
	<button type="button" class="closeButton" onclick="closeModal(modal_{id})">close</button>
	</div>
	</section>
	</main>
	<footer>


	</footer>
	<script type="text/javascript" src="app.js"></script>
	</body>
	</html>