{"id":160,"date":"2025-01-07T11:29:43","date_gmt":"2025-01-07T10:29:43","guid":{"rendered":"https:\/?p=160"},"modified":"2025-01-31T13:43:51","modified_gmt":"2025-01-31T12:43:51","slug":"essa-fitness","status":"publish","type":"post","link":"https:\/\/lucas-chancel.dev\/index.php\/2025\/01\/07\/essa-fitness\/","title":{"rendered":"ESSA Fitness"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"160\" class=\"elementor elementor-160\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2bdb8de e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"2bdb8de\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e886461 elementor-widget elementor-widget-spacer\" data-id=\"e886461\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6298c566 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"6298c566\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59bf155f elementor-widget elementor-widget-heading\" data-id=\"59bf155f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">ESSA Fitness<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1a5fc84 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"1a5fc84\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;triangle-asymmetrical&quot;,&quot;shape_divider_bottom_negative&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"true\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M737.9,94.7L0,0v100h1000V0L737.9,94.7z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4420a671 elementor-widget elementor-widget-spacer\" data-id=\"4420a671\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e11c168 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"e11c168\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64e6d2b elementor-widget elementor-widget-spacer\" data-id=\"64e6d2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-44773280 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"44773280\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55a31715 elementor-widget elementor-widget-image\" data-id=\"55a31715\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/chancelucas.github.io\/ESSA-Fitness\/\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"491\" src=\"https:\/\/lucas-chancel.dev\/wp-content\/uploads\/2025\/01\/Capture-decran-2025-01-13-a-10.15.11-1024x491.png\" class=\"attachment-large size-large wp-image-405\" alt=\"\" srcset=\"https:\/\/lucas-chancel.dev\/wp-content\/uploads\/2025\/01\/Capture-decran-2025-01-13-a-10.15.11-1024x491.png 1024w, https:\/\/lucas-chancel.dev\/wp-content\/uploads\/2025\/01\/Capture-decran-2025-01-13-a-10.15.11-300x144.png 300w, https:\/\/lucas-chancel.dev\/wp-content\/uploads\/2025\/01\/Capture-decran-2025-01-13-a-10.15.11-768x368.png 768w, https:\/\/lucas-chancel.dev\/wp-content\/uploads\/2025\/01\/Capture-decran-2025-01-13-a-10.15.11-1536x737.png 1536w, https:\/\/lucas-chancel.dev\/wp-content\/uploads\/2025\/01\/Capture-decran-2025-01-13-a-10.15.11.png 1905w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5952f30 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"5952f30\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25d8f5be elementor-widget elementor-widget-spacer\" data-id=\"25d8f5be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6286639e e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"6286639e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7e5f517d e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"7e5f517d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8bc806 elementor-widget elementor-widget-heading\" data-id=\"f8bc806\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Description du projet<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-789cc9ee elementor-widget elementor-widget-text-editor\" data-id=\"789cc9ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Objectif :<\/strong> Cr\u00e9er un site vitrine pour l&rsquo;association ESSA Fitness, afin d&rsquo;am\u00e9liorer sa visibilit\u00e9, promouvoir ses activit\u00e9s, et informer le public des \u00e9v\u00e9nements \u00e0 l\u2019\u00e9chelle nationale.<br \/><strong>Public cible :<\/strong> Membres actuels de l\u2019association, nouveaux adh\u00e9rents potentiels, et amateurs de fitness souhaitant participer \u00e0 des \u00e9v\u00e9nements organis\u00e9s par l&rsquo;association.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-19079383 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"19079383\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-606d3537 elementor-widget elementor-widget-spacer\" data-id=\"606d3537\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4dce71a2 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"4dce71a2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_top&quot;:&quot;arrow&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 700 10\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M350,10L340,0h20L350,10z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-40ea6488 elementor-widget elementor-widget-spacer\" data-id=\"40ea6488\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-38500b50 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"38500b50\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-18f056af e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"18f056af\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9023619 elementor-widget elementor-widget-heading\" data-id=\"9023619\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Cahier des charges<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3cf870b5 elementor-widget elementor-widget-text-editor\" data-id=\"3cf870b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Page d&rsquo;accueil (relative \u00e0 l\u2019association) :<\/strong><\/p><ul><li>Pr\u00e9sentation de l&rsquo;association ESSA Fitness : historique, mission, et valeurs.<\/li><li>Informations cl\u00e9s sur les activit\u00e9s propos\u00e9es (cours, ateliers, entra\u00eenements).<\/li><li>Une section pour les t\u00e9moignages des membres.<\/li><\/ul><p><strong>Page \u00e9v\u00e9nements :<\/strong><\/p><ul><li>Liste des \u00e9v\u00e9nements nationaux organis\u00e9s par l\u2019association.<\/li><li>D\u00e9tails pour chaque \u00e9v\u00e9nement : th\u00e8me, date, lieu, inscription.<\/li><li>Formulaire ou bouton d\u2019appel \u00e0 l\u2019action pour s\u2019inscrire aux \u00e9v\u00e9nements.<\/li><\/ul><p><strong>Fonctionnalit\u00e9s :<\/strong><\/p><ul><li>Design mobile first avec une compatibilit\u00e9 optimale pour les diff\u00e9rents formats d\u2019\u00e9cran gr\u00e2ce aux media queries.<\/li><li>Int\u00e9gration d\u2019\u00e9l\u00e9ments interactifs :<ul><li>Boutons d\u2019appel \u00e0 l\u2019action (inscription, contact).<\/li><li>Images ou ic\u00f4nes anim\u00e9es pour dynamiser l&rsquo;exp\u00e9rience utilisateur.<\/li><\/ul><\/li><li>Responsive Design :<ul><li>Navigation fluide sur mobile, tablette et desktop.<\/li><\/ul><\/li><li>Section de contact :<ul><li>Formulaire permettant aux utilisateurs de poser des questions ou d\u2019adh\u00e9rer \u00e0 l\u2019association.<\/li><\/ul><\/li><\/ul><p><strong>Technologies principales :<\/strong><\/p><ul><li>HTML5, CSS3, et JavaScript pour la structure, le style et les fonctionnalit\u00e9s interactives.<\/li><li>Frameworks ou biblioth\u00e8ques comme Bootstrap ou Tailwind CSS si n\u00e9cessaire.<\/li><\/ul><p><strong>D\u00e9p\u00f4t Git :<\/strong><\/p><ul><li>Le projet devra \u00eatre versionn\u00e9 sur un d\u00e9p\u00f4t Git avec des commits r\u00e9guliers pour suivre l\u2019\u00e9volution du d\u00e9veloppement.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6a5c0ad4 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"6a5c0ad4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;arrow&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 700 10\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M350,10L340,0h20L350,10z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5096d38b elementor-widget elementor-widget-spacer\" data-id=\"5096d38b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-14b72574 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"14b72574\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33c06222 elementor-widget elementor-widget-spacer\" data-id=\"33c06222\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7e97808f e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"7e97808f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7201c115 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"7201c115\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d62ec5a elementor-widget elementor-widget-heading\" data-id=\"1d62ec5a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Charte graphique<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-431488fc elementor-widget elementor-widget-heading\" data-id=\"431488fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Palette de couleurs<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4abfa300 elementor-widget elementor-widget-text-editor\" data-id=\"4abfa300\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>J\u2019ai choisi des tons naturels dominants pour \u00e9voquer la nature et le respect de l\u2019environnement.<\/p><ul><li><strong>Jaune<\/strong> : Utilis\u00e9 pour \u00e9voquer l&rsquo;\u00e9nergie et la positivit\u00e9, apportant une touche de dynamisme au site.<\/li><li><strong>Marron<\/strong> : Employ\u00e9 pour symboliser la stabilit\u00e9 et la fiabilit\u00e9, offrant un contraste agr\u00e9able avec le jaune.<\/li><li><strong>Blanc<\/strong> : Utilis\u00e9 comme base neutre pour assurer une lisibilit\u00e9 optimale et un design \u00e9pur\u00e9.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2605e817 elementor-widget elementor-widget-heading\" data-id=\"2605e817\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Typographie<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-48dc869 elementor-widget elementor-widget-text-editor\" data-id=\"48dc869\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>J&rsquo;ai opt\u00e9 pour une police sans-serif moderne, assurant une lisibilit\u00e9 optimale sur tous les supports. Les titres sont mis en avant avec une taille plus grande et en gras pour renforcer la hi\u00e9rarchie visuelle, tandis que les textes explicatifs sont dans une taille mod\u00e9r\u00e9e pour offrir un confort de lecture optimal.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66d692ea elementor-widget elementor-widget-heading\" data-id=\"66d692ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Structure de la maquette \n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d38af90 elementor-widget elementor-widget-text-editor\" data-id=\"4d38af90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>La maquette est con\u00e7ue pour \u00eatre intuitive et facilement navigable :<\/p><ul><li><strong>Menu de navigation<\/strong> : Pr\u00e9sent en haut de la page, il permet un acc\u00e8s rapide aux diff\u00e9rentes sections du site, telles que \u00ab\u00a0Accueil\u00a0\u00bb, \u00ab\u00a0Tarifs\u00a0\u00bb, \u00ab\u00a0Horaires\u00a0\u00bb, \u00ab\u00a0Planning des cours\u00a0\u00bb, \u00ab\u00a0Le plan\u00a0\u00bb, \u00ab\u00a0\u00c9v\u00e9nements\u00a0\u00bb et \u00ab\u00a0Nous contacter\u00a0\u00bb.<\/li><li><strong>Sections distinctes<\/strong> : Les diff\u00e9rentes sections sont clairement d\u00e9limit\u00e9es, facilitant la lecture et la navigation.<\/li><li><strong>Responsive design<\/strong> : Le site est con\u00e7u en \u00ab\u00a0mobile first\u00a0\u00bb, assurant une exp\u00e9rience utilisateur optimale sur tous les appareils, des smartphones aux ordinateurs de bureau.<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3e2081b1 elementor-widget elementor-widget-heading\" data-id=\"3e2081b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Visuels et \u00e9l\u00e9ments interactifs\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-468a87da elementor-widget elementor-widget-text-editor\" data-id=\"468a87da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Des images de haute qualit\u00e9 illustrent les diff\u00e9rentes activit\u00e9s propos\u00e9es par l&rsquo;association, telles que la musculation, le fitness et le cardio-training. Les boutons interactifs sont mis en \u00e9vidence par des couleurs contrast\u00e9es et des effets au survol, am\u00e9liorant l&rsquo;exp\u00e9rience utilisateur.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-274e2573 elementor-widget elementor-widget-heading\" data-id=\"274e2573\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Exp\u00e9rience utilisateur (UX)<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-391345f1 elementor-widget elementor-widget-text-editor\" data-id=\"391345f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Chaque \u00e9l\u00e9ment a \u00e9t\u00e9 pens\u00e9 pour maximiser l&rsquo;ergonomie et simplifier l&rsquo;acc\u00e8s \u00e0 l&rsquo;information. Le design est enti\u00e8rement responsive, garantissant une exp\u00e9rience fluide sur mobile, tablette et desktop.<\/p><p>Gr\u00e2ce \u00e0 ces choix, le site web d&rsquo;ESSA Fitness offre une interface \u00e0 la fois moderne, accessible et fid\u00e8le \u00e0 l&rsquo;image de l&rsquo;association sportive.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5800be20 elementor-widget elementor-widget-spacer\" data-id=\"5800be20\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31cabfa e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"31cabfa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4513bb6 elementor-widget elementor-widget-spacer\" data-id=\"4513bb6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-162a16fe e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"162a16fe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3ba8151f e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"3ba8151f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e6eeb9d elementor-widget elementor-widget-heading\" data-id=\"1e6eeb9d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Site en ligne <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c9a4aad elementor-widget elementor-widget-text-editor\" data-id=\"c9a4aad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Oui<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-23aad483 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"23aad483\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19f9d0f0 elementor-widget elementor-widget-heading\" data-id=\"19f9d0f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Lien du site <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41784416 elementor-widget elementor-widget-text-editor\" data-id=\"41784416\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/chancelucas.github.io\/ESSA-Fitness\/\">https:\/\/chancelucas.github.io\/ESSA-Fitness\/<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8cb93d1 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"8cb93d1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34ca5ef7 elementor-widget elementor-widget-heading\" data-id=\"34ca5ef7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Lien github du projet<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d58925c elementor-widget elementor-widget-text-editor\" data-id=\"2d58925c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/github.com\/Chancelucas\/ESSA-Fitness\">https:\/\/github.com\/Chancelucas\/ESSA-Fitness<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-702ae146 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"702ae146\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fa13a3f elementor-widget elementor-widget-heading\" data-id=\"4fa13a3f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Type de projet<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-271b3941 elementor-widget elementor-widget-text-editor\" data-id=\"271b3941\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Projet d&rsquo;\u00e9cole<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b786900 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"5b786900\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7501e922 elementor-widget elementor-widget-spacer\" data-id=\"7501e922\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-72692b09 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"72692b09\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6f32a736 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"6f32a736\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2815066f elementor-widget elementor-widget-heading\" data-id=\"2815066f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Stack technique<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f3f680e elementor-widget elementor-widget-spacer\" data-id=\"5f3f680e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-71fb7df0 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"71fb7df0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a328bcc elementor-widget elementor-widget-image\" data-id=\"3a328bcc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/lucas-chancel.dev\/wp-content\/uploads\/2025\/01\/icons8-html-48.png\" class=\"attachment-large size-large wp-image-191\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-14f32d2b e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"14f32d2b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e773547 elementor-widget elementor-widget-image\" data-id=\"6e773547\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/lucas-chancel.dev\/wp-content\/uploads\/2025\/01\/icons8-css-48.png\" class=\"attachment-large size-large wp-image-192\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2733112 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"2733112\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-429a21d elementor-widget elementor-widget-image\" data-id=\"429a21d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"50\" height=\"50\" src=\"https:\/\/lucas-chancel.dev\/wp-content\/uploads\/2025\/01\/icons8-bootstrap-50-2.png\" class=\"attachment-large size-large wp-image-195\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5038392d e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"5038392d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ea1a9f8 elementor-widget elementor-widget-image\" data-id=\"1ea1a9f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"50\" height=\"50\" src=\"https:\/\/lucas-chancel.dev\/wp-content\/uploads\/2025\/01\/icons8-git-50-1.png\" class=\"attachment-large size-large wp-image-202\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4cf2c9c9 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"4cf2c9c9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b40fe70 elementor-widget elementor-widget-image\" data-id=\"3b40fe70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"48\" height=\"48\" src=\"https:\/\/lucas-chancel.dev\/wp-content\/uploads\/2025\/01\/icons8-github-48.png\" class=\"attachment-large size-large wp-image-265\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c7d297b e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"5c7d297b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6df6e6d elementor-widget elementor-widget-spacer\" data-id=\"6df6e6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7ac34236 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"7ac34236\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-509b00e3 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"509b00e3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ea36873 elementor-widget elementor-widget-heading\" data-id=\"1ea36873\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Commentaire<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6f954298 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-child\" data-id=\"6f954298\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2efc1757 elementor-widget elementor-widget-text-editor\" data-id=\"2efc1757\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Il s&rsquo;agit de mon premier site internet ainsi que de mes premi\u00e8res lignes de code. N&rsquo;ayant pas trouv\u00e9 Bootstrap adapt\u00e9 \u00e0 mes besoins, je l&rsquo;ai utilis\u00e9 de mani\u00e8re minimale sur ce projet, pr\u00e9f\u00e9rant d\u00e9velopper la majorit\u00e9 des fonctionnalit\u00e9s moi-m\u00eame.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-447fd5ee e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"447fd5ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61da91cf elementor-widget elementor-widget-spacer\" data-id=\"61da91cf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ESSA Fitness Description du projet Objectif : Cr\u00e9er un site vitrine pour l&rsquo;association ESSA Fitness, afin d&rsquo;am\u00e9liorer sa visibilit\u00e9, promouvoir ses activit\u00e9s, et informer le public des \u00e9v\u00e9nements \u00e0 l\u2019\u00e9chelle nationale.Public cible : Membres actuels de l\u2019association, nouveaux adh\u00e9rents potentiels, et amateurs de fitness souhaitant participer \u00e0 des \u00e9v\u00e9nements organis\u00e9s par l&rsquo;association. Cahier des charges Page d&rsquo;accueil (relative \u00e0 l\u2019association) : Pr\u00e9sentation de l&rsquo;association ESSA Fitness : historique, mission, et valeurs. Informations cl\u00e9s sur les activit\u00e9s propos\u00e9es (cours, ateliers, entra\u00eenements). Une section pour les t\u00e9moignages des membres. Page \u00e9v\u00e9nements : Liste des \u00e9v\u00e9nements nationaux organis\u00e9s par l\u2019association. D\u00e9tails pour chaque \u00e9v\u00e9nement : th\u00e8me, date, lieu, inscription. Formulaire ou bouton d\u2019appel \u00e0 l\u2019action pour s\u2019inscrire aux \u00e9v\u00e9nements. Fonctionnalit\u00e9s : Design mobile first avec une compatibilit\u00e9 optimale pour les diff\u00e9rents formats d\u2019\u00e9cran gr\u00e2ce aux media queries. Int\u00e9gration d\u2019\u00e9l\u00e9ments interactifs : Boutons d\u2019appel \u00e0 l\u2019action (inscription, contact). Images ou ic\u00f4nes anim\u00e9es pour dynamiser l&rsquo;exp\u00e9rience utilisateur. Responsive Design : Navigation fluide sur mobile, tablette et desktop. Section de contact : Formulaire permettant aux utilisateurs de poser des questions ou d\u2019adh\u00e9rer \u00e0 l\u2019association. Technologies principales : HTML5, CSS3, et JavaScript pour la structure, le style et les fonctionnalit\u00e9s interactives. Frameworks ou biblioth\u00e8ques comme Bootstrap ou Tailwind CSS si n\u00e9cessaire. D\u00e9p\u00f4t Git : Le projet devra \u00eatre versionn\u00e9 sur un d\u00e9p\u00f4t Git avec des commits r\u00e9guliers pour suivre l\u2019\u00e9volution du d\u00e9veloppement. Charte graphique Palette de couleurs J\u2019ai choisi des tons naturels dominants pour \u00e9voquer la nature et le respect de l\u2019environnement. Jaune : Utilis\u00e9 pour \u00e9voquer l&rsquo;\u00e9nergie et la positivit\u00e9, apportant une touche de dynamisme au site. Marron : Employ\u00e9 pour symboliser la stabilit\u00e9 et la fiabilit\u00e9, offrant un contraste agr\u00e9able avec le jaune. Blanc : Utilis\u00e9 comme base neutre pour assurer une lisibilit\u00e9 optimale et un design \u00e9pur\u00e9. Typographie J&rsquo;ai opt\u00e9 pour une police sans-serif moderne, assurant une lisibilit\u00e9 optimale sur tous les supports. Les titres sont mis en avant avec une taille plus grande et en gras pour renforcer la hi\u00e9rarchie visuelle, tandis que les textes explicatifs sont dans une taille mod\u00e9r\u00e9e pour offrir un confort de lecture optimal. Structure de la maquette La maquette est con\u00e7ue pour \u00eatre intuitive et facilement navigable : Menu de navigation : Pr\u00e9sent en haut de la page, il permet un acc\u00e8s rapide aux diff\u00e9rentes sections du site, telles que \u00ab\u00a0Accueil\u00a0\u00bb, \u00ab\u00a0Tarifs\u00a0\u00bb, \u00ab\u00a0Horaires\u00a0\u00bb, \u00ab\u00a0Planning des cours\u00a0\u00bb, \u00ab\u00a0Le plan\u00a0\u00bb, \u00ab\u00a0\u00c9v\u00e9nements\u00a0\u00bb et \u00ab\u00a0Nous contacter\u00a0\u00bb. Sections distinctes : Les diff\u00e9rentes sections sont clairement d\u00e9limit\u00e9es, facilitant la lecture et la navigation. Responsive design : Le site est con\u00e7u en \u00ab\u00a0mobile first\u00a0\u00bb, assurant une exp\u00e9rience utilisateur optimale sur tous les appareils, des smartphones aux ordinateurs de bureau. Visuels et \u00e9l\u00e9ments interactifs Des images de haute qualit\u00e9 illustrent les diff\u00e9rentes activit\u00e9s propos\u00e9es par l&rsquo;association, telles que la musculation, le fitness et le cardio-training. Les boutons interactifs sont mis en \u00e9vidence par des couleurs contrast\u00e9es et des effets au survol, am\u00e9liorant l&rsquo;exp\u00e9rience utilisateur. Exp\u00e9rience utilisateur (UX) Chaque \u00e9l\u00e9ment a \u00e9t\u00e9 pens\u00e9 pour maximiser l&rsquo;ergonomie et simplifier l&rsquo;acc\u00e8s \u00e0 l&rsquo;information. Le design est enti\u00e8rement responsive, garantissant une exp\u00e9rience fluide sur mobile, tablette et desktop. Gr\u00e2ce \u00e0 ces choix, le site web d&rsquo;ESSA Fitness offre une interface \u00e0 la fois moderne, accessible et fid\u00e8le \u00e0 l&rsquo;image de l&rsquo;association sportive. Site en ligne Oui Lien du site https:\/\/chancelucas.github.io\/ESSA-Fitness\/ Lien github du projet https:\/\/github.com\/Chancelucas\/ESSA-Fitness Type de projet Projet d&rsquo;\u00e9cole Stack technique Commentaire Il s&rsquo;agit de mon premier site internet ainsi que de mes premi\u00e8res lignes de code. N&rsquo;ayant pas trouv\u00e9 Bootstrap adapt\u00e9 \u00e0 mes besoins, je l&rsquo;ai utilis\u00e9 de mani\u00e8re minimale sur ce projet, pr\u00e9f\u00e9rant d\u00e9velopper la majorit\u00e9 des fonctionnalit\u00e9s moi-m\u00eame.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"footnotes":""},"categories":[21,38],"tags":[11,8,18,19,7],"class_list":["post-160","post","type-post","status-publish","format-standard","hentry","category-frontend","category-tous","tag-bootstrap","tag-css","tag-git","tag-github","tag-html","entry"],"_links":{"self":[{"href":"https:\/\/lucas-chancel.dev\/index.php\/wp-json\/wp\/v2\/posts\/160","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lucas-chancel.dev\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lucas-chancel.dev\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lucas-chancel.dev\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lucas-chancel.dev\/index.php\/wp-json\/wp\/v2\/comments?post=160"}],"version-history":[{"count":28,"href":"https:\/\/lucas-chancel.dev\/index.php\/wp-json\/wp\/v2\/posts\/160\/revisions"}],"predecessor-version":[{"id":1268,"href":"https:\/\/lucas-chancel.dev\/index.php\/wp-json\/wp\/v2\/posts\/160\/revisions\/1268"}],"wp:attachment":[{"href":"https:\/\/lucas-chancel.dev\/index.php\/wp-json\/wp\/v2\/media?parent=160"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lucas-chancel.dev\/index.php\/wp-json\/wp\/v2\/categories?post=160"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lucas-chancel.dev\/index.php\/wp-json\/wp\/v2\/tags?post=160"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}