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> <!doctype html>
<html lang="en" style="height:100%;"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <!-- Required meta tags -->
<title>Motorrad IG</title> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="keywords" content="pinegrow, blocks, bootstrap"/>
<meta name="description" content="Website der Motorrad IG"/> <!-- Bootstrap CSS -->
<link rel="shortcut icon" href="ico/favicon.png"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<!-- Core CSS -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"> <!-- Custom CSS-->
<link href="css/font-awesome.min.css" rel="stylesheet"> <link rel="stylesheet" href="css/custom.css">
<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"> <title>MotorradIG</title>
<!-- Style Library --> </head>
<link href="css/style-library-1.css" rel="stylesheet"> <body class="bg">
<link href="css/plugins.css" rel="stylesheet">
<link href="css/blocks.css" rel="stylesheet"> <nav class="navbar fixed-top navbar-dark bg-dark">
<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]> <div class="mr-auto" style="font-family: 'Abhaya Libre', serif; font-size: 30px; line-height: 2px;">
<script src="js/html5shiv.js"></script> <a class="navbar-brand" href="index.html">
<script src="js/respond.min.js"></script> <img src="images/logo_placeholder.jpg" width="64" height="64" alt="">
<![endif]--> </a>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Abhaya+Libre&display=swap">
</head> <a class="col-md-4 text-info" href="activities.html">Aktivitäten</a>
<body> <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>
<!---- <header class="fixed-top" style="position:fixed; margin: 40px; background-color: aliceblue; color: aqua;"> <a class="col-md-4 text-info" href="login.html">Login</a>
<nav class="navbar fixed-top navbar-expand-xs navbar-light bg-light">
<a class="navbar-brand" href="#">Sticky top!</a>
</nav> <!-- Mitgliedsbereich:
</header> --> <a class="col-md-3 text-light ">Tourenplan</a>
<a class="col-md-3 text-light">Mitglieder</a>
<nav class="navbar navbar-expand-lg navbar-light bg-light"> <a class="col-md-3 text-light">Bildergalerie</a>
<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"> </div>
<span class="navbar-toggler-icon"></span>
</button> </nav>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav"> <div class="col-md-8 d-flex justify-content-center container">
<a class="nav-item nav-link active" href="#">Home <span class="sr-only">(current)</span></a> <div class="row" style="font-family: 'Abhaya Libre', serif; font-size: 15px; line-height: 2px;">
<a class="nav-item nav-link" href="#">Features</a> <div class="col-sm-12">
<a class="nav-item nav-link" href="#">Pricing</a> <div class="underlined-title">
<h1 style="font-family: 'Abhaya Libre', serif; font-size: 80px; margin-top:0px;" class="text-light">Motorrad IG</h1>
</div> <hr>
</div> <h2 class="text-light">privat organisierte Motorradtouren</h2>
</nav> </div>
</div>
</div>
<section id="content-2-7" class="content-block content-2-7"> </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>
<div class="row"> <h2>Das alte Problem: Die Sonne scheint und Dein Motorrad ruft,
<div class="col-md-4"> doch alle Deine Freunde sind plötzlich verhindert oder haben keine Zeit.
<h3>Tourenplan</h3> Hier wollen wir Abhilfe schaffen.
</div> Unser Ziel: Kontaktvermittlung unter Motorradfahrer/innen für gemeinsame Touren.
<div class="col-md-4"> Auf den nächsten Seiten erfährst Du alles Wissenswerte über uns,
<h3>Mitglieder</h3> unser Angebot für unsere Mitglieder sowie sonstige Aktivitäten.</h2>
</div>
<div class="col-md-4"> </div>
<h3>Bildergalerie</h3> </div>
</div>
</div>
--> <p>&nbsp;</p>
<div class="container" > <p>&nbsp;</p>
<div class="row" style="font-family: 'Abhaya Libre', serif; font-size: 15px; line-height: 2px;"> <p>&nbsp;</p>
<div class="col-sm-12"> <p>&nbsp;</p>
<div class="underlined-title"> <p>&nbsp;</p>
<h1 style="font-family: 'Abhaya Libre', serif; font-size: 80px; margin-top:200px;">Motorrad IG</h1> <p>&nbsp;</p>
<hr> <p>&nbsp;</p>
<h2>privat organisierte motorradtouren</h2> <p>&nbsp;</p>
</div> <p>&nbsp;</p>
</div> <p>&nbsp;</p>
</div> <p>&nbsp;</p>
<div class="row">
<div class="col-4 d-flex justify-content-center text-center"> <div class="col-md-4 d-flex justify-content-center container">
<h1 class="white"><br></h1>
<h1 class="white">Willkommen auf der Homepage der Motorrad-IG Deutschland</h1> <div id="carouselControls" class="carousel slide" data-ride="carousel">
<h2 class="white">Das alte Problem: Die Sonne scheint und Dein Motorrad ruft, <div class="carousel-inner">
doch alle Deine Freunde sind plötzlich verhindert oder haben keine Zeit. <div class="carousel-item active">
Hier wollen wir Abhilfe schaffen. <img src="images/motorrad1.jpeg" class="d-block w-100" alt="...">
Unser Ziel: Kontaktvermittlung unter Motorradfahrer/innen für gemeinsame Touren. </div>
Auf den nächsten Seiten erfährst Du alles Wissenswerte über uns, <div class="carousel-item">
unser Angebot für unsere Mitglieder sowie sonstige Aktivitäten.</h2> <img src="images/motorrad2.jpeg" class="d-block w-100" alt="...">
</div> </div>
</div> <div class="carousel-item">
<img src="images/motorrad3.jpeg" class="d-block w-100" alt="...">
</div>
<div class="col-md-8 d-flex justify-content-center"> </div>
<div id="carousel1" class="carousel slide" data-ride="carousel"> <a class="carousel-control-prev" href="#carouselControls" role="button" data-slide="prev">
<!-- Indicators --> <span class="carousel-control-prev-icon" aria-hidden="true"></span>
<ol class="carousel-indicators"> <span class="sr-only">Previous</span>
<li data-target="#carousel1" data-slide-to="0" class="active"></li> </a>
<li data-target="#carousel1" data-slide-to="1"></li> <a class="carousel-control-next" href="#carouselControls" role="button" data-slide="next">
<li data-target="#carousel1" data-slide-to="2"></li> <span class="carousel-control-next-icon" aria-hidden="true"></span>
</ol> <span class="sr-only">Next</span>
<!-- Wrapper for slides --> </a>
<div class="carousel-inner"> </div>
<div class="active item">
<img src="images/motorrad1.jpeg" alt="motorcycle1"> </div>
<div class="carousel-caption">
<h3>Die Straße ruft</h3>
<p>Wer kann diesem Ruf schon ewig widerstehen ?</p>
</div>
</div> <div class="container text-center text-light justify-content-center" style="font-family: 'Abhaya Libre', serif; font-size: 30px; ">
<div class="item">
<img src="images/motorrad2.jpeg" alt="motorcycle2"> Selber anrufen und angerufen werden.
<div class="carousel-caption"> Einmal im Jahr erhältst Du eine Liste aller IG-Mitglieder inkl. Telefonnummern.
<h3>Tolle Strecken abfahren</h3> Die Erscheinungstermine unserer Mitgliederliste + News sind natürlich auf die Motorrad-Saison
<p>Die meisten Routen befinden sich im Raum NRW</p> abgestimmt, ca: März, Juni und September (Saisonstart, -mitte, -ende). Für Eure (Urlaubs) Planung und
</div> damit der Winter nicht zu lange wird, halten wir in der November- Dezember-Ausgabe schon den
</div> Tourenkalender für das nächste Jahr für Euch bereit. Zusätzlich eröffnet Dir die Liste die Möglichkeit zur
<div class="item"> Teilnahme an einem regelmäßigen Stammtisch, gemeinsame Ausfahrten an Wochenenden, einer
<img src="images/motorrad3.jpeg" alt="motorcycle3"> Urlaubsbörse sowie Saisonauftakt- und Jahrestreffen. Eigeninitiative ist hierbei erwünscht.
<div class="carousel-caption">
<h3>Ein Hobby für die Ewigkeit</h3> Da leider auch diese Art der Adressenvermittlung nicht ganz ohne Kostenaufwand geht,
<p>Die Mitglieder der Motorrad IG setzen sich aus allen Altersgruppen zusammen.</p> müssen wir einmal jährlich einen Selbstkostenbeitrag in Höhe von 20,- EUR erheben.
</div> Diese Kosten entstehen durch Werbung, Porto, Erfassungsmaterialien etc..
</div> Hast Du jetzt immer noch eine positive Einstellung zu dieser Idee? Dann nichts wie hin.
</div> Stammtisch Düsseldorf: Wir treffen uns jeden 2. Mittwoch im Monat ab ca. 19 Uhr in der
<!-- Controls --> Trattoria and Bar Antonio, Roßstr. 87, 40476 Düsseldorf-Derendorf, Tel.: 0211/43637525.
<a class="carousel-control left" href="#carousel1" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> Stadtplan und Anfahrt mit öffentlichen Verkehrsmitteln findet ihr unter:
<a class="carousel-control right" href="#carousel1" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a> http://www.daantonio-duesseldorf.de Da Antonio befindet sich direkt neben der Kirche.
</div> Parkmöglichkeiten sind im Umkreis um den Italiener genügend vorhanden.
</div>
</div> -->
</div> <div class="container text-center text-light justify-content-center" style="font-family: 'Abhaya Libre', serif; font-size: 30px; ">
<!-- /.container -->
</section> Selber anrufen und angerufen werden.
Einmal im Jahr erhältst Du eine Liste aller IG-Mitglieder inkl. Telefonnummern.
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> Die Erscheinungstermine unserer Mitgliederliste + News sind natürlich auf die Motorrad-Saison
<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> abgestimmt, ca: März, Juni und September (Saisonstart, -mitte, -ende). Für Eure (Urlaubs) Planung und
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script> </body> damit der Winter nicht zu lange wird, halten wir in der November- Dezember-Ausgabe schon den
</html> 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"}