Build_Site

Blog.html

@@ -2499,5 +2499,6 @@ button.light {
 
 </style>
 ⚠️ HTML API call failed.
-<section class="hero-section centered-hero" style="background:#fff; font-family:sans-serif; text-align:center; padding: 60px 20px;"><h1 style="font-size:36px; font-weight:bold; color:#000000;">Short heading here</h1><p style="font-size:16px; color:#333333; max-width:600px; margin:0 auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.</p><div class="cta-buttons" style="margin-top: 30px; display: flex; justify-content: center; gap: 10px;"><a href="#" style="padding: 10px 20px; background:#000000; color:#ffffff; border:none; text-decoration:none; border-radius:4px; font-weight:500;">Button</a><a href="#" style="padding: 10px 20px; background:#ffffff; color:#000000; border:1px solid #000000; text-decoration:none; border-radius:4px; font-weight:500;">Button</a></div></section>
+<header class="navbar-1"><div class="logo-1" ref="logo-1">Logo</div><ul class="nav-1" ref="nav-1"><li><a href="#">Home Page</a></li><li><a href="#">About Us</a></li><li><a href="#">Services</a></li><li><a href="#">More Info ▾</a></li></ul><button class="join-btn" ref="button-join">Join</button></header><section class="hero-section"><h1 class="hero-heading" ref="hero-heading">Build Your Dream Project with Ease</h1><p class="hero-paragraph" ref="hero-paragraph">Our mission is to empower creators by providing a seamless platform for project development.
+Sign up today and turn your ideas into reality!</p><div class="button-group"><button class="join-btn" ref="button-signup">Sign Up</button><button class="join-btn" ref="button-learn">Learn More</button></div></section><div class="image-grid"><div class="image-tile" ref="tile-1"><img src="placeholder.png" alt="image"/></div><div class="image-tile" ref="tile-2"><img src="placeholder.png" alt="image"/></div><div class="image-tile" ref="tile-3"><img src="placeholder.png" alt="image"/></div><div class="image-tile" ref="tile-4"><img src="placeholder.png" alt="image"/></div><div class="image-tile" ref="tile-5"><img src="placeholder.png" alt="image"/></div><div class="image-tile" ref="tile-6"><img src="placeholder.png" alt="image"/></div></div>
 ⚠️ No response received from HTML API. (see https://g.co/ng/security#xss)

Contact.html

@@ -2498,7 +2498,8 @@ button.light {
 
 
 </style>
-<ul class="nav-1" ref=""><li><a href="#"></a></li><li><a href="#"></a></li><li><a href="#">Join</a></li></ul>
-<section class="hero-section centered-hero" style="background:#fff; font-family:sans-serif; text-align:center; padding: 60px 20px;"><h1 style="font-size:36px; font-weight:bold; color:#000000;">Short heading here</h1><p style="font-size:16px; color:#333333; max-width:600px; margin:0 auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.</p><div class="cta-buttons" style="margin-top: 30px; display: flex; justify-content: center; gap: 10px;"><a href="#" style="padding: 10px 20px; background:#000000; color:#ffffff; border:none; text-decoration:none; border-radius:4px; font-weight:500;">Button</a><a href="#" style="padding: 10px 20px; background:#ffffff; color:#000000; border:1px solid #000000; text-decoration:none; border-radius:4px; font-weight:500;">Button</a></div></section>
 ⚠️ No response received from HTML API.
+<header class="navbar-1"><div class="logo-1" ref="logo-1">Logo</div><ul class="nav-1" ref="nav-1"><li><a href="#">Home Page</a></li><li><a href="#">About Us</a></li><li><a href="#">Services</a></li><li><a href="#">More Info ▾</a></li></ul><button class="join-btn" ref="button-join">Join</button></header><section class="hero-section"><h1 class="hero-heading" ref="hero-heading">Build Your Dream Project with Ease</h1><p class="hero-paragraph" ref="hero-paragraph">Our mission is to empower creators by providing a seamless platform for project development.
+Sign up today and turn your ideas into reality!</p><div class="button-group"><button class="join-btn" ref="button-signup">Sign Up</button><button class="join-btn" ref="button-learn">Learn More</button></div></section><div class="image-grid"><div class="image-tile" ref="tile-1"><img src="placeholder.png" alt="image"/></div><div class="image-tile" ref="tile-2"><img src="placeholder.png" alt="image"/></div><div class="image-tile" ref="tile-3"><img src="placeholder.png" alt="image"/></div><div class="image-tile" ref="tile-4"><img src="placeholder.png" alt="image"/></div><div class="image-tile" ref="tile-5"><img src="placeholder.png" alt="image"/></div><div class="image-tile" ref="tile-6"><img src="placeholder.png" alt="image"/></div></div>
+⚠️ HTML API call failed.
 ⚠️ No response received from HTML API. (see https://g.co/ng/security#xss)

FAQ.html

@@ -2498,7 +2498,6 @@ button.light {
 
 
 </style>
-<header class="navbar-1"><div class="logo-1" ref="logo-1">Logo</div><ul class="nav-1" ref="nav-1"><li><a href="#">Home Page</a></li><li><a href="#">About Us</a></li><li><a href="#">Services</a></li><li><a href="#">More Info ▾</a></li></ul><button class="join-btn" ref="join-btn">Join</button></header>
+⚠️ HTML API call failed.
-<header class="navbar-1"><div class="logo-1" ref="logo-1">Logo</div><ul class="nav-1" ref="nav-1"><li><a href="#">Home Page</a></li><li><a href="#">About Us</a></li><li><a href="#">Services</a></li><li><a href="#">More Info ▾</a></li></ul><button class="join-btn" ref="button-join">Join</button></header><section class="hero-section"><h1 class="hero-heading" ref="hero-heading">Build Your Dream Project with Ease</h1><p class="hero-paragraph" ref="hero-paragraph">Our mission is to empower creators by providing a seamless platform for project development.
+⚠️ No response received from HTML API.
-Sign up today and turn your ideas into reality!</p><div class="button-group"><button class="join-btn" ref="button-signup">Sign Up</button><button class="join-btn" ref="button-learn">Learn More</button></div></section><div class="image-grid"><div class="image-tile" ref="tile-1"><img src="placeholder.png" alt="image"/></div><div class="image-tile" ref="tile-2"><img src="placeholder.png" alt="image"/></div><div class="image-tile" ref="tile-3"><img src="placeholder.png" alt="image"/></div><div class="image-tile" ref="tile-4"><img src="placeholder.png" alt="image"/></div><div class="image-tile" ref="tile-5"><img src="placeholder.png" alt="image"/></div><div class="image-tile" ref="tile-6"><img src="placeholder.png" alt="image"/></div></div>
+<section class="header-section"><section class="class">hero-header</section><section class="heading">Build Your Dream Project with Ease</section><section class="subheading">Our mission is to empower creators...</section><section class="buttons"><section class="class">cta-buttons</section><section class="items">Sign UpLearn More</section></section></section> (see https://g.co/ng/security#xss)
-⚠️ No response received from HTML API. (see https://g.co/ng/security#xss)

Home.html

@@ -2498,10 +2498,10 @@ button.light {
 
 
 </style>
-<nav class="mega-navbar" logo="Logo"><div class="logo-1">Logo</div><ul class="nav-1"><li><a href="#">New Releases</a></li><li><a href="#">Coming Soon</a></li><li><a href="#">Investor Pitch</a></li><li class="dropdown"><a href="#">Co-Founder Appeal</a><div class="dropdown-content"><div class="dropdown-columns"><div class="column"><h4>Page group one</h4><ul><li><span>📦</span><strong>Developer Offers</strong><p>Explore our latest investment opportunities today.</p></li><li><span>📦</span><strong>Join Us</strong><p>Connect with potential partners and investors.</p></li><li><span>📦</span><strong>Get Updates</strong><p>Stay informed about our upcoming projects.</p></li><li><span>📦</span><strong>Investor Relations</strong><p>Learn more about our financial strategies.</p></li></ul></div><div class="column"><h4>Page group two</h4><ul><li><span>📦</span><strong>Page Five</strong><p>Lorem ipsum dolor sit amet consectetur elit</p></li><li><span>📦</span><strong>Page Six</strong><p>Lorem ipsum dolor sit amet consectetur elit</p></li><li><span>📦</span><strong>Page Seven</strong><p>Lorem ipsum dolor sit amet consectetur elit</p></li><li><span>📦</span><strong>Page Eight</strong><p>Lorem ipsum dolor sit amet consectetur elit</p></li></ul></div><div class="column"><h4>Featured from Blog</h4><ul><li><strong>Article Title</strong><p>Lorem ipsum dolor sit amet consectetur elit</p><a href="#">Read more</a></li><li><strong>Article Title</strong><p>Lorem ipsum dolor sit amet consectetur elit</p><a href="#">Read more</a></li><div class="footer-link"><a href="#">See all articles →</a></div></ul></div></div></div></li></ul><div class="navbar-actions"><button class="join-btn">Join</button><button class="join-btn primary">Apply</button></div></nav>
+<nav style="background:white; borderBottom:1px solid #e5e7eb; padding:16px 40px; fontFamily:sans-serif; "><div style="font-weight:bold; font-size:20px;">Logo</div><ul style="display:flex; gap:20px; list-style:none"><li><a href="#">Link One</a></li><li><a href="#">Link Two</a></li><li><a href="#">Link Three</a></li><li><a href="#">Link Four</a></li></ul><a href="#" style="background:white;color:black;padding:8px 16px;border:1px solid black;text-decoration:none; margin-left:10px;">Button</a><a href="#" style="background:black;color:white;padding:8px 16px;border:none;text-decoration:none; margin-left:10px;">Button</a></nav>
-<section class="hero-section centered-hero" style="background:#fff; font-family:sans-serif; text-align:center; padding: 60px 20px;"><h1 style="font-size:36px; font-weight:bold; color:#000000;">Short heading here</h1><p style="font-size:16px; color:#333333; max-width:600px; margin:0 auto;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.</p><div class="cta-buttons" style="margin-top: 30px; display: flex; justify-content: center; gap: 10px;"><a href="#" style="padding: 10px 20px; background:#000000; color:#ffffff; border:none; text-decoration:none; border-radius:4px; font-weight:500;">Button</a><a href="#" style="padding: 10px 20px; background:#ffffff; color:#000000; border:1px solid #000000; text-decoration:none; border-radius:4px; font-weight:500;">Button</a></div></section>
+<section class="header-section"><section class="class">hero-header</section><section class="heading">Build Your Dream Project with Ease</section><section class="subheading">Our mission is to empower creators...</section><section class="buttons"><section class="class">cta-buttons</section><section class="items">Sign UpLearn More</section></section></section>
-<section class="hero-centered"><p class="hero-label"Tagline>Tagline</p><h2 class="hero-heading"Medium length section heading goes here>Medium length section heading goes here</h2><p class="hero-description"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.</p><div class="hero-buttons"><a class="btn-filled" href="#"Button><a href="#">Button</a><a class="btn-outlined" href="#"Button><a href="#">Button</a></div><img class="hero-image" src="placeholder.png" alt="Placeholder" src="placeholder.png" alt="Placeholder" /></section>
+<section class="featuresection"><section class="class">feature-list-section</section><section class="heading"><section class="class">feature-heading</section><section class="text">Long heading is what you see here in this feature section</section></section><section class="features"><section class="icon"><section class="src">icon.svg</section><section class="alt">Icon</section></section><section class="title">Long heading is what you see here in this feature section</section><section class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.</section><section class="button"><section class="label">Button</section><section class="arrow">true</section><section class="class">text-button</section></section><section class="icon"><section class="src">icon.svg</section><section class="alt">Icon</section></section><section class="title">Long heading is what you see here in this feature section</section><section class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.</section><section class="button"><section class="label">Button</section><section class="arrow">true</section><section class="class">text-button</section></section><section class="icon"><section class="src">icon.svg</section><section class="alt">Icon</section></section><section class="title">Long heading is what you see here in this feature section</section><section class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.</section><section class="button"><section class="label">Button</section><section class="arrow">true</section><section class="class">text-button</section></section></section></section>
-<section class="testimonialgrid"><section class="testimonial-section"><h2 class="testimonial-heading"Customer testimonials>Customer testimonials</h2><p class="testimonial-subtitle"Lorem ipsum dolor sit amet, consectetur adipiscing elit.>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p><div class="testimonial-grid"><div class="testimonial-card"><div class="stars"★★★★★>★★★★★</div><pLorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare...>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare...</p><div class="author"><img class="avatar" src="avatar1.jpg" alt="Name Surname" src="avatar1.jpg" alt="Name Surname" /><strongName Surname>Name Surname</strong><pPosition, Company name>Position, Company name</p></div></div><div class="testimonial-card"><div class="stars"★★★★★>★★★★★</div><pLorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare...>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare...</p><div class="author"><img class="avatar" src="avatar2.jpg" alt="Name Surname" src="avatar2.jpg" alt="Name Surname" /><strongName Surname>Name Surname</strong><pPosition, Company name>Position, Company name</p></div></div><div class="testimonial-card"><div class="stars"★★★★★>★★★★★</div><pLorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare...>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare...</p><div class="author"><img class="avatar" src="avatar3.jpg" alt="Name Surname" src="avatar3.jpg" alt="Name Surname" /><strongName Surname>Name Surname</strong><pPosition, Company name>Position, Company name</p></div></div></div></section></section>
+<section class="testimonial-section simple-testimonial light"><div class="testimonial-logo"><img src="webflow-logo.png" alt="Webflow" /></div><blockquote class="testimonial-quote">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.</blockquote><div class="testimonial-author"><img class="author-img" src="author.jpg" alt="author" /><div class="author-details"><strong>Name Surname</strong><br/><span>Position, Company name</span></div></div></section>
-<footer class="footer-1" ref="footer-1"><section class="footer-top" ref="footer-top"><div class="logo-1" ref="footer-logo">Logo</div><ul class="nav-1" ref="footer-nav"><li><a href="#">Get Started</a></li><li><a href="#">Our Services</a></li><li><a href="#">Contact Us</a></li><li><a href="#">About Us</a></li><li><a href="#">Support Center</a></li></ul><div class="footer-social" ref="footer-social"><divFacebook><div>📘 Facebook</div><divInstagram><div>📷 Instagram</div><divX><div>𝕏 X</div><divLinkedIn><div>🔗 LinkedIn</div><divYouTube><div>▶️ YouTube</div></div></section><section class="footer-bottom" ref="footer-bottom"><span© 2025 Relume. All rights reserved.>© 2025 Relume. All rights reserved.<ul class="nav-1" ref="footer-legal"><li><a href="#">Privacy Policy</a></li><li><a href="#">Terms of Service</a></li><li><a href="#">Cookie Settings</a></li></ul></section></footer>
+<footer style="background:#111; color:white; padding:40px;"><div style="margin-bottom:20px;"><h2>LOGO</h2><p>SOLOGAN COMPANY</p></div><div style="display:flex; gap:40px; flex-wrap:wrap;"><div class="link-col"><p><a href="#" style="color:inherit;">Weebly Themes</a></p><p><a href="#" style="color:inherit;">Pre-Sale FAQs</a></p><p><a href="#" style="color:inherit;">Submit a Ticket</a></p></div><div class="link-col"><p><a href="#" style="color:inherit;">Services</a></p><p><a href="#" style="color:inherit;">Theme Tweak</a></p></div><div class="link-col"><p><a href="#" style="color:inherit;">Showcase</a></p><p><a href="#" style="color:inherit;">Widgetkit</a></p><p><a href="#" style="color:inherit;">Support</a></p></div><div class="link-col"><p><a href="#" style="color:inherit;">About Us</a></p><p><a href="#" style="color:inherit;">Contact Us</a></p><p><a href="#" style="color:inherit;">Affiliates</a></p><p><a href="#" style="color:inherit;">Resources</a></p></div></div><div class="social-icons" style="margin-top:20px;"><a href="#" style="margin-right:10px; color:inherit;">📘</a><a href="#" style="margin-right:10px; color:inherit;">🐦</a><a href="#" style="margin-right:10px; color:inherit;">📦</a><a href="#" style="margin-right:10px; color:inherit;">📦</a><a href="#" style="margin-right:10px; color:inherit;">📦</a></div><p style="margin-top:20px; font-size:12px;">©Copyright. All rights reserved.</p></footer>
 ⚠️ No response received from HTML API.
 ⚠️ No response received from HTML API. (see https://g.co/ng/security#xss)

Icard_Management.html

@@ -2498,9 +2498,8 @@ button.light {
 
 
 </style>
-<nav style=""><ul style="display:flex; gap:20px; list-style:none"><li><a href="#">Link One</a></li><li><a href="#">Link Two</a></li><li><a href="#">Link Three</a></li><li><a href="#">Link Four</a></li></ul></nav>
+<nav class="mega-navbar" logo="Logo"><div class="logo-1">Logo</div><ul class="nav-1"><li><a href="#">New Releases</a></li><li><a href="#">Coming Soon</a></li><li><a href="#">Investor Pitch</a></li><li class="dropdown"><a href="#">Co-Founder Appeal</a><div class="dropdown-content"><div class="dropdown-columns"><div class="column"><h4>Page group one</h4><ul><li><span>📦</span><strong>Developer Offers</strong><p>Explore our latest investment opportunities today.</p></li><li><span>📦</span><strong>Join Us</strong><p>Connect with potential partners and investors.</p></li><li><span>📦</span><strong>Get Updates</strong><p>Stay informed about our upcoming projects.</p></li><li><span>📦</span><strong>Investor Relations</strong><p>Learn more about our financial strategies.</p></li></ul></div><div class="column"><h4>Page group two</h4><ul><li><span>📦</span><strong>Page Five</strong><p>Lorem ipsum dolor sit amet consectetur elit</p></li><li><span>📦</span><strong>Page Six</strong><p>Lorem ipsum dolor sit amet consectetur elit</p></li><li><span>📦</span><strong>Page Seven</strong><p>Lorem ipsum dolor sit amet consectetur elit</p></li><li><span>📦</span><strong>Page Eight</strong><p>Lorem ipsum dolor sit amet consectetur elit</p></li></ul></div><div class="column"><h4>Featured from Blog</h4><ul><li><strong>Article Title</strong><p>Lorem ipsum dolor sit amet consectetur elit</p><a href="#">Read more</a></li><li><strong>Article Title</strong><p>Lorem ipsum dolor sit amet consectetur elit</p><a href="#">Read more</a></li><div class="footer-link"><a href="#">See all articles →</a></div></ul></div></div></div></li></ul><div class="navbar-actions"><button class="join-btn">Join</button><button class="join-btn primary">Apply</button></div></nav>
-<header class="navbar-1"><div class="logo-1" ref="logo-1">Logo</div><ul class="nav-1" ref="nav-1"><li><a href="#">Home Page</a></li><li><a href="#">About Us</a></li><li><a href="#">Services</a></li><li><a href="#">More Info ▾</a></li></ul><button class="join-btn" ref="button-join">Join</button></header><section class="hero-section"><h1 class="hero-heading" ref="hero-heading">Build Your Dream Project with Ease</h1><p class="hero-paragraph" ref="hero-paragraph">Our mission is to empower creators by providing a seamless platform for project development.
+<section class="header-section"><section class="class">hero-header</section><section class="heading">Build Your Dream Project with Ease</section><section class="subheading">Our mission is to empower creators...</section><section class="buttons"><section class="class">cta-buttons</section><section class="items">Sign UpLearn More</section></section></section>
-Sign up today and turn your ideas into reality!</p><div class="button-group"><button class="join-btn" ref="button-signup">Sign Up</button><button class="join-btn" ref="button-learn">Learn More</button></div></section><div class="image-grid"><div class="image-tile" ref="tile-1"><img src="placeholder.png" alt="image"/></div><div class="image-tile" ref="tile-2"><img src="placeholder.png" alt="image"/></div><div class="image-tile" ref="tile-3"><img src="placeholder.png" alt="image"/></div><div class="image-tile" ref="tile-4"><img src="placeholder.png" alt="image"/></div><div class="image-tile" ref="tile-5"><img src="placeholder.png" alt="image"/></div><div class="image-tile" ref="tile-6"><img src="placeholder.png" alt="image"/></div></div>
 ⚠️ No response received from HTML API.
 ⚠️ No response received from HTML API.
 ⚠️ No response received from HTML API. (see https://g.co/ng/security#xss)

Services.html

@@ -2498,7 +2498,7 @@ button.light {
 
 
 </style>
-<section class="pricingsection"><section class="header"><section class="title">Grow better with the right plan.</section><section class="subtitle">Pay for what you need (when you need it).</section><section class="background">gradient</section><section class="themecolor">#0ea5e9</section></section><section class="tabs">Products & PlansBundlesFree ToolsMarketingSalesCustomer ServiceCMSOperations</section><section class="hub"><section class="name">Marketing Hub™</section><section class="description">Everything you need to capture leads and turn them into customers.</section><section class="link">Calculate your price</section></section><section class="plans"><section class="name">Starter</section><section class="pricemonthly">$45/mo</section><section class="priceyearly">$540/yr</section><section class="contacts">1,000</section><section class="notes">Includes 1,000 marketing contacts. Additional marketing contacts sold in increments of 1,000.</section><section class="button">Buy now</section><section class="name">Professional</section><section class="pricemonthly">$800/mo</section><section class="priceyearly">$9,600/yr</section><section class="contacts">2,000</section><section class="notes">Includes 2,000 marketing contacts. Additional contacts sold in increments of 5,000.</section><section class="button">Talk to Sales</section><section class="name">Enterprise</section><section class="pricemonthly">$3,200/mo</section><section class="priceyearly">$38,400/yr</section><section class="contacts">10,000</section><section class="notes">Includes 10,000 marketing contacts. Additional contacts sold in increments of 10,000.</section><section class="button">Talk to Sales</section></section></section>
 <nav class="mega-navbar" logo="Logo"><div class="logo-1">Logo</div><ul class="nav-1"><li><a href="#">New Releases</a></li><li><a href="#">Coming Soon</a></li><li><a href="#">Investor Pitch</a></li><li class="dropdown"><a href="#">Co-Founder Appeal</a><div class="dropdown-content"><div class="dropdown-columns"><div class="column"><h4>Page group one</h4><ul><li><span>📦</span><strong>Developer Offers</strong><p>Explore our latest investment opportunities today.</p></li><li><span>📦</span><strong>Join Us</strong><p>Connect with potential partners and investors.</p></li><li><span>📦</span><strong>Get Updates</strong><p>Stay informed about our upcoming projects.</p></li><li><span>📦</span><strong>Investor Relations</strong><p>Learn more about our financial strategies.</p></li></ul></div><div class="column"><h4>Page group two</h4><ul><li><span>📦</span><strong>Page Five</strong><p>Lorem ipsum dolor sit amet consectetur elit</p></li><li><span>📦</span><strong>Page Six</strong><p>Lorem ipsum dolor sit amet consectetur elit</p></li><li><span>📦</span><strong>Page Seven</strong><p>Lorem ipsum dolor sit amet consectetur elit</p></li><li><span>📦</span><strong>Page Eight</strong><p>Lorem ipsum dolor sit amet consectetur elit</p></li></ul></div><div class="column"><h4>Featured from Blog</h4><ul><li><strong>Article Title</strong><p>Lorem ipsum dolor sit amet consectetur elit</p><a href="#">Read more</a></li><li><strong>Article Title</strong><p>Lorem ipsum dolor sit amet consectetur elit</p><a href="#">Read more</a></li><div class="footer-link"><a href="#">See all articles →</a></div></ul></div></div></div></li></ul><div class="navbar-actions"><button class="join-btn">Join</button><button class="join-btn primary">Apply</button></div></nav>
-<footer class="footer-mdb dark"><div class="top-bar"><p>Get connected with us on social networks:</p><a href="#" style="margin-right:12px;">📘</a><a href="#" style="margin-right:12px;">🐦</a><a href="#" style="margin-right:12px;">📦</a><a href="#" style="margin-right:12px;">📷</a><a href="#" style="margin-right:12px;">🔗</a><a href="#" style="margin-right:12px;">📦</a></div><div class="footer-columns" style="display:flex; gap:40px; flex-wrap:wrap;"><div class="footer-col"><h4>COMPANY NAME</h4><p>Here you can use rows and columns to organize your footer content. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p></div><div class="footer-col"><h4>PRODUCTS</h4><p><a href="#">MDBootstrap</a></p><p><a href="#">MDWordPress</a></p><p><a href="#">BrandFlow</a></p><p><a href="#">Bootstrap Angular</a></p></div><div class="footer-col"><h4>USEFUL LINKS</h4><p><a href="#">Your Account</a></p><p><a href="#">Become an Affiliate</a></p><p><a href="#">Shipping Rates</a></p><p><a href="#">Help</a></p></div><div class="footer-col"><h4>CONTACT</h4><p>New York, NY 10012, US</p><p><a href="mailto:info@example.com">info@example.com</a></p><p>+01 234 567 88</p><p>+01 234 567 89</p></div></div><div class="footer-bottom"><p>© 2020 Copyright: MDBootstrap.com</p></div></footer>
+<section class="header-section"><section class="class">hero-header</section><section class="heading">Build Your Dream Project with Ease</section><section class="subheading">Our mission is to empower creators...</section><section class="buttons"><section class="class">cta-buttons</section><section class="items">Sign UpLearn More</section></section></section>
-<section class="header-section"><section class="class">hero-header</section><section class="heading">Build Your Dream Project with Ease</section><section class="subheading">Our mission is to empower creators...</section><section class="buttons"><section class="class">cta-buttons</section><section class="items">Sign UpLearn More</section></section></section> (see https://g.co/ng/security#xss)
+<section class="pricingsection"><section class="header"><section class="title">Grow better with the right plan.</section><section class="subtitle">Pay for what you need (when you need it).</section><section class="background">gradient</section><section class="themecolor">#0ea5e9</section></section><section class="tabs">Products & PlansBundlesFree ToolsMarketingSalesCustomer ServiceCMSOperations</section><section class="hub"><section class="name">Marketing Hub™</section><section class="description">Everything you need to capture leads and turn them into customers.</section><section class="link">Calculate your price</section></section><section class="plans"><section class="name">Starter</section><section class="pricemonthly">$45/mo</section><section class="priceyearly">$540/yr</section><section class="contacts">1,000</section><section class="notes">Includes 1,000 marketing contacts. Additional marketing contacts sold in increments of 1,000.</section><section class="button">Buy now</section><section class="name">Professional</section><section class="pricemonthly">$800/mo</section><section class="priceyearly">$9,600/yr</section><section class="contacts">2,000</section><section class="notes">Includes 2,000 marketing contacts. Additional contacts sold in increments of 5,000.</section><section class="button">Talk to Sales</section><section class="name">Enterprise</section><section class="pricemonthly">$3,200/mo</section><section class="priceyearly">$38,400/yr</section><section class="contacts">10,000</section><section class="notes">Includes 10,000 marketing contacts. Additional contacts sold in increments of 10,000.</section><section class="button">Talk to Sales</section></section></section>
+<section style="background:#0d2550; color:white; font-family:sans-serif; padding:40px;"><div style="display:flex; gap:40px; flex-wrap:wrap;"><div style="flex:1; min-width:300px;"><h2>Let's Talk</h2><p>Every project starts with a chat. Joven leads our client conversations and will be happy to discuss your project. He will also pull in the right people from the team when needed.</p><a href="#" style="display:inline-block; padding:10px 20px; background:#00d26a; color:white; font-weight:bold; text-decoration:none; border-radius:4px; margin-top:10px;">Tell us about your project</a></div><div style="flex:1; min-width:300px;"><p><strong>Email:</strong> <a href="mailto:hello@buuuk.com" style="color:#00aaff;">hello@buuuk.com</a></p><p><strong>Phone:</strong> <a href="tel:+6598753984" style="color:#00aaff;">(+65) 98753984</a></p><p><strong>Address:</strong><br/>1 Paya Lebar Link<br/>#04-01, Paya Lebar Quarter<br/>Singapore, 408533<br/></p><div class="social-icons" style="margin-top:20px;"><a href="#" style="margin-right:10px; color:inherit;">🐦</a><a href="#" style="margin-right:10px; color:inherit;">📘</a><a href="#" style="margin-right:10px; color:inherit;">📷</a><a href="#" style="margin-right:10px; color:inherit;">🔗</a></div></div></div></section><footer style=""></footer> (see https://g.co/ng/security#xss)