Sticky Navbar, removed pinegrow crap
This commit is contained in:
tschneider
parent
341fccdc7a
commit
8fb63d492e
97 changed files with 355 additions and 2233 deletions
|
|
@ -24,8 +24,35 @@
|
|||
<![endif]-->
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Abhaya+Libre&display=swap">
|
||||
</head>
|
||||
<body data-spy="scroll" data-target="nav">
|
||||
<body>
|
||||
|
||||
<!---- <header class="fixed-top" style="position:fixed; margin: 40px; background-color: aliceblue; color: aqua;">
|
||||
<nav class="navbar fixed-top navbar-expand-xs navbar-light bg-light">
|
||||
<a class="navbar-brand" href="#">Sticky top!</a>
|
||||
</nav>
|
||||
</header> -->
|
||||
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||||
<a class="navbar-brand" href="#">Navbar</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
|
||||
<div class="navbar-nav">
|
||||
<a class="nav-item nav-link active" href="#">Home <span class="sr-only">(current)</span></a>
|
||||
<a class="nav-item nav-link" href="#">Features</a>
|
||||
<a class="nav-item nav-link" href="#">Pricing</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
|
||||
<section id="content-2-7" class="content-block content-2-7">
|
||||
|
||||
|
||||
|
||||
<!--
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<h3>Tourenplan</h3>
|
||||
|
|
@ -37,11 +64,12 @@
|
|||
<h3>Bildergalerie</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container">
|
||||
-->
|
||||
<div class="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;">Motorrad IG</h1>
|
||||
<h1 style="font-family: 'Abhaya Libre', serif; font-size: 80px; margin-top:200px;">Motorrad IG</h1>
|
||||
<hr>
|
||||
<h2>privat organisierte motorradtouren</h2>
|
||||
</div>
|
||||
|
|
@ -59,61 +87,52 @@ 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 class="row">
|
||||
<div class="col-md-2">
|
||||
</div>
|
||||
<div class="col-md-8 d-flex justify-content-center">
|
||||
<div id="carousel1" class="carousel slide" data-ride="carousel">
|
||||
<!-- Indicators -->
|
||||
<ol class="carousel-indicators">
|
||||
<li data-target="#carousel1" data-slide-to="0" class="active"></li>
|
||||
<li data-target="#carousel1" data-slide-to="1"></li>
|
||||
<li data-target="#carousel1" data-slide-to="2"></li>
|
||||
</ol>
|
||||
<!-- Wrapper for slides -->
|
||||
<div class="carousel-inner">
|
||||
<div class="active item">
|
||||
<img src="images/motorrad1.jpeg" alt="motorcycle1">
|
||||
<div class="carousel-caption">
|
||||
<h3>Die Straße ruft</h3>
|
||||
<p>Wer kann diesem Ruf schon ewig widerstehen ?</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="images/motorrad2.jpeg" alt="motorcycle2">
|
||||
<div class="carousel-caption">
|
||||
<h3>Tolle Strecken abfahren</h3>
|
||||
<p>Die meisten Routen befinden sich im Raum NRW</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="images/motorrad3.jpeg" alt="motorcycle3">
|
||||
<div class="carousel-caption">
|
||||
<h3>Ein Hobby für die Ewigkeit</h3>
|
||||
<p>Die Mitglieder der Motorrad IG setzen sich aus allen Altersgruppen zusammen.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Controls -->
|
||||
<a class="carousel-control left" href="#carousel1" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a>
|
||||
<a class="carousel-control right" href="#carousel1" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="col-md-8 d-flex justify-content-center">
|
||||
<div id="carousel1" class="carousel slide" data-ride="carousel">
|
||||
<!-- Indicators -->
|
||||
<ol class="carousel-indicators">
|
||||
<li data-target="#carousel1" data-slide-to="0" class="active"></li>
|
||||
<li data-target="#carousel1" data-slide-to="1"></li>
|
||||
<li data-target="#carousel1" data-slide-to="2"></li>
|
||||
</ol>
|
||||
<!-- Wrapper for slides -->
|
||||
<div class="carousel-inner">
|
||||
<div class="active item">
|
||||
<img src="images/motorrad1.jpeg" alt="motorcycle1">
|
||||
<div class="carousel-caption">
|
||||
<h3>Die Straße ruft</h3>
|
||||
<p>Wer kann diesem Ruf schon ewig widerstehen ?</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="images/motorrad2.jpeg" alt="motorcycle2">
|
||||
<div class="carousel-caption">
|
||||
<h3>Tolle Strecken abfahren</h3>
|
||||
<p>Die meisten Routen befinden sich im Raum NRW</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="images/motorrad3.jpeg" alt="motorcycle3">
|
||||
<div class="carousel-caption">
|
||||
<h3>Ein Hobby für die Ewigkeit</h3>
|
||||
<p>Die Mitglieder der Motorrad IG setzen sich aus allen Altersgruppen zusammen.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Controls -->
|
||||
<a class="carousel-control left" href="#carousel1" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a>
|
||||
<a class="carousel-control right" href="#carousel1" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-4 d-flex justify-content-center text-center">
|
||||
<h1 class="white">Die Idee</h1>
|
||||
<h2 class="white">Selber anrufen und angerufen werden ! Einmal im Jahr erhältst Du eine Liste aller IG-Mitglieder inkl. Telefonnummern.Die Erscheinungstermine unserer Mitgliederliste + News sind natürlich auf die Motorrad-Saisonabgestimmt, ca: März, Juni und September (Saisonstart, -mitte, -ende). Für Eure (Urlaubs) Planung und damit der Winter nicht zu lange wird, halten wir in der November- Dezember-Ausgabe schon denTourenkalender für das nächste Jahr für Euch bereit. Zusätzlich eröffnet Dir die Liste die Möglichkeit zurTeilnahme an einem regelmäßigen Stammtisch, gemeinsame Ausfahrten an Wochenenden, einer Urlaubsbörse sowie Saisonauftakt- und Jahrestreffen. Eigeninitiative ist hierbei erwünscht.Da leider auch diese Art der Adressenvermittlung nicht ganz ohne Kostenaufwand geht,müssen wir einmal jährlich einen Selbstkostenbeitrag in Höhe von 20,- EUR erheben.Diese Kosten entstehen durch Werbung, Porto, Erfassungsmaterialien etc.. Hast Du jetzt immer noch eine positive Einstellung zu dieser Idee? Dann nichts wie hin. Stammtisch Düsseldorf: Wir treffen uns jeden 2. Mittwoch im Monat ab ca. 19 Uhr in derTrattoria and Bar Antonio, Roßstr. 87, 40476 Düsseldorf-Derendorf, Tel.: 0211/43637525.Stadtplan und Anfahrt mit öffentlichen Verkehrsmitteln findet ihr unter:http://www.daantonio-duesseldorf.de Da Antonio befindet sich direkt neben der Kirche.Parkmöglichkeiten sind im Umkreis um den Italiener genügend vorhanden.</h2>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
|
||||
|
||||
</div>
|
||||
<!-- /.container -->
|
||||
</section>
|
||||
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
|
||||
<script type="text/javascript" src="js/bootstrap.min.js"></script>
|
||||
<script type="text/javascript" src="js/plugins.js"></script>
|
||||
<script src="https://maps.google.com/maps/api/js?sensor=true"></script>
|
||||
<script type="text/javascript" src="js/bskit-scripts.js"></script>
|
||||
</body>
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> </body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue