minor changes

This commit is contained in:
tschneider 2020-06-19 11:45:56 +02:00
parent 3085ad05e6
commit c269fb1e9d
16 changed files with 285 additions and 209 deletions

View file

@ -1,94 +0,0 @@
<!DOCTYPE html>
<html lang="en" style="height:100%;">
<head>
<meta charset="utf-8">
<title>Pinegrow Bootstrap Blocks</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="pinegrow, blocks, bootstrap"/>
<meta name="description" content="My new website"/>
<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]-->
</head>
<body data-spy="scroll" data-target="nav">
<section id="content-2-7" class="content-block content-2-7">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="underlined-title">
<h1>Motorrad IG</h1>
<hr>
<h2>privat organisierte motorradtouren</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
</div>
</div>
<div class="row">
<div class="col-md-2">
</div>
<div class="col-md-4 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="http://pinegrow.com/placeholders/img19.jpg" alt="">
<div class="carousel-caption">
<h3>Slide 1 title</h3>
<p>Slide 1 description.</p>
</div>
</div>
<div class="item">
<img src="http://pinegrow.com/placeholders/img18.jpg" alt="">
<div class="carousel-caption">
<h3>Slide 2 title</h3>
<p>Slide 2 description.</p>
</div>
</div>
<div class="item">
<img src="http://pinegrow.com/placeholders/img12.jpg" alt="">
<div class="carousel-caption">
<h3>Slide 3 title</h3>
<p>Slide 3 description.</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>
<!-- /.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>
<div class="pg-empty-placeholder row"></div>
<script type="text/javascript" src="js/bskit-scripts.js"></script>
</body>
</html>

View file

@ -22,16 +22,47 @@
<script src="js/html5shiv.js"></script> <script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script> <script src="js/respond.min.js"></script>
<![endif]--> <![endif]-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Abhaya+Libre&display=swap">
</head> </head>
<body data-spy="scroll" data-target="nav"> <body data-spy="scroll" data-target="nav">
<section id="content-2-7" class="content-block content-2-7"> <section id="content-2-7" class="content-block content-2-7">
<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>
<hr>
<h2>privat organisierte motorradtouren</h2>
</div>
</div>
</div>
<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="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="row"> <div class="row">
<div class="col-md-2"> <div class="col-md-2">
</div> </div>
<div class="col-md-2"> <div class="col-md-8 d-flex justify-content-center">
</div>
<div class="col-md-4 d-flex justify-content-center">
<div id="carousel1" class="carousel slide" data-ride="carousel"> <div id="carousel1" class="carousel slide" data-ride="carousel">
<!-- Indicators --> <!-- Indicators -->
<ol class="carousel-indicators"> <ol class="carousel-indicators">
@ -42,24 +73,24 @@
<!-- Wrapper for slides --> <!-- Wrapper for slides -->
<div class="carousel-inner"> <div class="carousel-inner">
<div class="active item"> <div class="active item">
<img src="http://pinegrow.com/placeholders/img19.jpg" alt=""> <img src="images/motorrad1.jpeg" alt="motorcycle1">
<div class="carousel-caption"> <div class="carousel-caption">
<h3>Slide 1 title</h3> <h3>Die Straße ruft</h3>
<p>Slide 1 description.</p> <p>Wer kann diesem Ruf schon ewig widerstehen ?</p>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<img src="http://pinegrow.com/placeholders/img18.jpg" alt=""> <img src="images/motorrad2.jpeg" alt="motorcycle2">
<div class="carousel-caption"> <div class="carousel-caption">
<h3>Slide 2 title</h3> <h3>Tolle Strecken abfahren</h3>
<p>Slide 2 description.</p> <p>Die meisten Routen befinden sich im Raum NRW</p>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<img src="http://pinegrow.com/placeholders/img12.jpg" alt=""> <img src="images/motorrad3.jpeg" alt="motorcycle3">
<div class="carousel-caption"> <div class="carousel-caption">
<h3>Slide 3 title</h3> <h3>Ein Hobby für die Ewigkeit</h3>
<p>Slide 3 description.</p> <p>Die Mitglieder der Motorrad IG setzen sich aus allen Altersgruppen zusammen.</p>
</div> </div>
</div> </div>
</div> </div>
@ -69,27 +100,6 @@
</div> </div>
</div> </div>
</div> </div>
<div class="row">
<div class="col-sm-12">
<div class="underlined-title">
<h1>Motorrad IG</h1>
<hr>
<h2>privat organisierte motorradtouren</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-md-10">
<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>
<!-- /.row --> <!-- /.row -->
</div> </div>
<!-- /.container --> <!-- /.container -->

