BuzzTech Blog | News blog Magazine by @Darkness977 - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

References

nameDetermina il nome degli elementi HTML o fornisce dati su un attributo associato.
<video>Integra e controlla video in una pagina HTML
hreflangConsente di dichiarare la lingua del documento collegato.
<td>Definisce una cella di una tabella HTML.
<tbody>Definisce il contenuto principale di una tabella.
actionDetermina la pagina di destinazione a cui verranno inviati i dati di un form HTML

Users

Log in to search for users

Explore

Find inspiration

Prova javascript

Menu di Pizzeria Rebeka a Modena -

Pagina Di Prova 1.11.23

Elenchi numerati con HTML

Heads Or Tails Random Tally 2

congettura di golbach a 3

ESERCITAZIONE ORSI

Navbar Example 3

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<!DOCTYPE html>
<html lang="it">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>The Tech Buzz — Tech News & Innovation</title>
  <!-- Google Fonts -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <a class="skip-link" href="#main">Vai al contenuto</a>

  <!-- HEADER -->
  <header class="site-header">
    <div class="container header-inner">
      <div class="brand">
        <h1 class="logo">THE TECH BUZZ</h1>
        <p class="tagline">News & Insights • Innovation & Technology</p>
      </div>

      <nav class="nav" aria-label="Menu principale">
        <ul class="nav-list">
          <li><a href="#">Latest</a></li>
          <li><a href="#">AI</a></li>
          <li><a href="#">Blockchain</a></li>
          <li><a href="#">Deals</a></li>
          <li><a href="#">Security</a></li>
          <li><a href="#">Crypto</a></li>
        </ul>
      </nav>

      <div class="header-actions">
        <button class="btn-outline">Subscribe</button>
        <button class="btn-ghost">Sign In</button>
      </div>
    </div>
  </header>

  <!-- HERO -->
  <section class="hero" aria-labelledby="hero-title">
    <div class="container hero-grid">
      <figure class="hero-media" aria-hidden="true">
        <img src="assets/hero-crypto.jpg" alt="Immagine - tokenization / bitcoin" />
      </figure>

      <div class="hero-copy">
        <p class="eyebrow">FILINGS / TOKENIZATION</p>
        <h2 id="hero-title" class="hero-title">Securitize Files $1.25B SPAC Deal as Tokenization Market Explodes</h2>
        <p class="hero-dek">BlackRock-backed tokenization leader goes public via SPAC at $1.25B valuation</p>

        <div class="hero-meta">
          <span>By <strong>The Tech Buzz</strong></span>
          <span>•</span>
          <time datetime="2025-10-30">Oct 30, 2025</time>
          <span>•</span>
          <span>8:14 AM ET</span>
        </div>

        <div class="hero-cta">
          <a href="#" class="btn-primary">Read Full Story</a>
          <a href="#" class="btn-link">Share</a>
        </div>
      </div>
    </div>
  </section>

  <!-- MAIN LAYOUT -->
  <main id="main" class="container main-grid" role="main">
    <!-- ARTICLE -->
    <article class="article">
      <header class="article-header">
        <h3 class="section-title h2-bebas">The Buzz</h3>
        <ul class="bullet-highlights">
          <li>Securitize files to go public via SPAC merger with Cantor Equity Partners at $1.25B valuation.</li>
          <li>Company dominates ~20% of the tokenized real-world asset market, now worth $35B.</li>
          <li>Deal signals largest tokenization IPO in U.S. Treasuries this year; potential Nasdaq listing early 2025.</li>
        </ul>
      </header>

      <div class="article-body">
        <p>Securitize, the blockchain infrastructure company powering BlackRock’s tokenized money market fund, just filed to go public through a $1.25 billion SPAC merger. The deal positions the company to complete its public listing on Nasdaq in early 2025 under the ticker <strong>SECU</strong>.</p>

        <p>The SPAC combined will generate roughly $465 million in gross proceeds split between PIPE investors and the SPAC trust. Management says funds will be used to scale tokenization infrastructure, grow enterprise partnerships and launch new regulated tokenized products.</p>

        <h4>Why it matters</h4>
        <p>Tokenization allows traditional assets to be represented on blockchains, enabling 24/7 trading, fractional ownership, and faster settlement. Institutional players — including asset managers and custody providers — are increasingly experimenting with tokenized versions of real-world assets (RWA).</p>

        <figure class="article-figure">
          <img src="assets/article-graphic.jpg" alt="Grafico: Adozione della tokenizzazione" />
          <figcaption>Market snapshot: tokenization adoption across asset classes.</figcaption>
        </figure>

        <p>The broader implications extend beyond one IPO: as exchanges and custodians adopt token standards, new capital market plumbing emerges. The Securitize deal may accelerate institutional confidence in tokenized securities.</p>

        <h4>Key details</h4>
        <ul>
          <li>Valuation: $1.25B pro forma</li>
          <li>Expected proceeds: ~$465M</li>
          <li>Target exchange: Nasdaq</li>
          <li>Ticker (expected): SECU</li>
        </ul>

        <p class="muted">Fonte: Company filings e dichiarazioni pubbliche.</p>
      </div>

      <!-- RELATED / CTA -->
      <div class="article-actions">
        <a class="btn-secondary" href="#">Subscribe to Daily Brief</a>
        <a class="btn-ghost" href="#">Save Article</a>
      </div>
    </article>

    <!-- SIDEBAR -->
    <aside class="sidebar" aria-labelledby="trending-title">
      <section class="widget widget-trending">
        <h4 id="trending-title" class="widget-title">Trending Now</h4>
        <ol class="trending-list">
          <li><a href="#">OpenAI to refine XT-2040 generative model</a></li>
          <li><a href="#">Apple launches M4 Ultra series chips</a></li>
          <li><a href="#">NVIDIA leads next-gen AI compute hardware</a></li>
          <li><a href="#">Microsoft expands partnership with Anthropic</a></li>
        </ol>
      </section>

      <section class="widget widget-people">
        <h4 class="widget-title">People Also Ask</h4>
        <ul class="ppl-qa">
          <li><button class="qa-toggle">What is Securitize and what does the company do?</button></li>
          <li><button class="qa-toggle">How much is Securitize’s SPAC deal worth?</button></li>
          <li><button class="qa-toggle">When will Securitize stock start trading publicly?</button></li>
        </ul>
      </section>

      <section class="widget widget-newsletter">
        <h4 class="widget-title">Stay updated</h4>
        <p class="small">Get the latest tech news, exclusive insights, and expert analysis.</p>
        <form class="subscribe-form" action="#" method="post" onsubmit="event.preventDefault()">
          <label for="email" class="sr-only">Email</label>
          <input id="email" name="email" type="email" placeholder="Enter your email" required>
          <button class="btn-primary small" type="submit">Subscribe</button>
        </form>
      </section>
    </aside>
  </main>

  <!-- MORE IN FILING (GRID) -->
  <section class="more-filing container" aria-label="More in filing">
    <h3 class="section-title h2-bebas">More in Filing</h3>

    <div class="cards-grid">
      <article class="card">
        <img src="assets/card1.jpg" alt="Google cloud AI deal">
        <div class="card-body">
          <h5>Google posts 'significant' capex jump on cloud AI</h5>
          <p class="muted">June 2025 • Business</p>
        </div>
      </article>

      <article class="card">
        <img src="assets/card2.jpg" alt="Intel launches chip">
        <div class="card-body">
          <h5>Intel unveils M4 competitor: focus on AI</h5>
          <p class="muted">May 2025 • Hardware</p>
        </div>
      </article>

      <article class="card">
        <img src="assets/card3.jpg" alt="Microsoft partnership">
        <div class="card-body">
          <h5>Microsoft announces multi-billion partnership</h5>
          <p class="muted">Apr 2025 • Partnerships</p>
        </div>
      </article>

      <article class="card">
        <img src="assets/card4.jpg" alt="Market snapshot">
        <div class="card-body">
          <h5>RWA tokenization hits new milestones</h5>
          <p class="muted">Analysis • Finance</p>
        </div>
      </article>

      <article class="card">
        <img src="assets/card5.jpg" alt="Apple legal">
        <div class="card-body">
          <h5>Apple settles patent dispute with devs</h5>
          <p class="muted">Apr 2025 • Legal</p>
        </div>
      </article>

      <article class="card">
        <img src="assets/card6.jpg" alt="Intel chipset">
        <div class="card-body">
          <h5>Chip shortages ease, prices stabilize</h5>
          <p class="muted">Market • Hardware</p>
        </div>
      </article>
    </div>
  </section>

  <!-- FOOTER -->
  <footer class="site-footer">
    <div class="container footer-grid">
      <div class="footer-col">
        <h4 class="logo footer-logo">THE TECH BUZZ</h4>
        <p class="muted">Your premier source for technology news, insights, and analysis. Covering the latest in AI, startups, cybersecurity, and innovation.</p>
        <p class="muted small">© 2025 The Tech Buzz. All rights reserved.</p>
      </div>

      <div class="footer-col">
        <h5>Sections</h5>
        <ul class="footer-links">
          <li><a href="#">Latest</a></li>
          <li><a href="#">AI</a></li>
          <li><a href="#">Blockchain</a></li>
          <li><a href="#">Security</a></li>
        </ul>
      </div>

      <div class="footer-col">
        <h5>Resources</h5>
        <ul class="footer-links">
          <li><a href="#">About</a></li>
          <li><a href="#">Contact</a></li>
          <li><a href="#">Advertise</a></li>
          <li><a href="#">Privacy Policy</a></li>
        </ul>
      </div>

      <div class="footer-col">
        <h5>Newsletter</h5>
        <p class="muted small">Get curated technology news in your inbox.</p>
        <form class="subscribe-form" action="#" method="post" onsubmit="event.preventDefault()">
          <input type="email" placeholder="Email address" required>
          <button class="btn-primary small" type="submit">Subscribe</button>
        </form>
        <div class="socials">
          <a aria-label="Twitter" href="#" class="social">T</a>
          <a aria-label="LinkedIn" href="#" class="social">in</a>
          <a aria-label="YouTube" href="#" class="social">▶</a>
        </div>
      </div>
    </div>
  </footer>

  <!-- Optional lightweight JS for toggles (embedded) -->
  <script>
    // Toggle FAQ Qs (People also ask)
    document.querySelectorAll('.qa-toggle').forEach(btn => {
      btn.addEventListener('click', () => {
        const expanded = btn.getAttribute('aria-expanded') === 'true';
        btn.setAttribute('aria-expanded', !expanded);
        // Simple open/close behavior: append a short answer when opened
        let next = btn.nextElementSibling;
        if (!next || !next.classList.contains('qa-answer')) {
          next = document.createElement('div');
          next.className = 'qa-answer';
          next.textContent = 'Sintesi: Securitize è una piattaforma di tokenizzazione che aiuta emittenti e asset manager a digitalizzare titoli e asset reali.';
          btn.parentNode.insertBefore(next, btn.nextSibling);
        } else {
          next.remove();
        }
      });
    });
  </script>
