Superminaren/50ohm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
c73fd7006d7104f16df2a54c0fb6fcc6eb45f958
50ohm/templates/html/index.html
T

135 lines
8.3 KiB
HTML
Raw Blame History

<div class="fiftyohm-content-index">
<div>
<h1>{{ snippets.index_title }}</h1>
<p>
{{ snippets.index_teaser }}
</p>
<div class="d-grid gap-3 d-md-block my-5">
<a href="#lara" class="btn btn-primary btn-lg">{{ snippets.index_btn_start }}</a>
<a href="{{ pages.info }}" class="btn btn-outline-secondary btn-lg">{{ snippets.index_btn_vad_ar_amatorradio }}</a>
</div>
<p>
<div class="alert alert-primary" role="alert">
{{ snippets.index_content }}
</div>
</p>
</div>
<div>
<div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="assets/images/hero/hero06.jpg" class="d-block w-100" alt="">
<div class="position-absolute bottom-0 text-light w-100" style="background-color: rgba(0, 0, 0, 0.5)">
<p class="p-2 m-0 text-end">Foto: DK5WP df0alz.de</p>
</div>
</div>
<div class="carousel-item">
<img src="assets/images/hero/hero02.jpg" class="d-block w-100" alt="">
<div class="position-absolute bottom-0 text-light w-100" style="background-color: rgba(0, 0, 0, 0.5)">
<p class="p-2 m-0 text-end">Foto: DK5WP df0alz.de</p>
</div>
</div>
<div class="carousel-item">
<img src="assets/images/hero/hero03.jpg" class="d-block w-100" alt="">
<div class="position-absolute bottom-0 text-light w-100" style="background-color: rgba(0, 0, 0, 0.5)">
<p class="p-2 m-0 text-end">Foto: DK4HAA draussenfunker.de</p>
</div>
</div>
<div class="carousel-item">
<img src="assets/images/hero/hero01.jpg" class="d-block w-100" alt="">
<div class="position-absolute bottom-0 text-light w-100" style="background-color: rgba(0, 0, 0, 0.5)">
<p class="p-2 m-0 text-end">Foto: DB8KN bei DL0JMU</p>
</div>
</div>
<div class="carousel-item">
<img src="assets/images/hero/hero04.jpg" class="d-block w-100" alt="">
<div class="position-absolute bottom-0 text-light w-100" style="background-color: rgba(0, 0, 0, 0.5)">
<p class="p-2 m-0 text-end">Foto: DK4HAA draussenfunker.de</p>
</div>
</div>
<div class="carousel-item">
<img src="assets/images/hero/hero05.jpg" class="d-block w-100" alt="">
<div class="position-absolute bottom-0 text-light w-100" style="background-color: rgba(0, 0, 0, 0.5)">
<p class="p-2 m-0 text-end">Foto: DO3OI</p>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Föregående</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Nästa</span>
</button>
</div>
</div>
</div>
<a name="lara"></a>
<div class="row g-5 pt-5 mt-2 mx-0 row-cols-1">
<div class="col col-lg-4">
<div class="feature col">
<div class="feature-icon bg-primary bg-gradient">
<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"><path d="M480-60q-72-68-165-104t-195-36v-440q101 0 194 36.5T480-498q73-69 166-105.5T840-640v440q-103 0-195.5 36T480-60Zm0-104q63-47 134-75t146-37v-276q-73 13-143.5 52.5T480-394q-66-66-136.5-105.5T200-552v276q75 9 146 37t134 75Zm0-436q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 66-47 113t-113 47Zm0-80q33 0 56.5-23.5T560-760q0-33-23.5-56.5T480-840q-33 0-56.5 23.5T400-760q0 33 23.5 56.5T480-680Zm0-80Zm0 366Z"/></svg>
</div>
<h2>{{ snippets.lernen_selbst_title or "Lär dig online" }}</h2>
<p>{{ snippets.lernen_selbst_teaser or "Lär dig det som krävs för proven på egen hand. Vårt kursmaterial hjälper dig på vägen." }}</p>
<div class="row row-cols-lg-1 g-2">
<div class="col"><a href="INSTEG_course_index.html" class="btn w-100 text-white" style="background-color: #47ABE8; border-color: #47ABE8;">{{ snippets.lernen_selbst_btn_instegs or "Instegscertifikat" }}</a></div>
<div class="col"><a href="HAREC_course_index.html" class="btn w-100 text-white" style="background-color: #FE756C; border-color: #FE756C;">{{ snippets.lernen_selbst_btn_harec or "HAREC" }}</a></div>
<div class="col"><a href="UPPGRADERING_course_index.html" class="btn w-100 text-white" style="background-color: #3BB583; border-color: #3BB583;">{{ snippets.lernen_selbst_btn_uppgradering or "Uppgradering: Instegscertifikat &rarr; HAREC" }}</a></div>
</div>
</div>
</div>
<div class="col col-lg-8">
<div class="row g-5 pb-5 row-cols-1 row-cols-lg-2">
<div class="feature col">
<div class="feature-icon bg-primary bg-gradient">
<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 -960 960 960" width="48"><path d="M440-280h80v-240h-80v240Zm40-320q17 0 28.5-11.5T520-640q0-17-11.5-28.5T480-680q-17 0-28.5 11.5T440-640q0 17 11.5 28.5T480-600Zm0 520q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z"/></svg>
</div>
<h2>Om certifikaten</h2>
<p>Vilket certifikat passar dig? Här hittar du en översikt över Instegscertifikatet och HAREC samt hur proven går till.</p>
<div class="d-flex gap-2 mb-5">
<a href="{{ pages.info }}" class="btn btn-outline-dark flex-fill">Info</a>
<a href="{{ pages.prov }}" class="btn btn-outline-dark flex-fill">Prov</a>
</div>
</div>
<div class="feature col">
<div class="feature-icon bg-primary bg-gradient">
<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 0 640 512" width="48"><path d="M337.8 5.4C327-1.8 313-1.8 302.2 5.4L166.3 96 48 96C21.5 96 0 117.5 0 144L0 464c0 26.5 21.5 48 48 48l208 0 0-96c0-35.3 28.7-64 64-64s64 28.7 64 64l0 96 208 0c26.5 0 48-21.5 48-48l0-320c0-26.5-21.5-48-48-48L473.7 96 337.8 5.4z"/></svg>
</div>
<h2>{{ snippets.lernen_kurs_title or "Kurser" }}</h2>
<p>{{ snippets.lernen_kurs_teaser or "Hitta en kurs i din närhet." }}</p>
<div class="d-flex gap-2 mb-5">
<a href="https://www.ssa.se/amatorradio/kurstillfallen/" class="btn btn-outline-dark flex-fill" target="_blank" rel="noopener" title="Kurser hos lokala klubbar">SSA:s kurssida</a>
<a href="https://www.ssa.se/klubbar/" class="btn btn-outline-dark flex-fill" target="_blank" rel="noopener" title="Hitta en klubb">SSA:s klubbar</a>
</div>
</div>
<div class="feature col">
<div class="feature-icon bg-primary bg-gradient">
<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 0 448 512" width="48"><path d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512l388.6 0c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304l-91.4 0z"/></svg>
</div>
<h2>{{ snippets.lernen_mentor_title or "Mentorer" }}</h2>
<p>{{ snippets.lernen_mentor_teaser or "Erfarna radioamatörer som hjälper dig att komma igång." }}</p>
<div class="d-grid gap-2 mb-5">
<a href="{{ pages.mentorer }}" class="btn btn-outline-dark w-100">{{ snippets.lernen_mentor_btn or "Till mentorerna" }}</a>
</div>
</div>
{% if has_question_pool %}
<div class="feature col">
<div class="feature-icon bg-primary bg-gradient">
<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 0 384 512" width="48"><path d="M192 0c-41.8 0-77.4 26.7-90.5 64L64 64C28.7 64 0 92.7 0 128L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64l-37.5 0C269.4 26.7 233.8 0 192 0z"/></svg>
</div>
<h2>Provsimulering</h2>
<p>Öva på provfrågor under provliknande förhållanden.</p>
<div class="d-grid gap-2 mb-5">
<a href="{{ pages.simulering }}" class="btn btn-outline-dark w-100">Starta simuleringen</a>
</div>
</div>
{% endif %}
</div>
</div>
</div>
Reference in New Issue View Git Blame Copy Permalink