[{"id":"html","name":"Html","className":"HtmlPlugin","icon":"fas fa-code","hash":["n2znm004hhj"],"parent":null,"type":"draggable","classType":"section-htmlPlugin","value":"<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Courtier Hypothécaire | InModerna GSI</title>\n\n<style>\n:root{\n --blue:#1e40af;\n --blue-light:#eff6ff;\n --dark:#1f2937;\n --text:#555;\n --bg:#f5f7fb;\n --white:#ffffff;\n}\n\nbody{\n margin:0;\n font-family:'Segoe UI', sans-serif;\n background:var(--bg);\n color:var(--dark);\n}\n\n/* HERO */\n.hero{\n background:linear-gradient(rgba(0,0,0,0.58), rgba(0,0,0,0.58)),\n url('https://images.unsplash.com/photo-1560518883-ce09059eeffa') center/cover;\n min-height:85vh;\n display:flex;\n align-items:center;\n justify-content:center;\n text-align:center;\n color:white;\n padding:40px 20px;\n}\n\n.hero-box{\n max-width:850px;\n}\n\n.hero-badge{\n display:inline-block;\n background:rgba(255,255,255,0.16);\n border:1px solid rgba(255,255,255,0.35);\n padding:8px 18px;\n border-radius:30px;\n font-size:14px;\n font-weight:600;\n margin-bottom:18px;\n backdrop-filter:blur(6px);\n}\n\n.hero h1{\n font-size:58px;\n margin:0 0 14px;\n letter-spacing:2px;\n}\n\n.hero p{\n font-size:20px;\n opacity:0.94;\n max-width:720px;\n margin:auto;\n line-height:1.7;\n}\n\n.cta{\n margin-top:30px;\n}\n\n.cta a{\n background:white;\n color:var(--blue);\n padding:14px 30px;\n border-radius:30px;\n text-decoration:none;\n font-weight:700;\n display:inline-block;\n transition:0.3s;\n box-shadow:0 10px 25px rgba(0,0,0,0.18);\n}\n\n.cta a:hover{\n transform:translateY(-3px);\n}\n\n/* SECTIONS */\n.section{\n max-width:1200px;\n margin:80px auto;\n padding:0 20px;\n}\n\n.title{\n text-align:center;\n font-size:40px;\n margin-bottom:10px;\n color:var(--dark);\n}\n\n.subtitle{\n text-align:center;\n max-width:760px;\n margin:0 auto 35px;\n color:var(--text);\n font-size:17px;\n line-height:1.8;\n}\n\n.line{\n width:90px;\n height:4px;\n background:var(--blue);\n margin:0 auto 40px;\n border-radius:20px;\n}\n\n/* GRID */\n.grid{\n display:grid;\n grid-template-columns:repeat(auto-fit,minmax(260px,1fr));\n gap:22px;\n}\n\n.card{\n background:white;\n padding:28px 25px;\n border-radius:20px;\n box-shadow:0 10px 25px rgba(0,0,0,0.06);\n transition:0.3s;\n border:1px solid rgba(30,64,175,0.08);\n position:relative;\n overflow:hidden;\n}\n\n.card::before{\n content:'';\n position:absolute;\n top:0;\n left:0;\n width:100%;\n height:4px;\n background:var(--blue);\n opacity:0.8;\n}\n\n.card:hover{\n transform:translateY(-6px);\n box-shadow:0 16px 35px rgba(0,0,0,0.10);\n}\n\n.icon{\n width:48px;\n height:48px;\n border-radius:50%;\n background:var(--blue-light);\n color:var(--blue);\n display:flex;\n align-items:center;\n justify-content:center;\n font-size:22px;\n font-weight:700;\n margin-bottom:16px;\n}\n\n.card h3{\n margin:0 0 10px;\n font-size:22px;\n color:var(--dark);\n}\n\n.card p{\n color:var(--text);\n line-height:1.7;\n margin:0;\n}\n\n/* BLOC MIS EN AVANT */\n.highlight{\n background:linear-gradient(135deg, #1e40af, #1d4ed8);\n color:white;\n padding:55px 35px;\n border-radius:24px;\n text-align:center;\n margin:60px 0;\n box-shadow:0 16px 40px rgba(30,64,175,0.25);\n}\n\n.highlight h2{\n margin:0 0 12px;\n font-size:34px;\n color:white;\n}\n\n.highlight p{\n max-width:760px;\n margin:0 auto 28px;\n font-size:18px;\n line-height:1.8;\n color:white;\n}\n\n.highlight-points{\n display:flex;\n justify-content:center;\n flex-wrap:wrap;\n gap:15px;\n margin-top:10px;\n}\n\n.highlight-points span{\n background:rgba(255,255,255,0.16);\n border:1px solid rgba(255,255,255,0.28);\n padding:10px 18px;\n border-radius:30px;\n font-weight:600;\n}\n\n/* IMAGE HIBOTECA */\n.hiboteca-image{\n max-width:1200px;\n margin:20px auto 80px;\n padding:0 20px;\n text-align:center;\n}\n\n.hiboteca-image img{\n max-width:620px;\n width:100%;\n height:auto;\n display:block;\n margin:0 auto;\n border-radius:18px;\n box-shadow:0 14px 40px rgba(0,0,0,0.18);\n}\n\n/* FAQ */\n.faq{\n max-width:900px;\n margin:auto;\n}\n\n.faq details{\n background:white;\n margin-bottom:12px;\n border-radius:14px;\n box-shadow:0 6px 18px rgba(0,0,0,0.05);\n padding:18px 20px;\n border:1px solid rgba(30,64,175,0.08);\n}\n\n.faq summary{\n cursor:pointer;\n font-weight:700;\n color:var(--dark);\n list-style:none;\n}\n\n.faq summary::-webkit-details-marker{\n display:none;\n}\n\n.faq summary::after{\n content:'+';\n float:right;\n color:var(--blue);\n font-size:22px;\n line-height:18px;\n}\n\n.faq details[open] summary::after{\n content:'−';\n}\n\n.faq p{\n color:var(--text);\n line-height:1.7;\n margin:14px 0 0;\n}\n\n/* RESPONSIVE */\n@media(max-width:768px){\n .hero h1{\n font-size:40px;\n }\n\n .hero p{\n font-size:17px;\n }\n\n .title{\n font-size:32px;\n }\n\n .section{\n margin:60px auto;\n }\n\n .highlight{\n padding:40px 22px;\n }\n\n .highlight h2{\n font-size:28px;\n }\n}\n</style>\n</head>\n\n<body>\n\n<!-- HERO -->\n<div class=\"hero\">\n <div class=\"hero-box\">\n <div class=\"hero-badge\">Service hypothécaire avec Hiboteca</div>\n\n <h1>Courtier Hypothécaire</h1>\n\n <p>\n Nous vous aidons à obtenir le meilleur prêt hypothécaire du marché en négociant directement avec les banques pour vous.\n </p>\n\n <div class=\"cta\">\n <a href=\"https://hiboteca.com/landing/inmoderna-gsi\" target=\"_blank\" rel=\"noopener\">\n Accéder à Hiboteca\n </a>\n </div>\n </div>\n</div>\n\n<!-- CE QUE NOUS FAISONS -->\n<div class=\"section\">\n <h2 class=\"title\">Ce que nous faisons pour vous</h2>\n <p class=\"subtitle\">\n Nous vous accompagnons tout au long du processus hypothécaire afin que vous puissiez comparer les options, comprendre les conditions et prendre une décision avec plus de sécurité.\n </p>\n <div class=\"line\"></div>\n\n <div class=\"grid\">\n\n <div class=\"card\">\n <div class=\"icon\">🏦</div>\n <h3>Négociation avec les banques</h3>\n <p>Nous recherchons et comparons les offres de plusieurs établissements financiers afin de trouver l’option la plus adaptée.</p>\n </div>\n\n <div class=\"card\">\n <div class=\"icon\">📊</div>\n <h3>Analyse de votre profil</h3>\n <p>Nous étudions votre situation financière afin d’obtenir les meilleures conditions possibles.</p>\n </div>\n\n <div class=\"card\">\n <div class=\"icon\">%</div>\n <h3>Meilleures conditions</h3>\n <p>Nous recherchons des taux d’intérêt compétitifs et davantage d’options de financement, jusqu’à 100 % dans certains cas.</p>\n </div>\n\n <div class=\"card\">\n <div class=\"icon\">📄</div>\n <h3>Gestion complète</h3>\n <p>Nous nous occupons de la documentation et du suivi jusqu’au moment de la signature.</p>\n </div>\n\n </div>\n</div>\n\n<!-- MIS EN AVANT -->\n<div class=\"section\">\n <div class=\"highlight\">\n <h2>Sans complications</h2>\n <p>\n Un interlocuteur unique, un accompagnement personnalisé et une transparence totale tout au long du processus hypothécaire.\n </p>\n\n <div class=\"highlight-points\">\n <span>Comparaison bancaire</span>\n <span>Conseil personnalisé</span>\n <span>Processus plus agile</span>\n </div>\n </div>\n</div>\n\n<!-- AVANTAGES -->\n<div class=\"section\">\n <h2 class=\"title\">Pourquoi nous choisir</h2>\n <p class=\"subtitle\">\n Notre objectif est de vous aider à accéder à un prêt hypothécaire avec de bonnes conditions et des informations claires dès le départ.\n </p>\n <div class=\"line\"></div>\n\n <div class=\"grid\">\n\n <div class=\"card\">\n <div class=\"icon\">⚡</div>\n <h3>Rapidité</h3>\n <p>Des réponses et des offres en moins de temps pour avancer avec plus de confiance.</p>\n </div>\n\n <div class=\"card\">\n <div class=\"icon\">🔎</div>\n <h3>Comparaison réelle</h3>\n <p>Nous analysons différentes options du marché bancaire afin de trouver la proposition la plus intéressante.</p>\n </div>\n\n <div class=\"card\">\n <div class=\"icon\">✓</div>\n <h3>Transparence</h3>\n <p>Des conditions claires, sans petits caractères et avec des explications simples tout au long du processus.</p>\n </div>\n\n </div>\n</div>\n\n<!-- IMAGE HIBOTECA -->\n<div class=\"hiboteca-image\">\n <img src=\"https://www.inmoderna.es/images/67944_Gerard_juny%20imagen.jpg\" alt=\"Meilleures conditions Hiboteca - Juin 2026\">\n</div>\n\n<!-- FAQ -->\n<div class=\"section\">\n <h2 class=\"title\">Questions fréquentes</h2>\n <div class=\"line\"></div>\n\n <div class=\"faq\">\n\n <details>\n <summary>Qu’est-ce qu’un courtier hypothécaire ?</summary>\n <p>C’est un intermédiaire qui négocie avec les banques afin d’obtenir de meilleures conditions hypothécaires pour le client.</p>\n </details>\n\n <details>\n <summary>Combien puis-je financer ?</summary>\n <p>Cela dépend de votre profil financier et de l’opération. Dans certains cas, le financement peut atteindre jusqu’à 100 %.</p>\n </details>\n\n <details>\n <summary>Combien coûte le service ?</summary>\n <p>Le coût est défini selon l’opération et le type de service contracté, toujours avec des informations claires avant d’avancer.</p>\n </details>\n\n </div>\n</div>\n\n</body>\n</html>","limit":-1,"order":101}]
Courtier Hypothécaire | InModerna GSI
Service hypothécaire avec Hiboteca
Courtier Hypothécaire
Nous vous aidons à obtenir le meilleur prêt hypothécaire du marché en négociant directement avec les banques pour vous.
Nous vous accompagnons tout au long du processus hypothécaire afin que vous puissiez comparer les options, comprendre les conditions et prendre une décision avec plus de sécurité.
🏦
Négociation avec les banques
Nous recherchons et comparons les offres de plusieurs établissements financiers afin de trouver l’option la plus adaptée.
📊
Analyse de votre profil
Nous étudions votre situation financière afin d’obtenir les meilleures conditions possibles.
%
Meilleures conditions
Nous recherchons des taux d’intérêt compétitifs et davantage d’options de financement, jusqu’à 100 % dans certains cas.
📄
Gestion complète
Nous nous occupons de la documentation et du suivi jusqu’au moment de la signature.
Sans complications
Un interlocuteur unique, un accompagnement personnalisé et une transparence totale tout au long du processus hypothécaire.
Comparaison bancaireConseil personnaliséProcessus plus agile
Pourquoi nous choisir
Notre objectif est de vous aider à accéder à un prêt hypothécaire avec de bonnes conditions et des informations claires dès le départ.
⚡
Rapidité
Des réponses et des offres en moins de temps pour avancer avec plus de confiance.
🔎
Comparaison réelle
Nous analysons différentes options du marché bancaire afin de trouver la proposition la plus intéressante.
✓
Transparence
Des conditions claires, sans petits caractères et avec des explications simples tout au long du processus.
Questions fréquentes
Qu’est-ce qu’un courtier hypothécaire ?
C’est un intermédiaire qui négocie avec les banques afin d’obtenir de meilleures conditions hypothécaires pour le client.
Combien puis-je financer ?
Cela dépend de votre profil financier et de l’opération. Dans certains cas, le financement peut atteindre jusqu’à 100 %.
Combien coûte le service ?
Le coût est défini selon l’opération et le type de service contracté, toujours avec des informations claires avant d’avancer.