Build_Site

Blog.html

@@ -2498,7 +2498,6 @@ button.light {
 
 
 </style>
-⚠️ HTML API call failed.
+<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>
-<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="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>
-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,8 +2498,7 @@ button.light {
 
 
 </style>
+<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>
 ⚠️ 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.
+⚠️ 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="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> (see https://g.co/ng/security#xss)
-⚠️ HTML API call failed.
-⚠️ No response received from HTML API. (see https://g.co/ng/security#xss)

FAQ.html

@@ -2498,6 +2498,7 @@ button.light {
 
 
 </style>
-⚠️ HTML API call failed.
+<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>
-⚠️ 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.
-<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)
+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)

Home.html

@@ -2498,10 +2498,11 @@ button.light {
 
 
 </style>
-<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>
+⚠️ HTML API call failed.
-<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>
+<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="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>
+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="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>
+<section class="feature-section"><img class="feature-image" src="" alt="Feature Illustration" /><div class="feature-content"><h2 class="feature-title">Unlock Your Project's Potential with Our Comprehensive Development Platform</h2><p class="feature-description">Easily create and manage your projects from start to finish. Select the technologies that best suit your needs and bring your ideas to life.</p><ul class="feature-list"><li>Effortless project creation and management.</li><li>Choose from a wide range of technologies.</li><li>Design intuitive wireframes for your applications.</li></ul></div></section>
-<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>
+<section class="testimonial-landing orange"><h2 class="landing-title">What Our Client Say?</h2><p class="landing-description">Here’s what our customers think about our product and service quality.</p><div class="testimonial-grid"><div class="testimonial-box"><blockquote>Exceptional platform. Very intuitive UI and great results.</blockquote><p class="author-name">— Jeff Stroman</p></div><div class="testimonial-box highlight"><blockquote>This service changed the way we approach marketing...</blockquote><p class="author-name">— Ning Asih</p></div></div></section>
+<footer style="background:#f5f3f0; padding:40px; font-family:sans-serif; "><div style="font-weight:bold; font-size:20px;">Logo</div><p>Level 1, 12 Sample St, Sydney NSW 2000</p><p>Phone: 1800 123 4567</p><p>Email: <a href="mailto:info@relume.io">info@relume.io</a></p><div class="social-icons"><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 style="display:flex; gap:40px; margin-top:20px;"><div class="link-column"><p><a href="#">Link One</a></p><p><a href="#">Link Two</a></p><p><a href="#">Link Three</a></p><p><a href="#">Link Four</a></p><p><a href="#">Link Five</a></p></div><div class="link-column"><p><a href="#">Link Six</a></p><p><a href="#">Link Seven</a></p><p><a href="#">Link Eight</a></p><p><a href="#">Link Nine</a></p><p><a href="#">Link Ten</a></p></div></div></footer>
 ⚠️ No response received from HTML API.
 ⚠️ No response received from HTML API. (see https://g.co/ng/security#xss)

Icard_Management.html

@@ -2498,8 +2498,8 @@ 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>
+<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>
-<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-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.
 ⚠️ No response received from HTML API.
 ⚠️ No response received from HTML API. (see https://g.co/ng/security#xss)

Services.html

@@ -2498,7 +2498,8 @@ 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=""><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>
-<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>
+<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="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>
+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 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)
+<section class="pricingsection"><section class="title">Checkout Our Pricing Plans</section><section class="subtitle">Ideal for businesses, freelancers, and individuals seeking the best value</section><section class="toggle"><section class="options">MonthlyYearly</section><section class="default">Monthly</section></section><section class="plans"><section class="name">Basic</section><section class="price">$20</section><section class="savings">Save 25%</section><section class="bonus">3 MONTHS FREE</section><section class="features">Feature 01Feature 02Feature 03</section><section class="highlight">false</section><section class="buttonlabel">Buy now</section><section class="name">Standard</section><section class="price">$20</section><section class="savings">Save 33%</section><section class="bonus">4 MONTHS FREE</section><section class="features">Feature 01Feature 02Feature 03</section><section class="highlight">true</section><section class="buttonlabel">Buy now</section><section class="name">Business</section><section class="price">$20</section><section class="savings">Save 50%</section><section class="bonus">5 MONTHS FREE</section><section class="features">Feature 01Feature 02Feature 03</section><section class="highlight">false</section><section class="buttonlabel">Buy now</section></section></section>
+<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> (see https://g.co/ng/security#xss)