Motorraeder in Design eingefuegt

This commit is contained in:
tschneider 2020-06-14 10:21:27 +02:00
parent cdace4810d
commit 71d33e485e
42 changed files with 7421 additions and 655 deletions

View file

@ -1,87 +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>Some fun facts & figures</h1>
<hr>
<h2>You'll <span class="fa fa-heart pomegranate"></span> Pinegrow Blocks</h2>
</div>
</div>
<div class="col-sm-3 text-center">
<div class="counter-icon">
<span class="fa fa-magic"></span>
</div>
<div class="counter-text">
<h3 class="counter">636</h3>
<span>Monsters created</span>
</div>
</div>
<div class="col-sm-3 text-center">
<div class="counter-icon">
<span class="fa fa-coffee"></span>
</div>
<div class="counter-text">
<h3 class="counter">1349</h3>
<span>Cups of English Tea</span>
</div>
</div>
<div class="col-sm-3 text-center">
<div class="counter-icon">
<span class="fa fa-lightbulb-o"></span>
</div>
<div class="counter-text">
<h3 class="counter">2496</h3>
<span>Ideas generated</span>
</div>
</div>
<div class="col-sm-3 text-center">
<div class="counter-icon">
<span class="fa fa-clock-o"></span>
</div>
<div class="counter-text">
<h3 class="counter">4694</h3>
<span>Hours spent working</span>
</div>
</div>
<div class="col-sm-12 text-center pad45">
<strong class="white">No dancing kittens were harmed in the process of making <a href="http://example.com">Pinegrow Blocks.</a></strong>
</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,131 +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>Some fun facts & figures</h1>
<hr>
<h2>You'll <span class="fa fa-heart pomegranate"></span> Pinegrow Blocks</h2>
</div>
</div>
<div class="col-sm-3 text-center">
<div class="counter-icon">
<span class="fa fa-magic"></span>
</div>
<div class="counter-text">
<h3 class="counter">636</h3>
<span>Monsters created</span>
</div>
</div>
<div class="col-sm-3 text-center">
<div class="counter-icon">
<span class="fa fa-coffee"></span>
</div>
<div class="counter-text">
<h3 class="counter">1349</h3>
<span>Cups of English Tea</span>
</div>
</div>
<div class="col-sm-3 text-center">
<div class="counter-icon">
<span class="fa fa-lightbulb-o"></span>
</div>
<div class="counter-text">
<h3 class="counter">2496</h3>
<span>Ideas generated</span>
</div>
</div>
<div class="col-sm-3 text-center">
<div class="counter-icon">
<span class="fa fa-clock-o"></span>
</div>
<div class="counter-text">
<h3 class="counter">4694</h3>
<span>Hours spent working</span>
</div>
</div>
<div class="col-sm-12 text-center pad45">
<strong class="white">No dancing kittens were harmed in the process of making <a href="http://example.com">Pinegrow Blocks.</a></strong>
</div>
</div>
<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="item active">
<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="left carousel-control" href="#carousel1" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a>
<a class="right carousel-control" href="#carousel1" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a>
</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,131 +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>Some fun facts & figures</h1>
<hr>
<h2>You'll <span class="fa fa-heart pomegranate"></span> Pinegrow Blocks</h2>
</div>
</div>
<div class="col-sm-3 text-center">
<div class="counter-icon">
<span class="fa fa-magic"></span>
</div>
<div class="counter-text">
<h3 class="counter">636</h3>
<span>Monsters created</span>
</div>
</div>
<div class="col-sm-3 text-center">
<div class="counter-icon">
<span class="fa fa-coffee"></span>
</div>
<div class="counter-text">
<h3 class="counter">1349</h3>
<span>Cups of English Tea</span>
</div>
</div>
<div class="col-sm-3 text-center">
<div class="counter-icon">
<span class="fa fa-lightbulb-o"></span>
</div>
<div class="counter-text">
<h3 class="counter">2496</h3>
<span>Ideas generated</span>
</div>
</div>
<div class="col-sm-3 text-center">
<div class="counter-icon">
<span class="fa fa-clock-o"></span>
</div>
<div class="counter-text">
<h3 class="counter">4694</h3>
<span>Hours spent working</span>
</div>
</div>
<div class="col-sm-12 text-center pad45">
<strong class="white">No dancing kittens were harmed in the process of making <a href="http://example.com">Pinegrow Blocks.</a></strong>
</div>
</div>
<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="item active">
<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="left carousel-control" href="#carousel1" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a>
<a class="right carousel-control" href="#carousel1" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a>
</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,92 +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>Some fun facts & figures</h1>
<hr>
<h2>You'll <span class="fa fa-heart pomegranate"></span> Pinegrow Blocks</h2>
</div>
</div>
</div>
<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="item active">
<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="left carousel-control" href="#carousel1" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a>
<a class="right carousel-control" href="#carousel1" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a>
</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,95 +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>Some fun facts & figures</h1>
<hr>
<h2>You'll <span class="fa fa-heart pomegranate"></span> Pinegrow Blocks</h2>
</div>
</div>
</div>
<div class="pg-empty-placeholder row"></div>
<div class="pg-empty-placeholder row"></div>
<div class="pg-empty-placeholder row"></div>
<div class="pg-empty-placeholder row"></div>
<div class="pg-empty-placeholder row"></div>
<div class="pg-empty-placeholder row"></div>
<div class="pg-empty-placeholder row"></div>
<div class="pg-empty-placeholder row"></div>
<div class="pg-empty-placeholder row"></div>
<div class="row">
<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="item active">
<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="left carousel-control" href="#carousel1" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a>
<a class="right carousel-control" href="#carousel1" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a>
</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

