Sticky Navbar, removed pinegrow crap

This commit is contained in:
tschneider 2020-07-04 13:24:34 +02:00
parent 341fccdc7a
commit 8fb63d492e
97 changed files with 355 additions and 2233 deletions

View file

@ -1,128 +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-md-2">
</div>
<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>
<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>
<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>
<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 -->
</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

@ -1,104 +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-md-2">
</div>
<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>
<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-4 d-flex justify-content-center text-center">
<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 -->
</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

@ -1,104 +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-4 d-flex justify-content-center text-center">
<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-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

@ -1,104 +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-4 d-flex justify-content-center text-center">
<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-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

@ -1,101 +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-4 d-flex justify-content-center text-center">
<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="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

@ -1,102 +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]-->
<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="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">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="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

@ -1,102 +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]-->
<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="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">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="">
<div class="carousel-caption">
<h3>Slide 1 title</h3>
<p>Slide 1 description.</p>
</div>
</div>
<div class="item">
<img src="images/motorrad2.jpeg" 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

@ -1,103 +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]-->
<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="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">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>Slide 1 title</h3>
<p>Slide 1 description.</p>
</div>
</div>
<div class="item">
<img src="images/motorrad2.jpeg" alt="motorcycle2">
<div class="carousel-caption">
<h3>Slide 2 title</h3>
<p>Slide 2 description.</p>
</div>
</div>
<div class="item">
<img src="images/motorrad3.jpeg" alt="motorcycle3">
<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

@ -1,103 +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]-->
<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="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">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>Slide 1 description.</p>
</div>
</div>
<div class="item">
<img src="images/motorrad2.jpeg" alt="motorcycle2">
<div class="carousel-caption">
<h3>Tolle Strecken abfahren</h3>
<p>Slide 2 description.</p>
</div>
</div>
<div class="item">
<img src="images/motorrad3.jpeg" alt="motorcycle3">
<div class="carousel-caption">
<h3>Ein Hobby f&uml;r die Ewigkeit</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

@ -1,103 +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]-->
<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="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">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>Slide 1 description.</p>
</div>
</div>
<div class="item">
<img src="images/motorrad2.jpeg" alt="motorcycle2">
<div class="carousel-caption">
<h3>Tolle Strecken abfahren</h3>
<p>Slide 2 description.</p>
</div>
</div>
<div class="item">
<img src="images/motorrad3.jpeg" alt="motorcycle3">
<div class="carousel-caption">
<h3>Ein Hobby f&uml;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>
<div class="pg-empty-placeholder row"></div>
<script type="text/javascript" src="js/bskit-scripts.js"></script>
</body>
</html>

View file

@ -1,103 +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]-->
<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="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">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&uml;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>
<div class="pg-empty-placeholder row"></div>
<script type="text/javascript" src="js/bskit-scripts.js"></script>
</body>
</html>

View file

@ -1,103 +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]-->
<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="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">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>
<div class="pg-empty-placeholder row"></div>
<script type="text/javascript" src="js/bskit-scripts.js"></script>
</body>
</html>

View file

@ -1,103 +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]-->
<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="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">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>
<div class="pg-empty-placeholder row"></div>
<script type="text/javascript" src="js/bskit-scripts.js"></script>
</body>
</html>

View file

@ -1,103 +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]-->
<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="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">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>
<div class="pg-empty-placeholder row"></div>
<script type="text/javascript" src="js/bskit-scripts.js"></script>
</body>
</html>

View file

@ -1,120 +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]-->
<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="container">
<div class="row">
<div class="col-md-4">
<h3>Column title</h3>
<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="col-md-4">
<h3>Column title</h3>
<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="col-md-4">
<h3>Column title</h3>
<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="col-md-4">
<h3>Column title</h3>
<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>
<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">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>
<div class="pg-empty-placeholder row"></div>
<script type="text/javascript" src="js/bskit-scripts.js"></script>
</body>
</html>

View file

@ -1,114 +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]-->
<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="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="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>
<div class="pg-empty-placeholder row"></div>
<script type="text/javascript" src="js/bskit-scripts.js"></script>
</body>
</html>

View file

@ -1,114 +0,0 @@
<!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="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>
<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 -->
</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

@ -1,114 +0,0 @@
<!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="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>
<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 -->
</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

@ -1,114 +0,0 @@
<!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="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>
<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 -->
</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

@ -1,113 +0,0 @@
<!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

@ -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.insight.events","pg.css.grid","pg.image.overlay","pg.project.items","pg.code-validator","pg.asset.manager","pg.blocks","pg.fontawesome","bs3.4.1","pg.html","pg.components"],"last_page_width":1024}},"breakpoints":["300px","480px","768px","800px","900px","992px","1200px"],"frameworks":["pg.insight.events","pg.css.grid","pg.image.overlay","pg.project.items","pg.code-validator","pg.asset.manager","pg.blocks","pg.fontawesome","bs3.4.1","pg.html","pg.components"],"template_framework_id":"pg.blocks"}

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -1 +0,0 @@
{"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

@ -1 +0,0 @@
{"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

@ -1 +0,0 @@
{"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

@ -1 +0,0 @@
{"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

@ -1 +1,23 @@
/* Put your custom styles here */
/* Put your custom styles here */
body, html {
height: 100%;
}
.bg {
/* The image used */
background-image: url("../images/motorcycle1_unsplash.jpg");
/* Full height */
height: 100%;
/* background: #3df url('../images/motorcycle1_unsplash.jpg') no-repeat fixed center; */
/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 126 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 493 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 65 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 342 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 177 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 190 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 219 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 103 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 89 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 126 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 100 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 60 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 268 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 112 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 57 KiB

View file

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

119
design/index2.html Normal file
View file

@ -0,0 +1,119 @@
<!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>

View file

@ -0,0 +1,137 @@
<!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 sticky-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>
<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>
<!-- 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 +1 @@
{"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"}
{"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"}