42 lines
2.3 KiB
HTML
42 lines
2.3 KiB
HTML
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"80px","bottom":"40px"}},"backgroundColor":"base-2"},"layout":{"type":"constrained"}} -->
|
|
<div class="wp-block-group alignfull has-base-2-background-color has-background" style="padding-top:80px;padding-bottom:40px">
|
|
|
|
<!-- wp:columns {"align":"wide"} -->
|
|
<div class="wp-block-columns alignwide">
|
|
<!-- wp:column {"width":"50%"} -->
|
|
<div class="wp-block-column" style="flex-basis:50%">
|
|
<!-- wp:heading {"level":3} -->
|
|
<h3>Stay Updated</h3>
|
|
<!-- /wp:heading -->
|
|
<!-- wp:paragraph -->
|
|
<p>Subscribe to my newsletter for the latest tech insights and project updates.</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
<!-- wp:column {"width":"50%"} -->
|
|
<div class="wp-block-column" style="flex-basis:50%">
|
|
<!-- wp:html -->
|
|
<form class="newsletter-form" onsubmit="event.preventDefault(); alert('Thanks for subscribing!');" style="display: flex; gap: 10px; align-items: center; flex-wrap: wrap;">
|
|
<input type="email" placeholder="Enter your email" required style="padding: 12px 20px; border-radius: 50px; border: 1px solid var(--wp--preset--color--base-3); flex-grow: 1; max-width: 300px;">
|
|
<button type="submit" style="padding: 12px 25px; border-radius: 50px; background: var(--wp--preset--color--vibrant-blue); color: #fff; border: none; cursor: pointer; font-weight: 600;">Subscribe</button>
|
|
</form>
|
|
<!-- /wp:html -->
|
|
</div>
|
|
<!-- /wp:column -->
|
|
</div>
|
|
<!-- /wp:columns -->
|
|
|
|
<!-- wp:separator {"className":"is-style-wide","style":{"spacing":{"margin":{"top":"60px","bottom":"40px"}}}} -->
|
|
<hr class="wp-block-separator has-alpha-channel-opacity is-style-wide" style="margin-top:60px;margin-bottom:40px"/>
|
|
<!-- /wp:separator -->
|
|
|
|
<!-- wp:paragraph {"align":"center"} -->
|
|
<p class="has-text-align-center">
|
|
<a href="https://github.com/Bilnett">GitHub</a> | <a href="https://t.me/Bilnett">Telegram</a> | <a href="#">LinkedIn</a>
|
|
</p>
|
|
<!-- /wp:paragraph -->
|
|
<!-- wp:paragraph {"align":"center"} -->
|
|
<p class="has-text-align-center">Copyright © Bilal Taha 2026. Built with Passion.</p>
|
|
<!-- /wp:paragraph -->
|
|
</div>
|
|
<!-- /wp:group --> |