Adding placeholder pages for front pages

This commit is contained in:
tschneider 2020-07-13 09:21:41 +02:00
parent ad78c4b6c7
commit 7a1f513b8d
8 changed files with 451 additions and 445 deletions

66
design/activities.html Normal file
View file

@ -0,0 +1,66 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<!-- Custom CSS-->
<link rel="stylesheet" href="css/custom.css">
<title>MotorradIG</title>
</head>
<body class="bg">
<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>
<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>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>

66
design/become_member.html Normal file
View file

@ -0,0 +1,66 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<!-- Custom CSS-->
<link rel="stylesheet" href="css/custom.css">
<title>MotorradIG</title>
</head>
<body class="bg">
<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-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-white" href="#">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>
<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">Hier muss der Mitgliedsantrag rein.</h2>
</div>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>

View file

@ -1,138 +1,187 @@
<!DOCTYPE html>
<html lang="en" style="height:100%;">
<head>
<meta charset="utf-8">
<title>Motorrad IG</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="pinegrow, blocks, bootstrap"/>
<meta name="description" content="Website der Motorrad IG"/>
<link rel="shortcut icon" href="ico/favicon.png">
<!-- Core CSS -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet">
<!-- Style Library -->
<link href="css/style-library-1.css" rel="stylesheet">
<link href="css/plugins.css" rel="stylesheet">
<link href="css/blocks.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Abhaya+Libre&display=swap">
</head>
<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>
</div>
<div class="col-md-4">
<h3>Mitglieder</h3>
</div>
<div class="col-md-4">
<h3>Bildergalerie</h3>
</div>
</div>
-->
<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; margin-top:200px;">Motorrad IG</h1>
<hr>
<h2>privat organisierte motorradtouren</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-4 d-flex justify-content-center text-center">
<h1 class="white"><br></h1>
<h1 class="white">Willkommen auf der Homepage der Motorrad-IG Deutschland</h1>
<h2 class="white">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 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>
<!-- /.container -->
</section>
<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>
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<!-- Custom CSS-->
<link rel="stylesheet" href="css/custom.css">
<title>MotorradIG</title>
</head>
<body class="bg">
<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-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>
<!-- 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">privat organisierte Motorradtouren</h2>
</div>
</div>
</div>
</div>
<div class="col-md-6 container">
<div class="row text-center text-light justify-content-center">
<h1>Willkommen auf der Homepage der Motorrad-IG Deutschland</h1>
<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>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="col-md-4 d-flex justify-content-center container">
<div id="carouselControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="images/motorrad1.jpeg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="images/motorrad2.jpeg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="images/motorrad3.jpeg" class="d-block w-100" alt="...">
</div>
</div>
<a class="carousel-control-prev" href="#carouselControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div class="container text-center text-light justify-content-center" style="font-family: 'Abhaya Libre', serif; font-size: 30px; ">
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-Saison
abgestimmt, 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 den
Tourenkalender für das nächste Jahr für Euch bereit. Zusätzlich eröffnet Dir die Liste die Möglichkeit zur
Teilnahme 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 der
Trattoria 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.
</div> -->
<div class="container text-center text-light justify-content-center" style="font-family: 'Abhaya Libre', serif; font-size: 30px; ">
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-Saison
abgestimmt, 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 den
Tourenkalender für das nächste Jahr für Euch bereit. Zusätzlich eröffnet Dir die Liste die Möglichkeit zur
Teilnahme 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 der
Trattoria 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.
</div>
<div class="container text-center text-light justify-content-center" style="font-family: 'Abhaya Libre', serif; font-size: 30px; ">
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-Saison
abgestimmt, 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 den
Tourenkalender für das nächste Jahr für Euch bereit. Zusätzlich eröffnet Dir die Liste die Möglichkeit zur
Teilnahme 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 der
Trattoria 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.
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>

View file