View file

@ -2,10 +2,10 @@
<html lang="en" style="height:100%;"> <html lang="en" style="height:100%;">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Pinegrow Bootstrap Blocks</title> <title>Motorrad IG</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="pinegrow, blocks, bootstrap"/> <meta name="keywords" content="pinegrow, blocks, bootstrap"/>
<meta name="description" content="My new website"/> <meta name="description" content="Website der Motorrad IG"/>
<link rel="shortcut icon" href="ico/favicon.png"> <link rel="shortcut icon" href="ico/favicon.png">
<!-- Core CSS --> <!-- Core CSS -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
@ -22,23 +22,24 @@
<script src="js/html5shiv.js"></script> <script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script> <script src="js/respond.min.js"></script>
<![endif]--> <![endif]-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Abhaya+Libre&display=swap">
</head> </head>
<body data-spy="scroll" data-target="nav"> <body data-spy="scroll" data-target="nav">
<section id="content-2-7" class="content-block content-2-7"> <section id="content-2-7" class="content-block content-2-7">
<div class="container"> <div class="container">
<div class="row"> <div class="row" style="font-family: 'Abhaya Libre', serif; font-size: 15px; line-height: 2px;">
<div class="col-sm-12"> <div class="col-sm-12">
<div class="underlined-title"> <div class="underlined-title">
<h1>Motorrad IG</h1> <h1 style="font-family: 'Abhaya Libre', serif; font-size: 80px;">Motorrad IG</h1>
<hr> <hr>
<h2>privat organisierte motorradtouren</h2> <h2>privat organisierte motorradtouren</h2>
</div> </div>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-10"> <div class="col-4 d-flex justify-content-center text-center">
<h1 class="white">Willkommen auf der Homepage der Motorrad-IG Deutschland <h1 class="white"><br></h1>
</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, <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. doch alle Deine Freunde sind plötzlich verhindert oder haben keine Zeit.
Hier wollen wir Abhilfe schaffen. Hier wollen wir Abhilfe schaffen.
@ -50,9 +51,7 @@ unser Angebot für unsere Mitglieder sowie sonstige Aktivitäten.</h2>
<div class="row"> <div class="row">
<div class="col-md-2"> <div class="col-md-2">
</div> </div>
<div class="col-md-2"> <div class="col-md-8 d-flex justify-content-center">
</div>
<div class="col-md-4 d-flex justify-content-center">
<div id="carousel1" class="carousel slide" data-ride="carousel"> <div id="carousel1" class="carousel slide" data-ride="carousel">
<!-- Indicators --> <!-- Indicators -->
<ol class="carousel-indicators"> <ol class="carousel-indicators">
@ -63,24 +62,24 @@ unser Angebot für unsere Mitglieder sowie sonstige Aktivitäten.</h2>
<!-- Wrapper for slides --> <!-- Wrapper for slides -->
<div class="carousel-inner"> <div class="carousel-inner">
<div class="active item"> <div class="active item">
<img src="http://pinegrow.com/placeholders/img19.jpg" alt=""> <img src="images/motorrad1.jpeg" alt="motorcycle1">
<div class="carousel-caption"> <div class="carousel-caption">
<h3>Slide 1 title</h3> <h3>Die Straße ruft</h3>
<p>Slide 1 description.</p> <p>Wer kann diesem Ruf schon ewig widerstehen ?</p>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<img src="http://pinegrow.com/placeholders/img18.jpg" alt=""> <img src="images/motorrad2.jpeg" alt="motorcycle2">
<div class="carousel-caption"> <div class="carousel-caption">
<h3>Slide 2 title</h3> <h3>Tolle Strecken abfahren</h3>
<p>Slide 2 description.</p> <p>Die meisten Routen befinden sich im Raum NRW</p>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<img src="http://pinegrow.com/placeholders/img12.jpg" alt=""> <img src="images/motorrad3.jpeg" alt="motorcycle3">
<div class="carousel-caption"> <div class="carousel-caption">
<h3>Slide 3 title</h3> <h3>Ein Hobby für die Ewigkeit</h3>
<p>Slide 3 description.</p> <p>Die Mitglieder der Motorrad IG setzen sich aus allen Altersgruppen zusammen.</p>
</div> </div>
</div> </div>
</div> </div>
@ -90,6 +89,17 @@ unser Angebot für unsere Mitglieder sowie sonstige Aktivitäten.</h2>
</div> </div>
</div> </div>
</div> </div>
<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>
<!-- /.row --> <!-- /.row -->
</div> </div>
<!-- /.container --> <!-- /.container -->

