JSFiddle - React, Tailwind, and code Playground

by Valerie6377

HTML

<?php

include_once('include/cnx.php');
include_once('include/requete_compteur.php');


// La requête SQL pour afficher le nom de la page dans le titre
$sql1 = 'SELECT * FROM page
		WHERE pageID = 23';
	
$rs_select1 = $cnx->prepare($sql1);
$rs_select1->execute();

while ($donnee = $rs_select1->fetch(PDO::FETCH_ASSOC)) {


// CONTENU DES PAGES
$contenu = '
			<h1 class="animate__animated animate__backInDown animate__slow animate__repeat-1">Les modèles</h1>
			<div class="texte">			
				<div class="intro">
					<p>Les modèles proposés sont issus de magazines en ma possession. Si un modèle vous intéresse, il vous suffira de m\'en faire la demande par mail en utilisant le formulaire de contact.</p>

					<p class="dotted orange">Soyez précis(es) dans vos demandes&nbsp;: indiquez bien le nom du modèle et celui du magazine correspondant. Toute erreur ou omission de détails retardera les envois.</p>

					<p class="gras">Pour rappel, toutes les données ici présentes sont limitées exclusivement à un usage personnel.</p>
				</div>
			</div>
			';
			
if(isset($_GET['modele'])) {
	$modele = $_GET['modele'];
	switch($modele) {
		case 1:
			$contenu = '
				<!-- Les bordures -->			
				<h2 class="animate__animated animate__backInUp animate__slow animate__repeat-1">Les bordures</h2>
				
				<div class="texte">
					
					<div class="conteneur-modele">
					
						<div class="boite-modele">
							<div class="header-modele">
								Bordure 1
							</div>
							<div class="body-modele">
								<img class="myImg" src="modeles/bordures/images/bordure1/bordure1-affichage-CreationsCrochet34.jpg" alt="Bordure 1" />
							</div>
							<div class="footer-modele">
								Créations Crochet n° 34
							</div>
						</div>
						
						<div class="boite-modele">
							<div class="header-modele">
								Bordure 2
							</div>
							<div class="body-modele">
								<img class="myImg" src="modeles/bordures/images/bordure2/bordure2-affichage-CreationsCrochet34.jpg" alt="Bordure...