Banner

Pas de filtre. Pas de subvention. Pas de maître. Opinion Day®™ attaque à la racine ce que les autres effleurent. Ici, les récits changent. Et la peur aussi.

ILS ONT LEURS MÉDIAS. VOUS AVEZ OPINION DAY®™.

News. Media concept. Laptop, tablet pc, phone and newspaper.

Embed

<section class="od-banniere-large">
  <div class="od-banniere-contenu">
    <h1>PERSPECTIVES QUI DÉFONCENT LES TITRES</h1>
    <p>
      Des vérités brutales, un angle que vous ne verrez nulle part ailleurs.<br>
      Opinion Day®™ renverse les récits — avec style, avec courage, avec vous.
    </p>
    <a href="https://opinionday.info/articles" class="od-bouton">📰 VOIR TOUS LES ARTICLES</a>

    <div class="od-boutons-don">
      <a href="https://www.paypal.com/ncp/payment/8HD8H9JZLS7E2" class="od-btn paypal">💳 PayPal</a>
      <a href="https://ko-fi.com/opinionday" class="od-btn kofi">☕ Ko-fi</a>
      <a href="https://www.buymeacoffee.com/g7wfg4m2p6k" class="od-btn coffee">☕ Buy Me a Coffee</a>
      <a href="https://twitter.com/intent/tweet?text=PERSPECTIVES%20QUI%20D%C3%89FONCENT%20LES%20TITRES&url=https%3A%2F%2Fopinionday.info" class="od-btn x">🐦 Partager sur X</a>
    </div>
  </div>
</section>

<style>
  .od-banniere-large {
    width: 100%;
    background-color: #0b0b0b;
    background-image: url('https://opinionday.info/assets/visuel-fond.jpg');
    background-size: cover;
    background-position: center;
    padding: 80px 20px;
    box-sizing: border-box;
  }

  .od-banniere-contenu {
    max-width: 1100px;
    margin: 0 auto;
    text-align: center;
    color: #e4c884;
    font-family: 'Georgia', serif;
  }

  .od-banniere-contenu h1 {
    font-size: 40px !important;
    line-height: 1.2;
    white-space: nowrap;
    margin-bottom: 20px;
    letter-spacing: 1px;
  }

  .od-banniere-contenu p {
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 30px;
  }

  .od-bouton {
    display: inline-block;
    padding: 14px 26px;
    font-size: 16px;
    font-weight: bold;
    color: #0b0b0b;
    background-color: #e4c884;
    text-decoration: none;
    border-radius: 8px;
    margin-bottom: 40px;
    transition: background 0.3s ease;
  }

  .od-bouton:hover {
    background-color: #f0d98e;
  }

  .od-boutons-don {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
  }

  .od-btn {
    display: inline-block;
    padding: 12px 20px;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease;
  }

  .paypal {
    background-color: #ffc439;
    color: #000;
  }

  .kofi {
    background-color: #29abe0;
    color: #fff;
  }

  .coffee {
    background-color: #ffdd00;
    color: #000;
  }

  .x {
    background-color: #fff;
    color: #000;
  }

  .od-btn:hover {
    opacity: 0.85;
  }
</style>