Del 2

<style>

  .bilerfaring-wrapper {

    font-family: sans-serif;

    max-width: 960px;

    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: 100%;

    max-width: 500px;

    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;

    margin-bottom: 2rem;

  }

  .bilkort {

    background: #f9f9f9;

    border: 1px solid #ddd;

    border-radius: 8px;

    padding: 1rem;

    width: 100%;

    max-width: 290px;

    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;

  }

  .del-erfaring {

    display: flex;

    justify-content: center;

  }

  .del-erfaring a {

    background: #007bff;

    color: white;

    text-decoration: none;

    padding: 0.8rem 1.5rem;

    border-radius: 5px;

    font-weight: bold;

  }

  .del-erfaring a:hover {

    background: #0056b3;

  }

  @media (max-width: 600px) {

    .bilkort {

      width: 100%;

    }

  }

</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 class="del-erfaring">

    <a href="/del-erfaring">Del din erfaring</a>

  </div>

</div>