@ -27,62 +27,66 @@
<section id="content-2-7" class="content-block content-2-7"> <section id="content-2-7" class="content-block content-2-7">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col-sm-12">
<div class="underlined-title"> <div class="underlined-title">
<h1>Motorrad IG</h1> <h1>Motorrad IG</h1>
<h1></h1> <hr>
<h2>You'll <span class="fa fa-heart pomegranate"></span> Pinegrow Blocks</h2> <h2>privat organisierte motorradtouren</h2>
</div> </div>
</div> </div>
<div class="col-md-4 pad45 text-center">
<strong class="white">No dancing kittens were harmed in the process of making <a href="http://example.com">Pinegrow Blocks.</a></strong>
</div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-lg-1 col-md-1 col-xs-1"> <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"> <div id="carousel1" class="carousel slide" data-ride="carousel">
<!-- Indicators --> <!-- Indicators -->
<ol class="carousel-indicators"> <ol class="carousel-indicators">
<li data-target="#carousel1" data-slide-to="0" class="active"></li> <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="1"></li>
<li data-target="#carousel1" data-slide-to="2"></li> <li data-target="#carousel1" data-slide-to="2"></li>
</ol> </ol>
<!-- Wrapper for slides --> <!-- Wrapper for slides -->
<div class="carousel-inner"> <div class="carousel-inner">
<div class="item active"> <div class="active item">
<img src="http://pinegrow.com/placeholders/img13.jpg" alt=""/> <img src="http://pinegrow.com/placeholders/img19.jpg" alt="">
<div class="carousel-caption"> <div class="carousel-caption">
<h3>Slide 1 title</h3> <h3>Slide 1 title</h3>
<p>Slide 1 description.</p> <p>Slide 1 description.</p>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<img src="http://pinegrow.com/placeholders/img14.jpg" alt=""/> <img src="http://pinegrow.com/placeholders/img18.jpg" alt="">
<div class="carousel-caption"> <div class="carousel-caption">
<h3>Slide 2 title</h3> <h3>Slide 2 title</h3>
<p>Slide 2 description.</p> <p>Slide 2 description.</p>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<img src="http://pinegrow.com/placeholders/img20.jpg" alt=""/> <img src="http://pinegrow.com/placeholders/img12.jpg" alt="">
<div class="carousel-caption"> <div class="carousel-caption">
<h3>Slide 3 title</h3> <h3>Slide 3 title</h3>
<p>Slide 3 description.</p> <p>Slide 3 description.</p>
</div> </div>
</div> </div>
</div> </div>
<!-- Controls --> <!-- Controls -->
<a class="carousel-control left" href="#carousel1" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a>
<a class="left carousel-control" href="#carousel1" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="carousel-control right" href="#carousel1" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a>
<a class="right carousel-control" href="#carousel1" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a>
</div> </div>
</div> </div>
</div> </div>
@ -94,6 +98,7 @@
<script type="text/javascript" src="js/bootstrap.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/plugins.js"></script> <script type="text/javascript" src="js/plugins.js"></script>
<script src="https://maps.google.com/maps/api/js?sensor=true"></script> <script src="https://maps.google.com/maps/api/js?sensor=true"></script>
<div class="pg-empty-placeholder row"></div>
<script type="text/javascript" src="js/bskit-scripts.js"></script> <script type="text/javascript" src="js/bskit-scripts.js"></script>
</body> </body>
</html> </html>