</body>
</html>

/* Palette e tipografia (fornite) */
:root{
  --tech-blue: #1457c7;
  --acid-green: #cffe4c;
  --light-gray: #aaaaaa;
  --white: #ffffff;
  --muted: #6b7280;
  --max-width: 1180px;
}

/* Fonts */
*{box-sizing:border-box}
html,body{height:100%}
body{
  font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, Arial;
  margin:0;
  color:#0f172a;
  background:var(--white);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.45;
}

/* Accessibility skip link */
.skip-link{
  position: absolute;
  left:-9999px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}
.skip-link:focus{
  left:10px;
  top:10px;
  width:auto;
  height:auto;
  padding:8px 12px;
  background:#111;
  color:#fff;
  z-index:9999;
}

/* Container */
.container{
  width:90%;
  max-width:var(--max-width);
  margin:0 auto;
}

/* HEADER */
.site-header{
  background:var(--tech-blue);
  color:var(--white);
  border-bottom:4px solid rgba(255,255,255,0.06);
}
.header-inner{
  display:flex;
  align-items:center;
  gap:1rem;
  padding:14px 0;
}
.brand{flex:1}
.logo{
  font-family: 'Bebas Neue', sans-serif;
  font-size:28px;
  margin:0;
  letter-spacing:1px;
}
.tagline{
  margin:2px 0 0 0;
  font-size:12px;
  color:rgba(255,255,255,0.85);
}

