38 lines
1.1 KiB
HTML
38 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Exemple de liens avec popup</title>
|
|
<link rel="stylesheet" type="text/css" href="./2E_popup.css">
|
|
</head>
|
|
<body>
|
|
<h1>Venez voir mes super articles</h1>
|
|
|
|
<section id="section1">
|
|
<h2>Article 1
|
|
<a href="#" id="close-section1" class="close">X</a>
|
|
</h2>
|
|
<p>Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.</p>
|
|
</section>
|
|
|
|
<section id="section2">
|
|
<h2>Article 2
|
|
<a href="#" id="close-section2" class="close">X</a>
|
|
</h2>
|
|
<p>Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.</p>
|
|
</section>
|
|
|
|
<section id="section3">
|
|
<h2>Article 3
|
|
<a href="#" id="close-section3" class="close">X</a>
|
|
</h2>
|
|
<p>Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.</p>
|
|
</section>
|
|
|
|
<div id="popup" class="hidden">
|
|
<p>Cette section est maintenant fermée.</p>
|
|
<a href="#" id="close-popup">OK</a>
|
|
</div>
|
|
<script src="./2E_popup.js"></script>
|
|
</body>
|
|
</html>
|