View file

@ -30,59 +30,62 @@
<div class="col-sm-12"> <div class="col-sm-12">
<div class="underlined-title"> <div class="underlined-title">
<h1>Motorrad IG</h1> <h1>Motorrad IG</h1>
<h1></h1> <hr>
<h2>You'll <span class="fa fa-heart pomegranate"></span> Pinegrow Blocks</h2> <h2>privat organisierte motorradtouren</h2>
</div> </div>
</div> </div>
<div class="col-md-4"> </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"> <div id="carousel1" class="carousel slide" data-ride="carousel">
<!-- Indicators --> <!-- Indicators -->
<ol class="carousel-indicators"> <ol class="carousel-indicators">
<li data-target="#carousel1" data-slide-to="0" class="active"></li> <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="1"></li>
<li data-target="#carousel1" data-slide-to="2"></li> <li data-target="#carousel1" data-slide-to="2"></li>
</ol> </ol>
<!-- Wrapper for slides --> <!-- Wrapper for slides -->
<div class="carousel-inner"> <div class="carousel-inner">
<div class="item active"> <div class="active item">
<img src="http://pinegrow.com/placeholders/img13.jpg" alt=""/> <img src="http://pinegrow.com/placeholders/img19.jpg" alt="">
<div class="carousel-caption"> <div class="carousel-caption">
<h3>Slide 1 title</h3> <h3>Slide 1 title</h3>
<p>Slide 1 description.</p> <p>Slide 1 description.</p>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<img src="http://pinegrow.com/placeholders/img14.jpg" alt=""/> <img src="http://pinegrow.com/placeholders/img18.jpg" alt="">
<div class="carousel-caption"> <div class="carousel-caption">
<h3>Slide 2 title</h3> <h3>Slide 2 title</h3>
<p>Slide 2 description.</p> <p>Slide 2 description.</p>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<img src="http://pinegrow.com/placeholders/img20.jpg" alt=""/> <img src="http://pinegrow.com/placeholders/img12.jpg" alt="">
<div class="carousel-caption"> <div class="carousel-caption">
<h3>Slide 3 title</h3> <h3>Slide 3 title</h3>
<p>Slide 3 description.</p> <p>Slide 3 description.</p>
</div> </div>
</div> </div>
</div> </div>
<!-- Controls --> <!-- Controls -->
<a class="carousel-control left" href="#carousel1" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a>
<a class="left carousel-control" href="#carousel1" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="carousel-control right" href="#carousel1" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a>
<a class="right carousel-control" href="#carousel1" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a>
</div> </div>
</div> </div>
<div class="col-sm-12 text-center pad45">
<strong class="white">No dancing kittens were harmed in the process of making <a href="http://example.com">Pinegrow Blocks.</a></strong>
</div>
</div> </div>
<!-- /.row --> <!-- /.row -->
</div> </div>
@ -92,6 +95,7 @@
<script type="text/javascript" src="js/bootstrap.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/plugins.js"></script> <script type="text/javascript" src="js/plugins.js"></script>
<script src="https://maps.google.com/maps/api/js?sensor=true"></script> <script src="https://maps.google.com/maps/api/js?sensor=true"></script>
<div class="pg-empty-placeholder row"></div>
<script type="text/javascript" src="js/bskit-scripts.js"></script> <script type="text/javascript" src="js/bskit-scripts.js"></script>
</body> </body>
</html> </html>

View file