/* Nav */
.nav{display:none}
.nav-list{display:flex; gap:14px; list-style:none; margin:0; padding:0}
.nav-list a{color:var(--white); text-decoration:none; font-weight:500; font-size:14px}
.nav-list a:hover{text-decoration:underline}

/* Header actions */
.header-actions{display:flex; gap:8px}
.btn-outline, .btn-ghost{
  background:transparent;
  color:var(--white);
  border:1px solid rgba(255,255,255,0.12);
  padding:8px 12px;
  border-radius:6px;
  cursor:pointer;
  font-weight:600;
}
.btn-outline:hover, .btn-ghost:hover{opacity:0.9}

/* HERO */
.hero{
  background:var(--acid-green);
  padding:28px 0;
  border-bottom:6px solid rgba(0,0,0,0.03);
}
.hero-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap:20px;
  align-items:center;
}
.hero-media img{
  width:100%;
  height:320px;
  object-fit:cover;
  border-radius:8px;
  display:block;
  box-shadow:0 8px 30px rgba(0,0,0,0.12);
}
.eyebrow{
  font-size:12px;
  font-weight:700;
  letter-spacing:0.06em;
  color:#1b1b1b;
  margin:0 0 6px;
}
.hero-title{
  font-family: 'Bebas Neue', sans-serif;
  font-size:34px;
  margin:4px 0 8px;
  color:#051424;
  line-height:1.02;
}
.hero-dek{margin:6px 0 12px; font-weight:500; color:#0b1220}
.hero-meta{color:var(--light-gray); font-size:13px; display:flex; gap:8px; align-items:center; margin-bottom:12px}
.hero-cta{display:flex; gap:10px; align-items:center}

/* Buttons */
.btn-primary{
  display:inline-block;
  background:var(--tech-blue);
  color:var(--white);
  padding:10px 14px;
  border-radius:8px;
  text-decoration:none;
  font-weight:600;
}
.btn-primary.small{padding:8px 10px; font-size:14px}
.btn-secondary{
  display:inline-block;
  background:#f3f4f6;
  color:#111827;
  padding:10px 12px;
  border-radius:8px;
  border:1px solid rgba(0,0,0,0.06);
  text-decoration:none;
  font-weight:600;
}
.btn-link{
  background:transparent;
  color:#111827;
  text-decoration:underline;
  font-weight:600;
}

/* MAIN GRID */
.main-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap:28px;
  padding:26px 0;
}

