torsten/motorradig
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Collapsable Nav

Browse source
This commit is contained in:
tschneider 2020-07-17 17:40:19 +02:00
parent 610c9bb0b7
commit a3a578a089
5 changed files with 206 additions and 148 deletions
Download patch file Download diff file Expand all files Collapse all files

48
design/index.html
View file

@ -15,19 +15,34 @@
</head>
<body class="bg" style="padding: 45px 0 0 0;">
<nav class="navbar fixed-top navbar-dark bg-dark">
<nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-dark">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="mr-auto" style="font-family: 'Abhaya Libre', serif; font-size: 30px; line-height: 2px;">
<div id="navbarSupportedContent" class="mr-auto collapse navbar-collapse" style="font-family: 'Abhaya Libre', serif; font-size: 30px; line-height: 2px;">
<a class="navbar-brand" href="index.html">
<img src="images/logo_placeholder.jpg" width="64" height="64" alt="">
</a>
<div class="nav-item mr-5">
<h3><a class="text-info" href="activities.html">Aktivitäten</a></h3> <!-- Header Tag used to enforce line break.-->
</div>
<div class="nav-item mr-5">
<h3><a class="text-info" href="meetings.html">Treffen</a></h3>
</div>
<div class="nav-item mr-5">
<h3><a class="text-info" href="become_member.html">Mitglied werden</a> </h3>
</div>
<a class="col-md-4 text-info" href="activities.html">Aktivitäten</a>
<a class="col-md-4 text-info" href="meetings.html">Treffen</a>
<a class="col-md-4 text-info" href="become_member.html">Mitglied werden</a>
<a class="col-md-4 text-info" href="login.html">Login</a>
<div class="nav-item mr-5">
<h3><a class="text-info" href="login.html">Login</a> </h3>
</div>
<!-- Mitgliedsbereich:
<a class="col-md-3 text-light ">Tourenplan</a>
@ -39,24 +54,21 @@
</nav>
<div class="col-md-6 container">
<div class="row text-center text-light justify-content-center mt-5 ">
<h1 >Motorrad IG</h1>
<hr>
<h2 class="text-light">privat organisierte Motorradtouren</h2>
<h1>Willkommen auf der Homepage der Motorrad-IG Deutschland</h1>
<div class="container text-center text-light mt-5">
<h1 class="text-center">Motorrad IG</h1>
<h5>privat organisierte Motorradtouren</h5>
<hr/>
<h2>Willkommen auf der Homepage der Motorrad-IG Deutschland</h2>
<hr/>
<h2>Das alte Problem: Die Sonne scheint und Dein Motorrad ruft,
doch alle Deine Freunde sind plötzlich verhindert oder haben keine Zeit.
Hier wollen wir Abhilfe schaffen.
Unser Ziel: Kontaktvermittlung unter Motorradfahrer/innen für gemeinsame Touren.
Auf den nächsten Seiten erfährst Du alles Wissenswerte über uns,
unser Angebot für unsere Mitglieder sowie sonstige Aktivitäten.</h2>
</div>
</div>
</div>
<p>&nbsp;</p>