View file

@ -2,10 +2,10 @@
<html lang="en" style="height:100%;"> <html lang="en" style="height:100%;">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Pinegrow Bootstrap Blocks</title> <title>Motorrad IG</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="pinegrow, blocks, bootstrap"/> <meta name="keywords" content="pinegrow, blocks, bootstrap"/>
<meta name="description" content="My new website"/> <meta name="description" content="Website der Motorrad IG"/>
<link rel="shortcut icon" href="ico/favicon.png"> <link rel="shortcut icon" href="ico/favicon.png">
<!-- Core CSS --> <!-- Core CSS -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
@ -22,31 +22,36 @@
<script src="js/html5shiv.js"></script> <script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script> <script src="js/respond.min.js"></script>
<![endif]--> <![endif]-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Abhaya+Libre&display=swap">
</head> </head>
<body data-spy="scroll" data-target="nav"> <body data-spy="scroll" data-target="nav">
<section id="content-2-7" class="content-block content-2-7"> <section id="content-2-7" class="content-block content-2-7">
<div class="container"> <div class="container">
<div class="row"> <div class="row" style="font-family: 'Abhaya Libre', serif; font-size: 15px; line-height: 2px;">
<div class="col-sm-12"> <div class="col-sm-12">
<div class="underlined-title"> <div class="underlined-title">
<h1>Motorrad IG</h1> <h1 style="font-family: 'Abhaya Libre', serif; font-size: 80px;">Motorrad IG</h1>
<hr> <hr>
<h2>privat organisierte motorradtouren</h2> <h2>privat organisierte motorradtouren</h2>
</div> </div>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-4 d-flex justify-content-center text-center">
<h3>Column title</h3> <h1 class="white"><br></h1>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> <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> </div>
<div class="row"> <div class="row">
<div class="col-md-2"> <div class="col-md-2">
<h3>Column title</h3> </div>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> <div class="col-md-8 d-flex justify-content-center">
</div>
<div class="col-md-4 d-flex justify-content-center">
<div id="carousel1" class="carousel slide" data-ride="carousel"> <div id="carousel1" class="carousel slide" data-ride="carousel">
<!-- Indicators --> <!-- Indicators -->
<ol class="carousel-indicators"> <ol class="carousel-indicators">
@ -57,24 +62,24 @@
<!-- Wrapper for slides --> <!-- Wrapper for slides -->
<div class="carousel-inner"> <div class="carousel-inner">
<div class="active item"> <div class="active item">
<img src="http://pinegrow.com/placeholders/img19.jpg" alt=""> <img src="images/motorrad1.jpeg" alt="motorcycle1">
<div class="carousel-caption"> <div class="carousel-caption">
<h3>Slide 1 title</h3> <h3>Die Straße ruft</h3>
<p>Slide 1 description.</p> <p>Wer kann diesem Ruf schon ewig widerstehen ?</p>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<img src="http://pinegrow.com/placeholders/img18.jpg" alt=""> <img src="images/motorrad2.jpeg" alt="motorcycle2">
<div class="carousel-caption"> <div class="carousel-caption">
<h3>Slide 2 title</h3> <h3>Tolle Strecken abfahren</h3>
<p>Slide 2 description.</p> <p>Die meisten Routen befinden sich im Raum NRW</p>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<img src="http://pinegrow.com/placeholders/img12.jpg" alt=""> <img src="images/motorrad3.jpeg" alt="motorcycle3">
<div class="carousel-caption"> <div class="carousel-caption">
<h3>Slide 3 title</h3> <h3>Ein Hobby für die Ewigkeit</h3>
<p>Slide 3 description.</p> <p>Die Mitglieder der Motorrad IG setzen sich aus allen Altersgruppen zusammen.</p>
</div> </div>
</div> </div>
</div> </div>
@ -82,8 +87,17 @@
<a class="carousel-control left" href="#carousel1" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <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> <a class="carousel-control right" href="#carousel1" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a>
</div> </div>
<h3>Column title</h3> </div>
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p> </div>
<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> </div>
<!-- /.row --> <!-- /.row -->