@ -22,67 +22,71 @@
<script src="js/html5shiv.js"></script> <script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script> <script src="js/respond.min.js"></script>
<![endif]--> <![endif]-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Abhaya+Libre&display=swap">
</head> </head>
<body data-spy="scroll" data-target="nav"> <body data-spy="scroll" data-target="nav">
<section id="content-2-7" class="content-block content-2-7"> <section id="content-2-7" class="content-block content-2-7">
<div class="container"> <div class="container">
<div class="row"> <div class="row" style="font-family: 'Abhaya Libre', serif; font-size: 15px; line-height: 2px;">
<div class="col-sm-12"> <div class="col-sm-12">
<div class="underlined-title"> <div class="underlined-title">
<h1>Motorrad IG</h1> <h1 style="font-family: 'Abhaya Libre', serif; font-size: 80px;">Motorrad IG</h1>
<h1></h1> <hr>
<h2>You'll <span class="fa fa-heart pomegranate"></span> Pinegrow Blocks</h2> <h2>privat organisierte motorradtouren</h2>
</div> </div>
</div> </div>
<div class="col-lg-1"> </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"> <div id="carousel1" class="carousel slide" data-ride="carousel">
<!-- Indicators --> <!-- Indicators -->
<ol class="carousel-indicators"> <ol class="carousel-indicators">
<li data-target="#carousel1" data-slide-to="0" class="active"></li> <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="1"></li>
<li data-target="#carousel1" data-slide-to="2"></li> <li data-target="#carousel1" data-slide-to="2"></li>
</ol> </ol>
<!-- Wrapper for slides --> <!-- Wrapper for slides -->
<div class="carousel-inner"> <div class="carousel-inner">
<div class="item active"> <div class="active item">
<img src="http://pinegrow.com/placeholders/img13.jpg" alt=""/> <img src="http://pinegrow.com/placeholders/img19.jpg" alt="">
<div class="carousel-caption"> <div class="carousel-caption">
<h3>Slide 1 title</h3> <h3>Slide 1 title</h3>
<p>Slide 1 description.</p> <p>Slide 1 description.</p>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<img src="http://pinegrow.com/placeholders/img14.jpg" alt=""/> <img src="http://pinegrow.com/placeholders/img18.jpg" alt="">
<div class="carousel-caption"> <div class="carousel-caption">
<h3>Slide 2 title</h3> <h3>Slide 2 title</h3>
<p>Slide 2 description.</p> <p>Slide 2 description.</p>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<img src="http://pinegrow.com/placeholders/img20.jpg" alt=""/> <img src="http://pinegrow.com/placeholders/img12.jpg" alt="">
<div class="carousel-caption"> <div class="carousel-caption">
<h3>Slide 3 title</h3> <h3>Slide 3 title</h3>
<p>Slide 3 description.</p> <p>Slide 3 description.</p>
</div> </div>
</div> </div>
</div> </div>
<!-- Controls --> <!-- Controls -->
<a class="carousel-control left" href="#carousel1" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a>
<a class="left carousel-control" href="#carousel1" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="carousel-control right" href="#carousel1" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a>
<a class="right carousel-control" href="#carousel1" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a>
</div> </div>
</div> </div>
<div class="col-sm-12 text-center pad45">
<strong class="white">No dancing kittens were harmed in the process of making <a href="http://example.com">Pinegrow Blocks.</a></strong>
</div>
</div> </div>
<!-- /.row --> <!-- /.row -->
</div> </div>
@ -92,6 +96,7 @@
<script type="text/javascript" src="js/bootstrap.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/plugins.js"></script> <script type="text/javascript" src="js/plugins.js"></script>
<script src="https://maps.google.com/maps/api/js?sensor=true"></script> <script src="https://maps.google.com/maps/api/js?sensor=true"></script>
<div class="pg-empty-placeholder row"></div>
<script type="text/javascript" src="js/bskit-scripts.js"></script> <script type="text/javascript" src="js/bskit-scripts.js"></script>
</body> </body>
</html> </html>

View file

