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

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

Referenze

animationDefinisce i parametri dell'animazione di un elemento o selettore
<head>Tag primario di un documento HTML
formenctypeDefinisce il tipo di codifica dei dati di un elemento input
crossoriginGestisce richieste tra documenti provenienti da origini differenti.
_blankApre i collegamenti ipertestuali in una nuova scheda del browser
<form>Crea un modulo/form HTML per consentire all'utente di inviare dati al server

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Profilo Studente

Costruzione form

pianoforte.html

La magica storia di Peter Pan Laur

alt from filename 2

VERIFICA RANZI LEONARDO

Modulo preventivo

Round+ - social bar

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<!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}
}