motorradig/design/index.html

<!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>
                <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>     
</html>