View file

@ -2,10 +2,10 @@
<html lang="en" style="height:100%;"> <html lang="en" style="height:100%;">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Pinegrow Bootstrap Blocks</title> <title>Motorrad IG</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="pinegrow, blocks, bootstrap"/> <meta name="keywords" content="pinegrow, blocks, bootstrap"/>
<meta name="description" content="My new website"/> <meta name="description" content="Website der Motorrad IG"/>
<link rel="shortcut icon" href="ico/favicon.png"> <link rel="shortcut icon" href="ico/favicon.png">
<!-- Core CSS --> <!-- Core CSS -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
@ -22,29 +22,36 @@
<script src="js/html5shiv.js"></script> <script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script> <script src="js/respond.min.js"></script>
<![endif]--> <![endif]-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Abhaya+Libre&display=swap">
</head> </head>
<body data-spy="scroll" data-target="nav"> <body data-spy="scroll" data-target="nav">
<section id="content-2-7" class="content-block content-2-7"> <section id="content-2-7" class="content-block content-2-7">
<div class="container"> <div class="container">
<div class="row"> <div class="row" style="font-family: 'Abhaya Libre', serif; font-size: 15px; line-height: 2px;">
<div class="col-sm-12"> <div class="col-sm-12">
<div class="underlined-title"> <div class="underlined-title">
<h1>Motorrad IG</h1> <h1 style="font-family: 'Abhaya Libre', serif; font-size: 80px;">Motorrad IG</h1>
<hr> <hr>
<h2>privat organisierte motorradtouren</h2> <h2>privat organisierte motorradtouren</h2>
</div> </div>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-4 d-flex justify-content-center text-center">
</div> <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>
<div class="row"> <div class="row">
<div class="col-md-2"> <div class="col-md-2">
</div> </div>
<div class="col-md-2"> <div class="col-md-8 d-flex justify-content-center">
</div>
<div class="col-md-4 d-flex justify-content-center">
<div id="carousel1" class="carousel slide" data-ride="carousel"> <div id="carousel1" class="carousel slide" data-ride="carousel">
<!-- Indicators --> <!-- Indicators -->
<ol class="carousel-indicators"> <ol class="carousel-indicators">
@ -55,24 +62,24 @@
<!-- Wrapper for slides --> <!-- Wrapper for slides -->
<div class="carousel-inner"> <div class="carousel-inner">
<div class="active item"> <div class="active item">
<img src="http://pinegrow.com/placeholders/img19.jpg" alt=""> <img src="images/motorrad1.jpeg" alt="motorcycle1">
<div class="carousel-caption"> <div class="carousel-caption">
<h3>Slide 1 title</h3> <h3>Die Straße ruft</h3>
<p>Slide 1 description.</p> <p>Wer kann diesem Ruf schon ewig widerstehen ?</p>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<img src="http://pinegrow.com/placeholders/img18.jpg" alt=""> <img src="images/motorrad2.jpeg" alt="motorcycle2">
<div class="carousel-caption"> <div class="carousel-caption">
<h3>Slide 2 title</h3> <h3>Tolle Strecken abfahren</h3>
<p>Slide 2 description.</p> <p>Die meisten Routen befinden sich im Raum NRW</p>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<img src="http://pinegrow.com/placeholders/img12.jpg" alt=""> <img src="images/motorrad3.jpeg" alt="motorcycle3">
<div class="carousel-caption"> <div class="carousel-caption">
<h3>Slide 3 title</h3> <h3>Ein Hobby für die Ewigkeit</h3>
<p>Slide 3 description.</p> <p>Die Mitglieder der Motorrad IG setzen sich aus allen Altersgruppen zusammen.</p>
</div> </div>
</div> </div>
</div> </div>
@ -82,6 +89,17 @@
</div> </div>
</div> </div>
</div> </div>
<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>
<!-- /.row --> <!-- /.row -->
</div> </div>
<!-- /.container --> <!-- /.container -->

