Build_Site

This commit is contained in:
risadmin_prod 2025-04-26 05:22:50 +00:00
parent f3f1fe0c10
commit 1829ad1013
6 changed files with 21 additions and 21 deletions

View File

@ -2498,6 +2498,7 @@ 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>
<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>
⚠️ 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.
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)

View File

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

View File

@ -2498,6 +2498,7 @@ button.light {
</style>
<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>
<ul class="nav-1" ref=""><li><a href="#"></a></li><li><a href="#"></a></li><li><a href="#">Join</a></li></ul>
⚠️ No response received from HTML API. (see https://g.co/ng/security#xss)
<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.
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> (see https://g.co/ng/security#xss)

View File

@ -2498,11 +2498,10 @@ 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>
<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>
<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="client-testimonial-section"><div class="testimonial-bg" style="background-image: url('skyline-bg.jpg');"></div><img class="testimonial-logo" src="logo.png" alt="logo"/><h2 class="testimonial-title">CLIENT TESTIMONIALS</h2><div class="testimonial-cards"><div class="testimonial-card"><img class="avatar" src="jefferson.jpg" alt="Jefferson N."/><blockquote>Company Name was responsive within hours and they followed the development schedule faithfully...</blockquote><div class="author"><strong>Jefferson N.</strong><br/><span class="stars">★★★★★</span></div></div></div><div class="testimonial-cta"><a href="#" class="btn btn-filled">GET STARTED WITH US</a></div><div class="testimonial-contact"><p>0110 0234567</p><p><a href="mailto:companyname@email.com">companyname@email.com</a></p><p><a href="https://www.companyname.com" target="_blank">www.companyname.com</a></p></div></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>
<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="testimonial-landing orange"><h2 class="landing-title">What Our Client Say?</h2><p class="landing-description">Heres 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>
<section class="feature-section"><div class="feature-content"><span class="hero-label"Tagline>Tagline</span><h2 class="feature-title"Medium length section heading goes here>Medium length section heading goes here</h2><p class="feature-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="cta-buttons"><button class="join-btn" ref="">Button</button><button class="join-btn" ref="">Button</button></div></div><img class="feature-image" src="placeholder-image.png" alt="Placeholder" src="placeholder-image.png" alt="Placeholder" /></section>
⚠️ No response received from HTML API.
⚠️ No response received from HTML API. (see https://g.co/ng/security#xss)
<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>
⚠️ No response received from HTML API.
<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> (see https://g.co/ng/security#xss)

View File

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

View File

@ -2498,8 +2498,7 @@ 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="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>
<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-1"><div class="footer-top"><img class="logo-1" src="" alt="Logo" src="" alt="Logo" /><ul class="footer-nav"><liGet Started>Get Started</li><liOur Services>Our Services</li><liContact Us>Contact Us</li><liAbout Us>About Us</li><liSupport Center>Support Center</li></ul><div class="footer-social"><div📘>📘</div><div📷>📷</div><div𝕏>𝕏</div><div🔗>🔗</div><div>▶️</div></div></div><div class="footer-bottom"><span© 2025 Relume. All rights reserved.>© 2025 Relume. All rights reserved.</span><ul class="footer-legal"><liPrivacy Policy>Privacy Policy</li><liTerms of Service>Terms of Service</li><liCookies Settings>Cookies Settings</li></ul></div></footer> (see https://g.co/ng/security#xss)
<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>
<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>
<section class="pricingsection"><section class="pricing-section"><p class="hero-label">Tagline</p><h2 class="hero-heading">Pricing plan</h2><p class="hero-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p><div class="pricing-cards"><div class="pricing-card"><h3>Basic plan</h3><p class="price">$19 / mo</p><p class="price">$199 / yr</p><ul><li>Feature text goes here</li><li>Feature text goes here</li><li>Feature text goes here</li></ul><a href="#" class="btn-filled">Get started</a></div><div class="pricing-card"><h3>Business plan</h3><p class="price">$29 / mo</p><p class="price">$299 / yr</p><ul><li>Feature text goes here</li><li>Feature text goes here</li><li>Feature text goes here</li><li>Feature text goes here</li></ul><a href="#" class="btn-filled">Get started</a></div><div class="pricing-card"><h3>Enterprise plan</h3><p class="price">$49 / mo</p><p class="price">$499 / yr</p><ul><li>Feature text goes here</li><li>Feature text goes here</li><li>Feature text goes here</li><li>Feature text goes here</li><li>Feature text goes here</li></ul><a href="#" class="btn-filled">Get started</a></div></div></section></section>
<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> (see https://g.co/ng/security#xss)