risadmin_prod/ninefiftyone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Build_Site

Browse Source
This commit is contained in:
risadmin_prod 2025-04-26 07:05:21 +00:00
parent 2e9473808b
commit fd1d8c360b
6 changed files with 18 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Blog.html
View File

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

3
Contact.html
View File

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

4
FAQ.html
View File

@ -2498,6 +2498,6 @@ 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>
<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>
<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="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)

14
Home.html
View File

@ -1,4 +1,4 @@
SafeValue must use [property]=binding: <style>
SafeValue must use [property]=binding: SafeValue must use [property]=binding: <style>
/* ===== RESET & BASE ===== */
* {
box-sizing: border-box;
@ -2498,11 +2498,11 @@ 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>
<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="testimonial-section simple-testimonial dark"><h2 class="testimonial-heading">What Our Customer Says</h2><div class="testimonial-grid"><div class="testimonial-card"><div class="stars">★★★★★</div><p>This platform truly elevated our business performance. Support was stellar and results were fast.</p><div class="author"><img class="avatar" src="avatar1.jpg" alt="Jane Doe" /><strong>Jane Doe</strong><p>Marketing Manager, ZenCorp</p></div></div><div class="testimonial-card"><div class="stars">★★★★★</div><p>Seamless UI and amazing backend. We saved hours every week after switching.</p><div class="author"><img class="avatar" src="avatar2.jpg" alt="Mark Lee" /><strong>Mark Lee</strong><p>CTO, ByteWorks</p></div></div></div></section>
<nav class="mega-navbar" logo="Logo"><div class="logo-1">Logo</div><ul class="nav-1"><li><a href="icard-management.html">Coming Soon</a></li><li><a href="faq.html">faq</a></li><li><a href="home.html">Home Page</a></li><li><a href="contact.html">contact</a></li><li><a href="services.html">Services</a></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-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>
⚠️ No response received from HTML API.
⚠️ No response received from HTML API. (see https://g.co/ng/security#xss)
<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>
<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>
<header class="navbar-1"><div class="logo-1" ref="logo-1">Logo</div><ul class="nav-1"><li><a href="icard-management.html">Coming Soon</a></li><li><a href="faq.html">faq</a></li><li><a href="home.html">Home Page</a></li><li><a href="contact.html">contact</a></li><li><a href="services.html">Services</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) (see https://g.co/ng/security#xss)

4
Icard_Management.html
View File

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

9
Services.html
View File

@ -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>
<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="pricing-single-plan"><div class="pricing-header"><h2 class="pricing-title"Pricing to make your Work Effective>Pricing to make your Work Effective</h2><p class="pricing-subtitle"We offer 100% satisfaction and Money back Guarantee>We offer 100% satisfaction and Money back Guarantee</p></div><div class="features-grid"><div class="feature-item"><span class="feature-icon"💡>💡</span><h3 class="feature-title"Instant Solutions>Instant Solutions</h3><p class="feature-description"Quick support and solutions tailored for your productivity.>Quick support and solutions tailored for your productivity.</p></div><div class="feature-item"><span class="feature-icon"⚙️>⚙️</span><h3 class="feature-title"Powerful Techniques>Powerful Techniques</h3><p class="feature-description"Tools to help you scale and enhance results.>Tools to help you scale and enhance results.</p></div><div class="feature-item"><span class="feature-icon"📈>📈</span><h3 class="feature-title"Targeting Market>Targeting Market</h3><p class="feature-description"Reach the right audience for your business or brand.>Reach the right audience for your business or brand.</p></div><div class="feature-item"><span class="feature-icon"⏳>⏳</span><h3 class="feature-title"100% Satisfaction>100% Satisfaction</h3><p class="feature-description"Our solutions are optimized for guaranteed satisfaction.>Our solutions are optimized for guaranteed satisfaction.</p></div></div><div class="plan-card"><h3 class="plan-title"Master Plan>Master Plan</h3><p class="plan-price"$69 / Yearly>$69 / Yearly</p><p class="plan-description"This Master license allows you to use the application across all platforms.>This Master license allows you to use the application across all platforms.</p><a class="btn-filled" href="#"CHOOSE PLAN><a href="#">CHOOSE PLAN</a></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> (see https://g.co/ng/security#xss)
<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>
<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 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>
<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> (see https://g.co/ng/security#xss)