Del 1

<style>

  .bilerfaring-wrapper {

    font-family: sans-serif;

    max-width: 900px;

    margin: auto;

    padding: 2rem;

  }

  .intro {

    text-align: center;

    margin-bottom: 2rem;

  }

  .intro h1 {

    font-size: 2.5rem;

    margin-bottom: 0.5rem;

  }

  .intro p {

    font-size: 1.1rem;

    color: #555;

  }

  .search-box {

    text-align: center;

    margin-bottom: 2rem;

  }

  .search-box input {

    width: 60%;

    padding: 0.7rem;

    font-size: 1rem;

    border: 1px solid #ccc;

    border-radius: 5px;

  }

  .bilkort-container {

    display: flex;

    flex-wrap: wrap;

    gap: 1rem;

    justify-content: center;

  }

  .bilkort {

    background: #f9f9f9;

    border: 1px solid #ddd;

    border-radius: 8px;

    padding: 1rem;

    width: 280px;

    box-shadow: 0 2px 5px rgba(0,0,0,0.05);

  }

  .bilkort h3 {

    margin-top: 0;

    color: #333;

  }

  .bilkort p {

    font-size: 0.95rem;

    color: #666;

  }

</style>

<div class="bilerfaring-wrapper">

  <div class="intro">

    <h1>Velkommen til Bilerfaring.no</h1>

    <p>Del og les ekte erfaringer med biler i Norge – fra folk som faktisk har eid dem.</p>

  </div>

  <div class="search-box">

    <input type="text" placeholder="Søk etter bilmodell, merke eller erfaring...">

  </div>

  <div class="bilkort-container">

    <div class="bilkort">

      <h3>Toyota Corolla (2015)</h3>

      <p>Driftssikker og billig i drift. Har kjørt 120 000 km uten store problemer. Anbefales!</p>

    </div>

    <div class="bilkort">

      <h3>Volkswagen Golf (2018)</h3>

      <p>God kjørekomfort, men har hatt problemer med DSG-girkassen. Ellers fornøyd.</p>

    </div>

    <div class="bilkort">

      <h3>Tesla Model 3 (2021)</h3>

      <p>Rask og stillegående. Litt varierende byggekvalitet, men fantastisk rekkevidde.</p>

    </div>

  </div>

</div>