@ -22,67 +22,71 @@
<script src="js/html5shiv.js"></script> <script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script> <script src="js/respond.min.js"></script>
<![endif]--> <![endif]-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Abhaya+Libre&display=swap">
</head> </head>
<body data-spy="scroll" data-target="nav"> <body data-spy="scroll" data-target="nav">
<section id="content-2-7" class="content-block content-2-7"> <section id="content-2-7" class="content-block content-2-7">
<div class="container"> <div class="container">
<div class="row"> <div class="row" style="font-family: 'Abhaya Libre', serif; font-size: 15px; line-height: 2px;">
<div class="col-lg-1"> <div class="col-sm-12">
<div class="underlined-title"> <div class="underlined-title">
<h1>Motorrad IG</h1> <h1 style="font-family: 'Abhaya Libre', serif; font-size: 80px;">Motorrad IG</h1>
<h1></h1> <hr>
<h2>You'll <span class="fa fa-heart pomegranate"></span> Pinegrow Blocks</h2> <h2>privat organisierte motorradtouren</h2>
</div> </div>
</div> </div>
<div class="col-lg-1"> </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"> <div id="carousel1" class="carousel slide" data-ride="carousel">
<!-- Indicators --> <!-- Indicators -->
<ol class="carousel-indicators"> <ol class="carousel-indicators">
<li data-target="#carousel1" data-slide-to="0" class="active"></li> <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="1"></li>
<li data-target="#carousel1" data-slide-to="2"></li> <li data-target="#carousel1" data-slide-to="2"></li>
</ol> </ol>
<!-- Wrapper for slides --> <!-- Wrapper for slides -->
<div class="carousel-inner"> <div class="carousel-inner">
<div class="item active"> <div class="active item">
<img src="http://pinegrow.com/placeholders/img13.jpg" alt=""/> <img src="images/motorrad1.jpeg" alt="">
<div class="carousel-caption"> <div class="carousel-caption">
<h3>Slide 1 title</h3> <h3>Slide 1 title</h3>
<p>Slide 1 description.</p> <p>Slide 1 description.</p>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<img src="http://pinegrow.com/placeholders/img14.jpg" alt=""/> <img src="images/motorrad2.jpeg" alt="">
<div class="carousel-caption"> <div class="carousel-caption">
<h3>Slide 2 title</h3> <h3>Slide 2 title</h3>
<p>Slide 2 description.</p> <p>Slide 2 description.</p>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<img src="http://pinegrow.com/placeholders/img20.jpg" alt=""/> <img src="http://pinegrow.com/placeholders/img12.jpg" alt="">
<div class="carousel-caption"> <div class="carousel-caption">
<h3>Slide 3 title</h3> <h3>Slide 3 title</h3>
<p>Slide 3 description.</p> <p>Slide 3 description.</p>
</div> </div>
</div> </div>
</div> </div>
<!-- Controls --> <!-- Controls -->
<a class="carousel-control left" href="#carousel1" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a>
<a class="left carousel-control" href="#carousel1" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="carousel-control right" href="#carousel1" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a>
<a class="right carousel-control" href="#carousel1" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a>
</div> </div>
</div> </div>
<div class="col-lg-1 pad45 text-center">
<strong class="white">No dancing kittens were harmed in the process of making <a href="http://example.com">Pinegrow Blocks.</a></strong>
</div>
</div> </div>
<!-- /.row --> <!-- /.row -->
</div> </div>
@ -92,6 +96,7 @@
<script type="text/javascript" src="js/bootstrap.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/plugins.js"></script> <script type="text/javascript" src="js/plugins.js"></script>
<script src="https://maps.google.com/maps/api/js?sensor=true"></script> <script src="https://maps.google.com/maps/api/js?sensor=true"></script>
<div class="pg-empty-placeholder row"></div>
<script type="text/javascript" src="js/bskit-scripts.js"></script> <script type="text/javascript" src="js/bskit-scripts.js"></script>
</body> </body>
</html> </html>

View file

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

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

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

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

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

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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

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

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

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

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

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

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

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

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

File diff suppressed because it is too large Load diff

File diff suppressed because it is too large Load diff

View file

