computerschaf/templates/index.html

{% extends "_base.html" %}
{% block main %}
<main>
  <section>
    <div class="section-inner">
      <h2 id="services">Dienstleistungen</h2>
      <div class="overview">
        <div>
          <a href="#beratung" class="service-link">
            <img class="service-icon" src="static/img/icons/questionmark.svg" height="256" width="256" alt="">
            <span class="service-name">Hilfe &amp; Beratung</span>
          </a>
          <span class="service-desc">
            Ich helfe Ihnen bei PC Problemen und berate Sie bei Neuanschafungen.
          </span>
        </div>
        <div>
          <a href="#reparatur" class="service-link">
            <img class="service-icon" src="static/img/icons/screwdriver.svg" height="256" width="256" alt="">
            <span class="service-name">Reparatur</span>
          </a>
          <span class="service-desc">
            Ich repariere elektronische Geräte.
          </span>
        </div>
        <div>
          <a href="#datenrettung" class="service-link">
            <img class="service-icon" src="static/img/icons/harddrive.svg" height="256" width="256" alt="">
            <span class="service-name">Datenrettung</span>
          </a>
          <span class="service-desc">
            Ich rette Ihre Daten von defekten Geräten.
          </span>
        </div>
        <div>
          <a href="#verleih" class="service-link">
            <img class="service-icon" src="static/img/icons/computer.svg" height="256" width="256" alt="">
            <span class="service-name">Verleih</span>
          </a>
          <span class="service-desc">
            Während der Reparatur bekommen Sie ein Leihgerät zur Verfügung gestellt.
          </span>
        </div>
      </div>
    </div>
  </section>
  <section>
    <div class="section-inner">
      <h2 id="beratung">Hilfe &amp; Beratung</h1>
      Wieso ist mein Computer so langsam? Wie aktualisiere ich mein Betriebssystem?
      Welcher Laptop entspricht meinen Bedürfnissen?
      Für diese und viele andere Fragen stehe ich Ihnen mit Rat und Tat zur Seite.
    </div>
  </section>
  <section>
    <div class="section-inner">
      <h2 id="reparatur">Reparatur</h2>
      <div class="split-section">
        <div class="split-section-text">
          <p>
            Egal ob ein DVD-Laufwerk sich nicht mehr öffnet, ein Lüfter laute Geräusche macht oder
            der Computer gar nicht mehr hochfährt – ich übernehme für Sie die Diagnose des Problems
            und erarbeite eine Lösung. Die Erstdiagnose erfolgt direkt bei Ihnen vor Ort – oftmals
            kann ich Ihren Rechner direkt reparieren und Sie können diesen dann innerhalb kurzer
            Zeit wieder verwenden.
          </p>
          <p>
            Sollte das Problem spezifische Ersatzteile, ein nicht-mobiles Werkzeug oder eine
            detailliertere Diagnose benötigen, nehme ich Ihr Gerät mit und repariere es
            baldmöglichst – beachten Sie hierbei auch die Möglichkeit ein Leihgerät in Anspruch zu
            nehmen. Je nach Vereinbarung sende ich Ihnen das Gerät nach erfolgter Reparatur
            postalisch zu oder bringe es Ihnen persönlich vorbei.
          </p>
          <p>
            Selbstverständlich gilt: Wenn sich eine vereinbarte Reparatur als nicht umsetzbar
            herausstellt, ist diese auch nicht zu zahlen.
          </p>
        </div>
        <div class="split-section-img">
          <a href="static/img/fotos/laptop_matte.jpeg">
            <img
              width="320" height="240" src="static/img/fotos/laptop_matte_240.webp"
              srcset="static/img/fotos/laptop_matte_240.webp 1x,
                      static/img/fotos/laptop_matte_360.webp 1.5x,
                      static/img/fotos/laptop_matte_480.webp 2x"
              alt="Laptop zur Reparatur geöffnet auf einer Arbeitsunterlage"
            >
          </a>
        </div>
      </div>
    </div>
  </section>
  <section>
    <div class="section-inner">
      <h2 id="datenrettung">Datenrettung</h2>
      <div class="split-section split-section-reverse">
        <div class="split-section-text">
          <p>
            Ist ihnen ein wichtiges Dokument verloren gegangen oder möchten Sie Daten von einen
            kaputten Computer auf ein Neugerät mitnehmen?
          </p>
          <p>
            Hier kann ich helfen! Mittels Softwarelösungen stelle ich Dokumente wieder her, durch
            Ausbau der Festplatte können selbst von Computern mit Totalschaden oftmals Daten
            gerettet werden.
          </p>
          <p>
            Bitte beachten Sie, dass der Erfolg einer Datenrettung auch von Ihnen abhängt:
            Speichern Sie sobald Sie den Verlust einer Datei bemerken möglichst keine Daten mehr
            auf das betroffene Laufwerk und schließen Sie alle Programme. Wenn Sie gerade an etwas
            arbeiten, speichern Sie dies auf einen USB-Stick oder eine externe Festplatte.
          </p>
          <p>
            Gerne führe ich auch Backups für Sie durch und konfiguriere Ihren Computer so, dass
            zukünftige Datenverluste unwahrscheinlicher sind.
          </p>
        </div>
        <div class="split-section-img">
          <a href="static/img/fotos/datentraeger.jpeg">
            <img
              width="320" height="240" src="static/img/fotos/datentraeger_240.webp"
              srcset="static/img/fotos/datentraeger_240.webp 1x,
                      static/img/fotos/datentraeger_360.webp 1.5x,
                      static/img/fotos/datentraeger_480.webp 2x"
              alt="Geöffnetes Gehäuse eines SSD Datenträgers"
            >
          </a>
        </div>
      </div>
    </div>
  </section>
  <section>
    <div class="section-inner">
      <h2 id="verleih">Verleih</h2>
      <p>
        Gerne können Sie sich einen Laptop oder ein MacBook leihen. Bei diesen Computern
        handelt es sich um zeitgemäße Office-Geräte mit aktuellen Betriebsystem, frisch für
        Sie aufgesetzt. Das heißt sie können Software die Sie für Arbeit, Uni oder Privat
        verwenden auf den Leihcomputer installieren – selbstverständlich helfe ich Ihnen auch
        hierbei.
      </p>
      <p>
        Wenn ihr eigener Laptop zur Diagnose und Reparatur von mir mitgenommen werden muss,
        erhalten Sie das Leihgerät für bis zu sieben Tage <b>kostenlos</b>. Sie können die Geräte
        selbstverständlich auch ohne Reparaturdienste in Anspruch zu nehmen leihen.
      </p>
    </div>
  </section>
</main>
{% endblock %}