@ -1,119 +0,0 @@
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="utf-8">
<title>Motorrad IG</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="pinegrow, blocks, bootstrap"/>
<meta name="description" content="Website der Motorrad IG"/>
<link rel="shortcut icon" href="ico/favicon.png">
<!-- Core CSS -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Abhaya+Libre&display=swap">
</head>
<body>
<!-- <div class="sticky-top" style="position: fixed;"> -->
<nav class="navbar navbar-expand-lg mainmenu justify-content-center fixed-top" style="background-color: #000; top: 60px">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link btn btn-outline-light mx-2" role="button" href="#">Domů</a></li>
<li class="nav-item"><a class="nav-link btn btn-outline-light mx-2" role="button" href="#">Historie</a></li>
<li class="nav-item dropdown"><a class="nav-link btn btn-outline-dark dropdown-toggle mx-2" id="navbardrop" role="button" data-toggle="dropdown" href="#">Program</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Aktuální program</a>
<a class="dropdown-item" href="#">Sborový dopis</a>
<a class="dropdown-item" href="#">Texty</a>
</div>
</li>
<li class="nav-item dropdown"><a class="nav-link btn btn-outline-dark dropdown-toggle mx-2" id="navbardrop" role="button" data-toggle="dropdown" href="#">Služby</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Křty</a>
<a class="dropdown-item" href="#">Svatby</a>
<a class="dropdown-item" href="#">Pohřby</a>
</div>
</li>
<li class="nav-item"><a class="nav-link btn btn-outline-dark mx-2" role="button" href="#">Galerie</a></li>
<li class="nav-item"><a class="nav-link btn btn-outline-dark mx-2" role="button" href="#">Kontakt</a></li>
</ul>
</nav>
<!-- </div> -->
<section style="margin: 240px;">&nbsp;XXX</section>
<section class="content">
<h1>Content goes here</h1>
</section>
<section class="content">
<h1 class="white">Willkommen auf der Homepage der Motorrad-IG Deutschland</h1>
<h2 class="white">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>
<h1 class="white">Willkommen auf der Homepage der Motorrad-IG Deutschland</h1>
<h2 class="white">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>
<h1 class="white">Willkommen auf der Homepage der Motorrad-IG Deutschland</h1>
<h2 class="white">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>
<h1 class="white">Willkommen auf der Homepage der Motorrad-IG Deutschland</h1>
<h2 class="white">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>
<h1 class="white">Willkommen auf der Homepage der Motorrad-IG Deutschland</h1>
<h2 class="white">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>
<h1 class="white">Willkommen auf der Homepage der Motorrad-IG Deutschland</h1>
<h2 class="white">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>
<h1 class="white">Willkommen auf der Homepage der Motorrad-IG Deutschland</h1>
<h2 class="white">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>
</section>
<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>

66
design/login.html Normal file
View file

@ -0,0 +1,66 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<!-- Custom CSS-->
<link rel="stylesheet" href="css/custom.css">
<title>MotorradIG</title>
</head>
<body class="bg">
<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-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-white" href="#">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>
<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">Hier kommt die Anmelde-Maske rein.</h2>
</div>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>

66
design/meetings.html Normal file
View file

@ -0,0 +1,66 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<!-- Custom CSS-->
<link rel="stylesheet" href="css/custom.css">
<title>MotorradIG</title>
</head>
<body class="bg">
<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-info" href="activities.html">Aktivitäten</a>
<a class="col-md-4 text-white" href="#">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>
<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">Treffen</h2>
</div>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>

View file

@ -1,187 +0,0 @@
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<!-- Custom CSS-->
<link rel="stylesheet" href="css/custom.css">
<title>Hello, world!</title>
</head>
<body class="bg">
<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="#">
<img src="images/logo_placeholder.jpg" width="64" height="64" alt="">
</a>
<a class="col-md-4 text-light">Aktivitäten</a>
<a class="col-md-4 text-light">Treffen</a>
<a class="col-md-4 text-light">Mitglied werden</a>
<a class="col-md-4 text-light">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>
<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">privat organisierte Motorradtouren</h2>
</div>
</div>
</div>
</div>
<div class="col-md-6 container">
<div class="row text-center text-light justify-content-center">
<h1>Willkommen auf der Homepage der Motorrad-IG Deutschland</h1>
<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>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div class="col-md-4 d-flex justify-content-center container">
<div id="carouselControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="images/motorrad1.jpeg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="images/motorrad2.jpeg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="images/motorrad3.jpeg" class="d-block w-100" alt="...">
</div>
</div>
<a class="carousel-control-prev" href="#carouselControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div class="container text-center text-light justify-content-center" style="font-family: 'Abhaya Libre', serif; font-size: 30px; ">
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-Saison
abgestimmt, 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 den
Tourenkalender für das nächste Jahr für Euch bereit. Zusätzlich eröffnet Dir die Liste die Möglichkeit zur
Teilnahme 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 der
Trattoria 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.
</div> -->
<div class="container text-center text-light justify-content-center" style="font-family: 'Abhaya Libre', serif; font-size: 30px; ">
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-Saison
abgestimmt, 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 den
Tourenkalender für das nächste Jahr für Euch bereit. Zusätzlich eröffnet Dir die Liste die Möglichkeit zur
Teilnahme 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 der
Trattoria 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.
</div>
<div class="container text-center text-light justify-content-center" style="font-family: 'Abhaya Libre', serif; font-size: 30px; ">
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-Saison
abgestimmt, 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 den
Tourenkalender für das nächste Jahr für Euch bereit. Zusätzlich eröffnet Dir die Liste die Möglichkeit zur
Teilnahme 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 der
Trattoria 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.
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>

View file

@ -1 +0,0 @@
{"files":{"index.html":{"frameworks":["design","pg.css.grid","pg.asset.manager","pg.insight.events","pg.project.items","pg.code-validator","pg.fontawesome","pg.image.overlay","pg.blocks","bs3.4.1","pg.html","pg.components"],"last_page_width":1756}},"breakpoints":["300px","480px","768px","800px","900px","992px","1200px"],"frameworks":["design","pg.css.grid","pg.asset.manager","pg.insight.events","pg.project.items","pg.code-validator","pg.fontawesome","pg.image.overlay","pg.blocks","bs3.4.1","pg.html","pg.components"],"template_framework_id":"pg.blocks"}