@ -1972,6 +1972,7 @@ Version: 1.0 */
*:after, *:after,
*:before { *:before {
box-sizing: border-box; box-sizing: border-box;
color: #fab34a;
} }
.grid { .grid {

View file

Before

Width:  |  Height:  |  Size: 342 KiB

After

Width:  |  Height:  |  Size: 342 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 762 KiB

After

Width:  |  Height:  |  Size: 762 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 190 KiB

After

Width:  |  Height:  |  Size: 190 KiB

Before After
Before After

View file

Before

Width:  |  Height:  |  Size: 848 KiB

After

Width:  |  Height:  |  Size: 848 KiB

Before After
Before After

View file

@ -22,14 +22,15 @@
<script src="js/html5shiv.js"></script> <script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script> <script src="js/respond.min.js"></script>
<![endif]--> <![endif]-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Abhaya+Libre&display=swap">
</head> </head>
<body data-spy="scroll" data-target="nav"> <body data-spy="scroll" data-target="nav">
<section id="content-2-7" class="content-block content-2-7"> <section id="content-2-7" class="content-block content-2-7">
<div class="container"> <div class="container">
<div class="row"> <div class="row" style="font-family: 'Abhaya Libre', serif; font-size: 15px; line-height: 2px;">
<div class="col-sm-12"> <div class="col-sm-12">
<div class="underlined-title"> <div class="underlined-title">
<h1>Motorrad IG</h1> <h1 style="font-family: 'Abhaya Libre', serif; font-size: 80px;">Motorrad IG</h1>
<hr> <hr>
<h2>privat organisierte motorradtouren</h2> <h2>privat organisierte motorradtouren</h2>
</div> </div>
@ -37,8 +38,7 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-4 d-flex justify-content-center text-center"> <div class="col-4 d-flex justify-content-center text-center">
<h1 class="white">Willkommen auf der Homepage der Motorrad-IG Deutschland <h1 class="white">Willkommen auf der Homepage der Motorrad-IG Deutschland</h1>
</h1>
<h2 class="white">Das alte Problem: Die Sonne scheint und Dein Motorrad ruft, <h2 class="white">Das alte Problem: Die Sonne scheint und Dein Motorrad ruft,
doch alle Deine Freunde sind plötzlich verhindert oder haben keine Zeit. doch alle Deine Freunde sind plötzlich verhindert oder haben keine Zeit.
Hier wollen wir Abhilfe schaffen. Hier wollen wir Abhilfe schaffen.
@ -50,9 +50,7 @@ unser Angebot für unsere Mitglieder sowie sonstige Aktivitäten.</h2>
<div class="row"> <div class="row">
<div class="col-md-2"> <div class="col-md-2">
</div> </div>
<div class="col-md-2"> <div class="col-md-8 d-flex justify-content-center">
</div>
<div class="col-md-4 d-flex justify-content-center">
<div id="carousel1" class="carousel slide" data-ride="carousel"> <div id="carousel1" class="carousel slide" data-ride="carousel">
<!-- Indicators --> <!-- Indicators -->
<ol class="carousel-indicators"> <ol class="carousel-indicators">
@ -63,28 +61,29 @@ unser Angebot für unsere Mitglieder sowie sonstige Aktivitäten.</h2>
<!-- Wrapper for slides --> <!-- Wrapper for slides -->
<div class="carousel-inner"> <div class="carousel-inner">
<div class="active item"> <div class="active item">
<img src="http://pinegrow.com/placeholders/img19.jpg" alt=""> <img src="images/motorrad1.jpeg" alt="motorcycle1">
<div class="carousel-caption"> <div class="carousel-caption">
<h3>Slide 1 title</h3> <h3>Die Straße ruft</h3>
<p>Slide 1 description.</p> <p>Wer kann diesem Ruf schon ewig widerstehen ?</p>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<img src="http://pinegrow.com/placeholders/img18.jpg" alt=""> <img src="images/motorrad2.jpeg" alt="motorcycle2">
<div class="carousel-caption"> <div class="carousel-caption">
<h3>Slide 2 title</h3> <h3>Tolle Strecken abfahren</h3>
<p>Slide 2 description.</p> <p>Die meisten Routen befinden sich im Raum NRW</p>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<img src="http://pinegrow.com/placeholders/img12.jpg" alt=""> <img src="images/motorrad3.jpeg" alt="motorcycle3">
<div class="carousel-caption"> <div class="carousel-caption">
<h3>Slide 3 title</h3> <h3>Ein Hobby für die Ewigkeit</h3>
<p>Slide 3 description.</p> <p>Die Mitglieder der Motorrad IG setzen sich aus allen Altersgruppen zusammen.</p>
</div> </div>
</div> </div>
</div> </div>
<!-- Controls --> <!-- Controls -->
<a class="carousel-control left" href="#carousel1" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="carousel-control left" href="#carousel1" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a>
<a class="carousel-control right" href="#carousel1" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a> <a class="carousel-control right" href="#carousel1" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a>
</div> </div>

View file

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