templates/numbers/index.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block meta %}
  4.     <meta name="description"
  5.           content="Découvrez l'influence des nombres sur votre vie en quelques minutes. Détails et signification des nombres en numérologie.">
  6. {% endblock %}
  7. {% block title %}Les nombres en numérologie · Logia{% endblock %}
  9. {% block body %}
  10.     <section id="hero-section" class="bg-glow animated-glow position-relative">
  11.         <div class="bg-particles">
  13.             <dotlottie-player src="https://lottie.host/eefac7be-0d95-4a21-ad60-21bb234ac075/W9Zk10fSKb.lottie"
  14.                               background="transparent" speed="0.6" style="width: 100%;" loop
  15.                               autoplay></dotlottie-player>
  16.         </div>
  17.         <div class="container">
  18.             <div class="d-flex justify-content-center flex-column">
  19.                 <h1 class="text-gold text-center text-shadow-dark">La numérologie : l'influence des nombres</h1>
  20.                 <p class="fw-bold text-beige text-center py-3 pb-4">
  21.                     Découvrez les bases de la numérologie
  22.                 </p>
  23.             </div>
  24.         </div>
  25.     </section>
  26.     <section class="bg-white pb-5 mt-5">
  27.         <div class="container text-deepblue">
  28.             <div class="mx-4 pb-5">
  29.                 <h2 class="left-border-title text-deepblue">
  30.                     L'étude des nombres
  31.                 </h2>
  32.                 <p class="text-deepblue py-3 text-justify">
  33.                     La numérologie utilise les nombres comme base. Elle étudie leurs significations pour donner
  34.                     du sens à votre profil. En dressant votre thème numérologique, nous étudions l'influence des
  35.                     nombres sur plusieurs facettes de votre vie pour décrire un profil qui vous est propre.
  36.                 </p>
  37.                 <p class="pb-5 text-justify">
  38.                     Les nombres ont une thématique centrale qui sera nuancée selon le contexte
  39.                     d'interprétation, selon le calcul que l'on étudie et selon l'aspect de votre vie dont il est
  40.                     question. Vous pouvez utiliser notre thème numérologique pour dresser votre profil, découvrir
  41.                     vos besoins fondamentaux, vos forces et faiblesses, vos aspirations ainsi que le fil rouge de
  42.                     votre vie.
  43.                 </p>
  44.                 <p class="pb-5 text-justify">La numérologie est avant tout un outil pour que vous puissiez vous poser
  45.                     des questions. Il ne
  46.                     s'agit pas d'énoncer une vérité absolue, mais plutôt d'une aide dans la compréhension de
  47.                     soi-même. Vos ressentis comptent aussi : soyez sûr de prendre le temps d'intégrer la
  48.                     signification des
  49.                     nombres sur votre vie au travers de votre thème numérologique.</p>
  50.             </div>
  51.             <div class="mx-4 mt-5 pb-5">
  52.                 <h2 class="left-border-title text-deepblue">
  53.                     Calculs fondamentaux
  54.                 </h2>
  55.                 <p class="py-3 text-justify">
  56.                     Il est possible d'effectuer beaucoup de calcul en numérologie, voici une présentation des
  57.                     calculs les plus
  58.                     courants.
  59.                     Chaque calcul correspond à un domaine et c'est ce domaine qui donne le contexte d'interprétation
  60.                     de chaque résultat.
  61.                 </p>
  62.                 <p class="pb-5 text-justify">
  63.                     L'interprétation d'un résultat 1 dans le cadre du nombre d'expression et dans le cadre du chemin
  64.                     de vie aura un
  65.                     fondement similaire lié au sens fondamental du 1. Mais l'interprétation va différer car ce sont
  66.                     deux contextes différents.
  67.                     Bien sûr, votre propre perception et votre vécu comptent et nuancent l'interprétation du nombre,
  68.                     du contexte,
  69.                     et
  70.                     celle de votre propre thème numérologique de manière générale.
  71.                 </p>
  73.                 <div>
  74.                     <h3 class="ps-3 pt-5">Le chemin de vie</h3>
  75.                     <p class="pb-5 text-justify">
  76.                         Votre chemin de vie se calcule à partir de votre date de naissance. Il est considéré comme
  77.                         l’un des nombres fondamentaux de votre thème numérologique.
  78.                         C'est en quelque sorte le chemin qui vous attend, l'orientation naturelle de votre vie.
  79.                         Certains parlent de destin. Ce calcul donne des informations sur les obstacles de votre vie,
  80.                         ainsi que des pistes importantes pour les surmonter.
  82.                         Le chemin de vie peut être interprété comme votre mission dans cette vie, et le chemin à
  83.                         suivre pour trouver bonheur, épanouissement et équilibre.
  85.                     </p>
  86.                     <p class="pb-5 text-justify">
  87.                         Retrouvez l'analyse de votre chemin de vie dans la section <span class="fw-bold fst-italic">Parcours de vie</span>
  88.                         de
  89.                         votre thème numérologique.
  90.                         Nous y détaillons votre résultat, les domaines sur lesquels il vous faut travailler, les
  91.                         comportements à éviter, une analyse des plans affectifs et professionnels, etc.
  92.                     </p>
  93.                     <h3 class="ps-3 pt-5">Le nombre d'expression</h3>
  94.                     <p class="pb-5 text-justify">
  95.                         Le nombre d’expression, parfois nommé nombre de la destinée, est très significatif dans
  96.                         votre
  97.                         thème numérologique.
  98.                         Il se calcule à partir de vos prénoms et noms. Le résultat décrit vos qualités innées, vos
  99.                         faiblesses et votre caractère.
  100.                         Ce nombre vous donne les pistes pour mieux vous comprendre et sur comment utiliser votre
  101.                         potentiel.
  102.                     </p>
  103.                     <p class="pb-5 text-justify">
  104.                         Retrouvez l'analyse de votre nombre d'expression dans la section <span
  105.                                 class="fw-bold fst-italic">Caractère</span>
  106.                         de
  107.                         votre thème numérologique.
  108.                         Nous y détaillons votre résultat, présentons vos qualités et défauts, suivi de quelques
  109.                         informations liées aux plans affectifs et professionnels.
  110.                     </p>
  111.                     <h3 class="ps-3 pt-5">Clé de l'âme</h3>
  112.                     <p class="pb-5 text-justify">
  113.                         Le calcul de votre clé de l'âme vient préciser vos besoins et envies profondes dans
  114.                         votre thème numérologique.
  115.                         Il se calcule à partir de votre date de naissance et le résultat reflète vos motivations
  116.                         enfouies, vos valeurs, vos idéaux, vos rêves et même vos indécisions.
  117.                         Ce nombre vous donne les pistes pour mieux vous comprendre et sur comment utiliser votre
  118.                         potentiel. Utilisez ce calcul pour vous remettre en question, pour vous redécouvrir ou pour
  119.                         revoir vos priorités.
  120.                     </p>
  121.                     <p class="pb-5 text-justify">
  122.                         Retrouvez l'analyse de votre clé de l'âme dans la section <span
  123.                                 class="fw-bold fst-italic">Désirs et besoins profonds</span>
  124.                         de
  125.                         votre thème numérologique.
  126.                         Nous y détaillons votre résultat et vos défauts cachés qui peuvent créer des comportements
  127.                         inconscients.
  128.                     </p>
  129.                     <h3 class="ps-3 pt-5">Dynamique de vie</h3>
  130.                     <p class="pb-5 text-justify">
  131.                         Le calcul de votre dynamique de vie accompagne celui de votre chemin de vie dans votre thème
  132.                         numérologique.
  133.                         Ce calcul apporte des pistes sur la façon dont vous pouvez vous réaliser, il se focalise
  134.                         souvent sur une thématique précise qui a de l'importance dans votre vie.
  135.                     </p>
  136.                     <p class="pb-5 text-justify">
  137.                         Retrouvez l'analyse de votre dynamique de vie dans la section <span
  138.                                 class="fw-bold fst-italic">Parcours de vie</span>
  139.                         de
  140.                         votre thème numérologique.
  141.                         Nous y détaillons votre résultat et la façon dont il peut s'exprimer de manière positive ou
  142.                         négative dans votre vie.
  143.                     </p>
  145.                     <h3 class="ps-3">Le plan de vie</h3>
  146.                     <p class="pb-5 text-justify">
  147.                         Le plan de vie est un tableau regroupant les cycles, les défis et les réalisations de votre vie
  148.                         avec les âges de transition pour chacun d'entre eux.
  150.                         <br>
  151.                         <br>
  152.                         Le défi majeur concerne toute votre vie, comme le chemin de vie dont la notion est similaire.
  153.                         Les défis mineurs, eux, se partagent une moitié de vie chacun (la transition s'effectue en
  154.                         général autour de 50 ans).
  155.                         Tous ces défis donnent des indications sur les aptitudes que vous devez développer, les points à
  156.                         améliorer, etc.
  158.                         <br>
  159.                         <br>
  161.                         Votre vie se partage en trois cycles principaux, qui définissent votre état d’esprit, votre
  162.                         ambiance et vos
  163.                         domaines de réalisation en quelque sorte, vos pulsions de vie.
  165.                         <br>
  166.                         <br>
  168.                         Les cycles de réalisations sont au nombre de quatre. Ces cycles sont à interpréter de manière
  169.                         contextuelle. Ils décrivent votre environnement et vos influences extérieures, votre cadre et
  170.                         vos fondations.
  171.                     </p>
  172.                     <p class="pb-5 text-justify">
  173.                         Retrouvez votre plan de vie dans la section <span
  174.                                 class="fw-bold fst-italic">Parcours de vie</span>
  175.                         de
  176.                         votre thème numérologique.
  177.                     </p>
  178.                 </div>
  179.             </div>
  180.             <div class="mx-4 mt-5 pb-5">
  181.                 <h2 class="left-border-title text-deepblue mt-5">
  182.                     Calculs complémentaires
  183.                 </h2>
  184.                 <p class="py-3 text-justify">
  185.                     En plus des calculs fondamentaux à votre thème numérologique, nous réalisons des calculs secondaires
  186.                     qui vous donnent des informations complémentaires sur des domaines précis. Les résultats peuvent
  187.                     venir nuancer certains aspects de votre thème numérologique, par exemple plusieurs calculs apportent
  188.                     des éléments relatifs à votre personnalité, et il devient alors intéressant de croiser les données
  189.                     pour tenter de se rapprocher d'un tableau plus juste qui vient vous apporter un maximum d'éléments
  190.                     de réponses sur vous-même.
  191.                 </p>
  193.                 <div>
  194.                     <h3 class="ps-3">Le nombre du jour de naissance</h3>
  195.                     <p class="pb-5 text-justify">
  196.                         Votre nombre du jour de naissance, parfois appelé "jour personnel", fait directement référence à
  197.                         votre image extérieure. C'est votre attitude vis-à-vis d'autrui et l'image que vous renvoyez.
  198.                     </p>
  199.                     <p class="pb-5 text-justify">
  200.                         Retrouvez l'analyse de votre nombre du jour de naissance dans la section <span
  201.                                 class="fw-bold fst-italic">Personnalité</span>
  202.                         de
  203.                         votre thème numérologique.
  204.                         Nous y détaillons votre résultat avec éventuellement des détails bien spécifiques à votre jour
  205.                         de naissance.
  206.                     </p>
  207.                     <h3 class="ps-3">Le nombre actif</h3>
  208.                     <p class="pb-5 text-justify">
  209.                         Le calcul de votre nombre actif se fait à partir de votre prénom. Le résultat s'analyse dans le
  210.                         cadre de vos relations sociales.
  211.                         Il s'agit de votre comportement en société, de vos façons d'agir, de réagir, d'aborder vos
  212.                         interactions sociales et de manière générale, votre style de vie.
  213.                         Le nombre actif est donc un élément de votre personnalité, à interpréter principalement en lien
  214.                         avec votre
  215.                         nombre d'expression, mais aussi avec votre nombre d'hérédité et votre nombre du jour de
  216.                         naissance par exemple.
  217.                     </p>
  218.                     <p class="pb-5 text-justify">
  219.                         Retrouvez l'analyse de votre nombre actif dans la section <span
  220.                                 class="fw-bold fst-italic">Personnalité</span>
  221.                         de
  222.                         votre thème numérologique.
  223.                         Nous y détaillons votre résultat avec les qualités et les défauts qui en découlent.
  224.                     </p>
  226.                     <h3 class="ps-3">Le nombre d'hérédité</h3>
  227.                     <p class="pb-5 text-justify">
  228.                         Le nombre héréditaire, ou nombre d'hérédité, vient proposer des éléments liés à votre héritage
  229.                         familial.
  230.                         Il est donc naturellement formé à partir de votre nom de famille.
  232.                         Le nombre héréditaire détaille vos capacités d'expressions issues de votre héritage familial.
  233.                         C'est un calcul qui vient encore une fois nuancer l'étude de votre personnalité.
  234.                         L'analyse du nombre héréditaire évoque souvent des thématiques que l'on peut retrouver chez
  235.                         plusieurs membres de sa famille (frères et sœurs, parents ou grand-parents).
  236.                     </p>
  237.                     <p class="pb-5 text-justify">
  238.                         Retrouvez l'analyse de votre nombre héréditaire dans la section <span
  239.                                 class="fw-bold fst-italic">Personnalité</span>
  240.                         de
  241.                         votre thème numérologique.
  242.                         Nous y détaillons votre résultat, les qualités et les défauts qui lui sont liés ainsi que des
  243.                         éléments relatifs aux plans affectifs et professionnels.
  244.                     </p>
  246.                     <h3 class="ps-3">Le nombre intime</h3>
  247.                     <p class="pb-5 text-justify">
  248.                         Le calcul du nombre intime se base sur les voyelles de vos noms et prénoms.
  249.                         Dans votre thème numérologique, le nombre intime révèle le « moi » enfoui, c'est votre caractère
  250.                         profond.
  252.                         Son analyse permet de déceler vos envies et vos idées qui peuvent être dissimulées (parfois même
  253.                         oubliées) et quelquefois vos talents cachés.
  254.                         Utilisez ce calcul pour remettre en question vos actions et vous réaligner avec vos valeurs.
  255.                         L'analyse du nombre intime vous permet de vérifier que vos décisions concordent bien avec vos
  256.                         vraies motivations.
  257.                     </p>
  258.                     <p class="pb-5 text-justify">
  259.                         Retrouvez l'analyse de votre nombre intime dans la section <span
  260.                                 class="fw-bold fst-italic">Désirs et besoins profonds</span>
  261.                         de
  262.                         votre thème numérologique.
  263.                         Nous y détaillons votre résultat et principalement la façon dont il peut s'exprimer de façon
  264.                         positive comme négative.
  265.                     </p>
  267.                     <h3 class="ps-3">Le nombre de réalisation</h3>
  268.                     <p class="pb-5 text-justify">
  269.                         Le calcul de votre nombre de réalisation s'effectue avec les consonnes de vos noms et prénoms.
  271.                         Ce nombre décrit la partie matérielle de votre vie, vos réalisations concrètes, et les façons
  272.                         d'agir qui vous paraissent les plus naturelles. Il traite de vos ressentis profonds, de vos
  273.                         idées inconscientes et révèle vos compétences et les actions que vous pouvez mener pour
  274.                         les
  275.                         exploiter.
  277.                         Son analyse dévoile une partie de votre personnalité apparente, c'est-à-dire la manière dont les
  278.                         autres vous perçoivent, ainsi que des éléments qui peuvent être plus profonds (ou non).
  280.                     </p>
  281.                     <p class="pb-5 text-justify">
  282.                         Si votre nombre de
  283.                         réalisation et votre nombre intime diffèrent, vous pouvez alors sentir que vos désirs ne sont
  284.                         pas alignés avec votre réalité (décalage entre le paraître et l'être).
  285.                     </p>
  286.                     <p class="pb-5 text-justify">
  287.                         Retrouvez l'analyse de votre nombre de réalisation dans la section <span
  288.                                 class="fw-bold fst-italic">Accomplissements</span>
  289.                         de
  290.                         votre thème numérologique.
  291.                     </p>
  293.                     <h3 class="ps-3">La table d'inclusion</h3>
  294.                     <p class="pb-5 text-justify">L'étude de la table d'inclusion analyse les occurrences des nombres
  295.                         dans vos noms et prénoms par
  296.                         rapport à une moyenne. Chaque nombre concerne une thématique, analyser la fréquence d'apparition
  297.                         de ces nombres nous permet de dresser une analyse de votre rapport avec le domaine en question.
  298.                         C'est une étude complémentaire de votre personnalité qui nuance vos traits de caractère et donne
  299.                         des informations sur vos forces et vos faiblesses.
  300.                     </p>
  301.                     <p class="pb-5 text-justify">
  302.                         Retrouvez l'analyse détaillée de votre table d'inclusion dans la section <span
  303.                                 class="fw-bold fst-italic">Caractère</span>
  304.                         de
  305.                         votre thème numérologique.
  306.                     </p>
  308.                     <h3 class="ps-3">L'année personnelle</h3>
  309.                     <p class="pb-5 text-justify">
  310.                         L'analyse de l'année personnelle met en avant les thématiques propres à une année. C'est en
  311.                         général une analyse des tendances et de la vibration d'une année. C'est donc une indication un
  312.                         peu vague par principe.
  314.                         Les années s'enchaînent par cycle, vous pouvez ainsi étudier les résultats de vos prochaines
  315.                         années personnelles pour avoir une idée des obstacles ou des tendances futures.
  316.                     </p>
  317.                     <p class="pb-5 text-justify">
  318.                         Retrouvez l'analyse de votre année personnelle dans la section <span
  319.                                 class="fw-bold fst-italic">Parcours de vie</span>
  320.                         de
  321.                         votre thème numérologique.
  322.                         Nous y détaillons votre résultat sur l'année en cours ainsi que plusieurs années, avec quelques
  323.                         conseils sur les plans financiers et affectifs.
  324.                     </p>
  326.                     <h3 class="ps-3">Le nombre cosmique</h3>
  327.                     <p class="pb-5 text-justify">
  328.                         Le nombre cosmique se calcule avec le chemin de vie et le nombre d'expression.
  330.                         C'est un calcul secondaire qui vient compléter l'analyse de votre destinée en associant des
  331.                         sujets liés à la personnalité dans le contexte de votre chemin de vie. De fait, il donne
  332.                         quelques nuances et éclaircissements sur l'interprétation de votre chemin de vie, de votre
  333.                         parcours et de la façon dont vous pouvez vous réaliser.
  334.                     </p>
  335.                     <p class="pb-5 text-justify">
  336.                         Retrouvez l'analyse de votre nombre cosmique dans la section <span
  337.                                 class="fw-bold fst-italic">Accomplissements</span>
  338.                         de
  339.                         votre thème numérologique.
  340.                     </p>
  342.                     <h3 class="ps-3">Le nombre d'excentricité</h3>
  343.                     <p class="pb-5 text-justify">
  344.                         Le nombre d'excentricité s'obtient à partir de votre nombre actif et de votre jour de naissance.
  345.                         C’est un calcul secondaire qui décrit votre type de réaction. C'est-à-dire votre façon de réagir
  346.                         face à des situations difficiles au cours de votre vie, face à des obstacles ou lors de conflits
  347.                         par
  348.                         exemple.
  349.                     </p>
  350.                     <p class="pb-5 text-justify">
  351.                         Retrouvez l'analyse de votre nombre d'excentricité dans la section <span
  352.                                 class="fw-bold fst-italic">Accomplissements</span>
  353.                         de
  354.                         votre thème numérologique.
  355.                     </p>
  357.                     <h3 class="ps-3">Dette karmique</h3>
  358.                     <p class="pb-5 text-justify">
  359.                         Une dette karmique correspond à un schéma négatif qui se répète au cours de votre vie.
  360.                         Vous avez peut-être remarqué avoir constamment des problèmes en amour, liés à l'argent ou au
  361.                         travail. C'est sûrement le signe qu'une dette karmique se cache dans votre cycle de
  362.                         réincarnation. Lors de l'analyse de votre thème numérologique, nous recherchons aussi la
  363.                         présence de dettes karmiques. Prendre conscience de ses dettes karmiques et comprendre comment
  364.                         les surmonter est source de libération.
  365.                     </p>
  366.                     <p class="pb-5 text-justify">
  367.                         Retrouvez l'analyse de vos dettes karmiques dans la section <span
  368.                                 class="fw-bold fst-italic">Dettes karmiques</span>
  369.                         de
  370.                         votre thème numérologique.
  371.                     </p>
  372.                 </div>
  373.             </div>
  374.         </div>
  376.         <section class="wrapper">
  377.             <div class="container">
  378.                 <div class="row">
  379.                     <div class="text-center mb-5">
  380.                         <h3 class="text-deepblue">Découvrez la signification des nombres</h3>
  381.                         <p>
  382.                             Découvrez plus en détail le sens général donné à chaque nombre.
  383.                         </p>
  384.                     </div>
  385.                 </div>
  386.                 <div class="row">
  387.                     {% for key, data in classicNumbersData %}
  388.                         <div class="col-sm-12 col-md-6 col-lg-4 mb-4">
  389.                             <a href="{{ path('number', {number: key}) }}">
  390.                                 <div class="card text-white position-relative">
  391.                                     <div class="position-absolute" style="z-index: -1">
  392.                                         <svg style="position: relative; z-index: -1;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 248.3 143.96"
  393.                                              width="300px" height="300px">
  394.                                             <defs>
  395.                                                 <clipPath id="number-clip{{ key }}">
  396.                                                     <path
  397.                                                             id="initialSVG{{ key }}"
  398.                                                             d="{{ data.svgPathValue }}"
  399.                                                     />
  401.                                                     <path d="M83.3,120.86c-19.55,0-19.55,0-19.55,19.54,0-19.54,0-19.54-19.54-19.54,9.56,0,14.44,0,16.94-2.29s2.6-7.27,2.6-17.25C63.75,120.86,63.75,120.86,83.3,120.86Z"/>
  402.                                                     <path d="M59.38,112.54c-7.33,0-7.33,0-7.33,7.32,0-7.32,0-7.32-7.32-7.32,3.66,0,5.49,0,6.41-.92s.91-2.74.91-6.41C52.05,112.54,52.05,112.54,59.38,112.54Z"/>
  403.                                                     <path d="M77.4,128.54c-4.32,0-4.32,0-4.32,4.32,0-4.32,0-4.32-4.33-4.32,4.33,0,4.33,0,4.33-4.33,0,2.62,0,3.65,1,4.06A10.14,10.14,0,0,0,77.4,128.54Z"/>
  404.                                                     <path d="M77.25,110.56c-2.1,0-3.18,0-3.74.5s-.59,1.6-.59,3.83c0-4.33,0-4.33-4.33-4.33,4.33,0,4.33,0,4.33-4.32C72.92,110.56,72.92,110.56,77.25,110.56Z"/>
  405.                                                     <path d="M260.69,270.26c-19.54,0-19.54,0-19.54,19.54,0-19.54,0-19.54-19.54-19.54,19.54,0,19.54,0,19.54-19.55,0,9.77,0,14.66,2.44,17.1S250.92,270.26,260.69,270.26Z"/>
  406.                                                     <path d="M260.69,244.31c-7.32,0-7.32,0-7.32,7.32,0-7.32,0-7.32-7.33-7.32,3.41,0,5.24,0,6.21-.74,1.12-.85,1.12-2.67,1.12-6.58C253.37,244.31,253.37,244.31,260.69,244.31Z"/>
  407.                                                     <path d="M262,260.83c-4.32,0-4.32,0-4.32,4.33,0-4.33,0-4.33-4.33-4.33,4.33,0,4.33,0,4.33-4.32,0,2.16,0,3.24.54,3.78S259.86,260.83,262,260.83Z"/>
  408.                                                     <path d="M252.25,281.56c-4.33,0-4.33,0-4.33,4.33,0-4.33,0-4.33-4.33-4.33,2.14,0,3.22,0,3.77-.52s.56-1.61.56-3.8C247.92,281.56,247.92,281.56,252.25,281.56Z"/>
  409.                                                     <path d="M261.94,93.46c0,19.54,0,19.54-19.55,19.54,19.55,0,19.55,0,19.55,19.55,0-19.55,0-19.55,19.54-19.55-9.35,0-14.23,0-16.77-2.14C261.94,108.53,261.94,103.66,261.94,93.46Z"/>
  410.                                                     <path d="M246.34,89.92c0-19.55,0-19.55,19.54-19.55-9.34,0-14.22,0-16.76-2.13-2.78-2.33-2.78-7.21-2.78-17.41,0,19.54,0,19.54-19.54,19.54C246.34,70.37,246.34,70.37,246.34,89.92Z"/>
  411.                                                     <path d="M239,95.61c0,2,0,3.13-.46,3.7s-1.59.62-3.86.62c4.32,0,4.32,0,4.32,4.33,0-4.33,0-4.33,4.33-4.33C239,99.93,239,99.93,239,95.61Z"/>
  412.                                                     <path d="M237.92,64.89c0-2.7,0-3.72,1.06-4.1a11.45,11.45,0,0,1,3.27-.23c-4.33,0-4.33,0-4.33-4.32,0,4.32,0,4.32-4.33,4.32C237.92,60.56,237.92,60.56,237.92,64.89Z"/>
  413.                                                     <path d="M271.92,84.89a11.45,11.45,0,0,1,.23-3.27c.38-1.06,1.39-1.06,4.1-1.06-4.33,0-4.33,0-4.33-4.32,0,4.32,0,4.32-4.33,4.32C271.92,80.56,271.92,80.56,271.92,84.89Z"/>
  414.                                                     <path d="M105.38,203.31c-7.33,0-7.33,0-7.33,7.32,0-7.32,0-7.32-7.32-7.32,3.32,0,5.14,0,6.13-.68,1.19-.83,1.19-2.64,1.19-6.64C98.05,203.31,98.05,203.31,105.38,203.31Z"/>
  415.                                                     <path d="M116.07,220.56c-13.15,0-13.15,0-13.15,13.16,0-13.16,0-13.16-13.15-13.16,6.42,0,9.7,0,11.38-1.52s1.77-4.89,1.77-11.63C102.92,220.56,102.92,220.56,116.07,220.56Z"/>
  417.                                                 </clipPath>
  418.                                             </defs>
  419.                                         </svg>
  420.                                     </div>
  422.                                     <div class="svg-number-container">
  423.                                         <img class="unrestrained-img image-clipped opacity-25"
  424.                                              style="
  425.                                                      position: absolute;
  426.                                                      left: 0;
  427.                                                      right: 0;
  428.                                                      margin-left: auto;
  429.                                                      margin-right: auto;
  430.                                                      width: 300px; /* Need a specific value to work */
  431.                                                      height: 300px; /* Need a specific value to work */
  432.                                                      filter: invert(1);
  433.                                                      clip-path: url(#number-clip{{ key }});"
  434.                                              src="{{ asset('build/images/bg-number-item.jpg') }}"
  435.                                              alt="number image"/>
  436.                                     </div>
  439.                                     <div class="card-img-overlay d-flex flex-column">
  440.                                         <div class="card-body">
  441.                                             <h4 class="card-title mt-0 ">
  442.                                                 {{ key }} - {{ data.name }}
  443.                                             </h4>
  445.                                             <dotlottie-player src="https://lottie.host/089ef651-02f5-4d96-a683-6c420c68d650/wq6Gk9Wvrs.lottie"
  446.                                                               background="transparent" speed="1"
  447.                                                               style="z-index: -1;transform: scale(3) rotate(90deg);position: absolute; width: 100%; height: 100%; top: 20px; left:20px;"
  448.                                                               loop autoplay></dotlottie-player>
  450.                                             <p class="fst-italic">
  451.                                                 {{ expressionNumbersData[key]['title']|capitalize }}
  452.                                             </p>
  453.                                             <div class="short-content">
  454.                                                 {{ data.shortContent|raw }}
  455.                                             </div>
  456.                                             <p class="item-keywords small">
  457.                                                 {{ expressionNumbersData[key]['mainKeywords']|capitalize }}
  458.                                             </p>
  459.                                         </div>
  460.                                         <div class="m-auto">
  461.                                         </div>
  462.                                         <div class="card-footer position-relative">
  463.                                         </div>
  464.                                     </div>
  465.                                 </div>
  466.                             </a>
  467.                         </div>
  469.                     {% endfor %}
  470.                 </div>
  472.             </div>
  474.             <div class="container">
  475.                 <div class="row">
  476.                     <div class="text-center mb-5">
  477.                         <h3 class="text-deepblue">Les maîtres nombres</h3>
  478.                         <p>
  479.                             Les trois maîtres nombres possèdent une grande vibration, ils ne sont pas forcément plus
  480.                             important que les autres, mais leur influence est généralement grande.
  481.                         </p>
  482.                     </div>
  483.                 </div>
  484.                 <div class="row">
  485.                     {% for key, data in masterNumbersData %}
  486.                         <div class="col-sm-12 col-md-6 col-lg-4 mb-4">
  487.                             <a href="{{ path('number', {number: key}) }}">
  488.                                 <div class="card text-white position-relative">
  489.                                     <div class="svg-number-container">
  490.                                         <img class="unrestrained-img image-clipped {{ key in [11,22,33] ? "left-clip in-card" : '' }} opacity-25"
  491.                                              style="
  492.                                                      position: absolute;
  493.                                                      left: 0;
  494.                                                      right: 0;
  495.                                                      margin-left: auto;
  496.                                                      margin-right: auto;
  497.                                                      width: 300px; /* Need a specific value to work */
  498.                                                      height: 300px; /* Need a specific value to work */
  499.                                                      filter: invert(1);
  500.                                                      clip-path: url(#number-clip{{ key|first }});"
  501.                                              src="{{ asset('build/images/bg-number-item.jpg') }}"
  502.                                              alt="number image"/>
  503.                                         {% if key in [11,22,33] %}
  504.                                             <img class="unrestrained-img image-clipped opacity-25 {{ key in [11,22,33] ? "right-clip in-card" : '' }}"
  505.                                                  style="
  506.                                                          position: absolute;
  507.                                                          left: 0;
  508.                                                          right: 0;
  509.                                                          margin-left: auto;
  510.                                                          margin-right: auto;
  511.                                                          width: 300px; /* Need a specific value to work */
  512.                                                          height: 300px; /* Need a specific value to work */
  513.                                                          filter: invert(1);
  514.                                                          clip-path: url(#number-clip{{ key|first }});"
  515.                                                  src="{{ asset('build/images/bg-number-item.jpg') }}"
  516.                                                  alt="number image"/>
  517.                                         {% endif %}
  518.                                     </div>
  519.                                     <div class="card-img-overlay d-flex flex-column z-1">
  520.                                         <div class="card-body">
  521.                                             <h4 class="card-title mt-0 ">
  522.                                                 {{ key }} - {{ data.name }}
  523.                                             </h4>
  525.                                             <dotlottie-player src="https://lottie.host/089ef651-02f5-4d96-a683-6c420c68d650/wq6Gk9Wvrs.lottie"
  526.                                                               background="transparent" speed="1"
  527.                                                               style="z-index: -1;transform: scale(3) rotate(90deg);position: absolute; width: 100%; height: 100%; top: 20px; left:20px;"
  528.                                                               loop autoplay></dotlottie-player>
  530.                                             <p class="fst-italic">
  531.                                                 {{ expressionNumbersData[key]['title']|capitalize }}
  532.                                             </p>
  533.                                             <div class="short-content">
  534.                                                 {{ data.shortContent|raw }}
  535.                                             </div>
  536.                                             <p class="item-keywords small">
  537.                                                 {{ expressionNumbersData[key]['mainKeywords']|capitalize }}
  538.                                             </p>
  539.                                         </div>
  540.                                         <div class="m-auto">
  541.                                         </div>
  542.                                         <div class="card-footer position-relative">
  543.                                         </div>
  544.                                     </div>
  545.                                 </div>
  546.                             </a>
  547.                         </div>
  549.                     {% endfor %}
  550.                 </div>
  552.             </div>
  553.         </section>
  554.     </section>
  556.     <div class="bg-glow animated-glow">
  557.         <section id="interested" class="faded-black-transparent position-relative overflow-hidden">
  558.             <div class="bg-particles">
  559.                 <dotlottie-player src="https://lottie.host/eefac7be-0d95-4a21-ad60-21bb234ac075/W9Zk10fSKb.lottie"
  560.                                   background="transparent" speed="0.6" style="width: 100%;" loop
  561.                                   autoplay></dotlottie-player>
  562.             </div>
  563.             <div class="container">
  564.                 <div class="d-flex justify-content-center flex-column text-center">
  565.                     <h2 class="text-shadow-dark">Vous souhaitez comprendre l'influence des nombres sur votre vie ?</h2>
  566.                     <p class="fw-bold text-beige text-lg-center py-3 pb-5">
  567.                         Votre <span class="fw-bold">thème numérologique</span> est basé sur les travaux d'une
  568.                         experte. <br> Prenez le temps d'en <span class="fw-bold">apprendre plus
  569.                             sur vous</span> dès maintenant.
  570.                     </p>
  571.                     <div>
  572.                         <a href="{{ path('test') }}" class="text-decoration-none">
  573.                             <button type="button"
  574.                                     class="py-3 px-5 btn btn-gold rounded-pill text-beige fw-bold btn-hover-effect">
  575.                                 Calculer mon thème
  576.                             </button>
  577.                         </a>
  578.                     </div>
  579.                 </div>
  580.             </div>
  581.         </section>
  582.     </div>
  584. {% endblock %}