/* Article */
.article{grid-column:1}
.article-header .section-title{
  display:inline-block;
  font-family: 'Bebas Neue', sans-serif;
  color:var(--tech-blue);
  font-size:22px;
  border-bottom:4px solid var(--acid-green);
  padding-bottom:8px;
  margin-bottom:12px;
}
.bullet-highlights{margin:12px 0 0 0; padding-left:18px; color:#111827}
.bullet-highlights li{margin-bottom:8px}
.article-body{margin-top:14px; font-size:16px; color:#0f172a}
.article-body h4{margin-top:18px; font-size:18px}
.article-figure{margin:18px 0}
.article-figure img{width:100%; border-radius:6px; display:block}
.article-actions{margin-top:18px; display:flex; gap:10px}

/* SIDEBAR */
.sidebar{background:#fff; padding:16px; border-radius:8px; box-shadow:0 6px 18px rgba(2,6,23,0.06)}
.widget{margin-bottom:18px}
.widget-title{font-family:'Bebas Neue', sans-serif; color:var(--tech-blue); font-size:18px; margin:0 0 8px}
.trending-list{margin:0; padding-left:18px}
.trending-list li{margin-bottom:8px}
.ppl-qa{list-style:none; padding:0; margin:0}
.qa-toggle{
  display:block;
  width:100%;
  background:transparent;
  border:0;
  text-align:left;
  padding:8px 6px;
  font-weight:600;
  cursor:pointer;
  color:#111827;
}
.qa-answer{margin:6px 0 12px; font-size:14px; color:var(--muted)}
.subscribe-form{display:flex; gap:8px; margin-top:8px}
.subscribe-form input[type="email"]{flex:1; padding:8px 10px; border-radius:8px; border:1px solid #e6e6e6}
.small{font-size:13px}

/* MORE IN FILING CARDS */
.more-filing{padding:28px 0}
.cards-grid{
  display:grid;
  grid-template-columns: repeat(1, 1fr);
  gap:18px;
  margin-top:14px;
}
.card{background:#fff; border-radius:10px; overflow:hidden; box-shadow:0 8px 20px rgba(2,6,23,0.06)}
.card img{width:100%; height:160px; object-fit:cover; display:block}
.card-body{padding:12px}
.card-body h5{margin:0 0 6px; font-size:16px}
.muted{color:var(--muted); font-size:13px}

/* FOOTER */
.site-footer{background:#000; color:#fff; padding:28px 0; margin-top:28px}
.footer-grid{
  display:grid;
  grid-template-columns: repeat(1, 1fr);
  gap:18px;
}
.footer-col h5{margin:0 0 8px}
.footer-links{list-style:none; padding:0; margin:0}
.footer-links li{margin-bottom:6px}
.footer-links a{color:#d1d5db; text-decoration:none}
.footer-logo{font-family:'Bebas Neue', sans-serif; font-size:22px; margin-bottom:8px}
.socials{margin-top:12px; display:flex; gap:8px}
.social{display:inline-block; width:36px; height:36px; border-radius:6px; background:#111; color:#fff; text-align:center; line-height:36px; text-decoration:none}

/* Responsive rules */
@media(min-width:768px){
  .nav{display:block}
  .hero-grid{grid-template-columns: 1fr 1fr}
  .main-grid{grid-template-columns: 2fr 1fr}
  .cards-grid{grid-template-columns: repeat(3, 1fr)}
  .footer-grid{grid-template-columns: repeat(4, 1fr)}
}

@media(min-width:1024px){
  .hero-media img{height:420px}
  .hero-title{font-size:48px}
  .logo{font-size:30px}
}