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

74
design/activities.html
View file

@ -13,42 +13,54 @@
<title>MotorradIG</title>
</head>
<body class="bg">
<body class="bg" style="padding: 45px 0 0 0;">
<nav class="navbar fixed-top navbar-dark bg-dark">
<div class="mr-auto" 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>
<a class="col-md-4 text-white" href="#">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>
<!-- Mitgliedsbereich:
<a class="col-md-3 text-light ">Tourenplan</a>
<a class="col-md-3 text-light">Mitglieder</a>
<a class="col-md-3 text-light">Bildergalerie</a>
-->
</div>
<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 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-white" href="activities.html">Aktivitäten</a></h3> <!-- Header Tag used to enforce line break.-->
</div>
<div class="nav-item text-info mr-5">
<h3><a class="text-info" href="meetings.html">Treffen</a></h3>
</div>
<div class="nav-item text-info mr-5">
<h3><a class="text-info" href="become_member.html">Mitglied werden</a> </h3>
</div>
<div class="nav-item text-info mr-5">
<h3><a class="text-info" href="login.html">Login</a> </h3>
</div>
<!-- Mitgliedsbereich:
<a class="col-md-3 text-light ">Tourenplan</a>
<a class="col-md-3 text-light">Mitglieder</a>
<a class="col-md-3 text-light">Bildergalerie</a>
-->
</div>
</nav>
<div class="col-md-8 d-flex justify-content-center container">
<div class="row" style="font-family: 'Abhaya Libre', serif; font-size: 15px; line-height: 2px;">
<div class="col-sm-12">
<div class="underlined-title">
<h1 style="font-family: 'Abhaya Libre', serif; font-size: 80px; margin-top:0px;" class="text-light">Motorrad IG</h1>
<hr>
<h2 class="text-light">Aktivitäten</h2>
</div>
</div>
</div>
<div class="container text-center text-light mt-5">
<h1 class="text-center">Motorrad IG</h1>
<h5>privat organisierte Motorradtouren</h5>
<hr/>
<h2>Aktivitäten</h2>
<hr/>
</div>