tilman/radioanton
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

commit

Browse Source
This commit is contained in:
Tilman
2023-06-21 14:54:13 +02:00
parent 4efe36f661
commit d5b1b04da4
2 changed files with 25 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/photo-onair.webp
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 123 KiB

index.twig
+25 -6
View File
@@ -43,10 +43,10 @@
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item"><a class="nav-link active" aria-current="page" href="#!">Radio</a></li>
<li class="nav-item"><a class="nav-link" href="#!">Podcast</a></li>
<li class="nav-item"><a class="nav-link" href="#!">Über uns</a></li>
<li class="nav-item"><a class="nav-link" href="#!">Kontakt</a></li>
<li class="nav-item"><a class="nav-link active" aria-current="page" href="#radio">Radio</a></li>
<li class="nav-item"><a class="nav-link" href="#podcast">Podcast</a></li>
<li class="nav-item"><a class="nav-link" href="#about">Über uns</a></li>
<li class="nav-item"><a class="nav-link" href="#contact">Kontakt</a></li>
</ul>
</div>
</div>
@@ -59,14 +59,33 @@
<div class="text-center my-5">
<h1 class="display-5 fw-bolder text-white mb-2">Radio Anton</h1>
<div class="d-grid gap-3 d-sm-flex justify-content-sm-center">
<a class="btn btn-primary btn-lg px-4 me-sm-3" href="#features">Jetzt hören!</a>
<a class="btn btn-outline-light btn-lg px-4" href="#!">Mehr erfahen</a>
<a class="btn btn-primary btn-lg px-4 me-sm-3" href="#radio">Hören!</a>
<a class="btn btn-outline-light btn-lg px-4" href="#about">Mehr erfahen</a>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- Radio -->
<div class="container col-xxl-8 px-4 py-5">
<div class="row flex-lg-row-reverse align-items-center g-5 py-5">
<div class="col-10 col-sm-8 col-lg-6">
<img src="{{ theme_url }}/assets/photo-onair.webp" class="d-block mx-lg-auto img-fluid" alt="On Air" loading="lazy" width="700" height="500">
</div>
<div class="col-lg-6">
<h1 id="radio" class="display-5 fw-bold lh-1 mb-3">Live als Stream</h1>
<p class="lead">Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.</p>
<div class="d-grid gap-2 d-md-flex justify-content-md-start">
<button type="button" class="btn btn-primary btn-lg px-4 me-md-2">Primary</button>
<button type="button" class="btn btn-outline-secondary btn-lg px-4">Default</button>
</div>
</div>
</div>
</div>
<!-- Features section-->
<section class="py-5 border-bottom" id="features">
<div class="container px-5 my-5">