View file

@ -0,0 +1,113 @@
<!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 data-spy="scroll" data-target="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;">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="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>
<!-- /.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>
</html>

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -2,10 +2,10 @@
<html lang="en" style="height:100%;"> <html lang="en" style="height:100%;">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>Pinegrow Bootstrap Blocks</title> <title>Motorrad IG</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="pinegrow, blocks, bootstrap"/> <meta name="keywords" content="pinegrow, blocks, bootstrap"/>
<meta name="description" content="My new website"/> <meta name="description" content="Website der Motorrad IG"/>
<link rel="shortcut icon" href="ico/favicon.png"> <link rel="shortcut icon" href="ico/favicon.png">
<!-- Core CSS --> <!-- Core CSS -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
@ -26,6 +26,17 @@
</head> </head>
<body data-spy="scroll" data-target="nav"> <body data-spy="scroll" data-target="nav">
<section id="content-2-7" class="content-block content-2-7"> <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="container">
<div class="row" style="font-family: 'Abhaya Libre', serif; font-size: 15px; line-height: 2px;"> <div class="row" style="font-family: 'Abhaya Libre', serif; font-size: 15px; line-height: 2px;">
<div class="col-sm-12"> <div class="col-sm-12">
@ -36,17 +47,6 @@
</div> </div>
</div> </div>
</div> </div>
<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="row"> <div class="row">
<div class="col-4 d-flex justify-content-center text-center"> <div class="col-4 d-flex justify-content-center text-center">
<h1 class="white"><br></h1> <h1 class="white"><br></h1>
@ -100,6 +100,12 @@ unser Angebot für unsere Mitglieder sowie sonstige Aktivitäten.</h2>
</div> </div>
</div> </div>
</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 --> <!-- /.row -->
</div> </div>
<!-- /.container --> <!-- /.container -->
@ -108,7 +114,6 @@ unser Angebot für unsere Mitglieder sowie sonstige Aktivitäten.</h2>
<script type="text/javascript" src="js/bootstrap.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/plugins.js"></script> <script type="text/javascript" src="js/plugins.js"></script>
<script src="https://maps.google.com/maps/api/js?sensor=true"></script> <script src="https://maps.google.com/maps/api/js?sensor=true"></script>
<div class="pg-empty-placeholder row"></div>
<script type="text/javascript" src="js/bskit-scripts.js"></script> <script type="text/javascript" src="js/bskit-scripts.js"></script>
</body> </body>
</html> </html>

View file

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