!-- Mobile Meta -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Web Fonts -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700,300&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=PT+Serif' rel='stylesheet' type='text/css'>
<!-- Bootstrap core CSS -->
<link href="http://theme.webme.com/designs/professional/bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Font Awesome CSS -->
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<!-- Plugins -->
<link href="http://theme.webme.com/designs/professional/plugins/rs-plugin/css/settings.css" media="screen" rel="stylesheet">
<link href="http://theme.webme.com/designs/professional/plugins/rs-plugin/css/extralayers.css" media="screen" rel="stylesheet">
<link href="http://theme.webme.com/designs/professional/plugins/magnific-popup/magnific-popup.css" rel="stylesheet">
<link href="http://theme.webme.com/designs/professional/css/animations.css" rel="stylesheet">
<link href="http://theme.webme.com/designs/professional/plugins/owl-carousel/owl.carousel.css" rel="stylesheet">
<!-- iDea core CSS file -->
<link href="http://theme.webme.com/designs/professional/css/style.css" rel="stylesheet">
<!-- Color Scheme (In order to change the color scheme, replace the red.css with the color scheme that you prefer)-->
<link href="http://theme.webme.com/designs/professional/css/skins/red.css" rel="stylesheet">
<!-- Custom css -->
<link href="http://theme.webme.com/designs/professional/css/custom.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<style type="text/css">
.default_bg {
background-color: #e84c3d;
}
.navbar-default .navbar-nav > .dropdown > a {
color: #e84c3d !important;
}
.navbar-default .navbar-nav > li > a {
color: #e84c3d !important;
}
.navbar-default .navbar-nav > .dropdown > a::before {
color: #e84c3d !important;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus,
.dropdown-menu .menu > .active > a,
.dropdown-menu .menu > .active > a:hover,
.dropdown-menu .menu > .active > a:focus {
color: #e84c3d !important;
}
.tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected {
background-color: #e84c3d !important;
}
.tp-bannertimer {
background-color: #e84c3d !important;
}
</style>
</head>
<!-- body classes:
"boxed": boxed layout mode e.g. <body class="boxed">
"pattern-1 ... pattern-9": background patterns for boxed layout mode e.g. <body class="boxed pattern-1">
-->
<body class="front no-trans">
<!-- scrollToTop -->
<!-- ================ -->
<div class="scrollToTop"><i class="fa fa-arrow-up"></i></div>
<!-- page wrapper start -->
<!-- ================ -->
<div class="page-wrapper">
<!-- header-top start (Add "dark" class to .header-top in order to enable dark header-top e.g <div class="header-top dark">) -->
<!-- ================ -->
<div class="header-top">
<div class="container">
<div class="row">
<div class="col-xs-2 col-sm-6">
<!-- header-top-first start -->
<!-- ================ -->
<div class="header-top-first clearfix">
<ul class="social-links clearfix hidden-xs">
</ul>
<div class="social-links hidden-lg hidden-md hidden-sm">
<div class="btn-group dropdown">
<button type="button" class="btn dropdown-toggle" data-toggle="dropdown"><i class="fa fa-share-alt"></i></button>
<ul class="dropdown-menu dropdown-animation">
</ul>
</div>
</div>
</div>
<!-- header-top-first end -->
</div>
<div class="col-xs-10 col-sm-6">
<!-- header-top-second start -->
<!-- ================ -->
<div id="header-top-second" class="clearfix">
<!-- header top dropdowns start -->
<!-- ================ -->
<div class="header-top-dropdown">
<div class="btn-group dropdown">
<ul class="dropdown-menu dropdown-menu-right dropdown-animation">
<li>
<form role="search" class="search-box">
<div class="form-group has-feedback">
<input type="text" class="form-control" placeholder="Search">
<i class="fa fa-search form-control-feedback"></i>
</div>
</form>
</li>
</ul>
</div>
<div class="btn-group dropdown">
<button type="button" class="btn" style="max-height:35px;"><iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblochmann.de.tl&send=false&layout=button_count&width=120&show_faces=false&font&colorscheme=light&action=like&height=21&appId=339062219495910" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:120px; height:21px;" allowTransparency="true"></iframe></button>
</div>
</div>
<!-- header top dropdowns end -->
</div>
<!-- header-top-second end -->
</div>
</div>
</div>
</div>
<!-- header-top end -->
<!-- header start classes:
fixed: fixed navigation mode (sticky menu) e.g. <header class="header fixed clearfix">
dark: dark header version e.g. <header class="header dark clearfix">
================ -->
<header class="header fixed clearfix">
<div class="container">
<div class="row">
<div class="col-md-3">
<!-- header-left start -->
<!-- ================ -->
<div class="header-left clearfix">
<!-- logo -->
<div class="logo">
<a href="/"><img id="logo" src="http://theme.webme.com/designs/professional/logo.png" alt="iDea" style="max-height:50px;"></a>
</div>
<!-- name-and-slogan -->
<div class="site-slogan">
Dein Slogan kann hier stehen </div>
</div>
<!-- header-left end -->
</div>
<div class="col-md-9">
<!-- header-right start -->
<!-- ================ -->
<div class="header-right clearfix">
<!-- main-navigation start -->
<!-- ================ -->
<div class="main-navigation animated">
<!-- navbar start -->
<!-- ================ -->
<nav class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<!-- Toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="/Home.htm">Home</a>
<ul class="dropdown-menu">
<li class="active">
<a href="/Beispiel_Unterseite-1.htm">Beispiel-Unterseite 1</a>
</li>
<li class="active">
<a href="/Beispiel_Unterseite-2.htm">Beispiel-Unterseite 2</a>
</li>
</ul>
</li>
<li>
<a href="/Firmensitz.htm">Firmensitz</a>
</li>
<li>
<a href="/Galerie/index.htm">Galerie</a>
</li>
<li>
<a href="/Counter.htm">Counter</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- navbar end -->
</div>
<!-- main-navigation end -->
</div>
<!-- header-right end -->
</div>
</div>
</div>
</header>
<!-- header end -->
<!-- banner start -->
<!-- ================ -->
<div class="banner">
<!-- slideshow start -->
<!-- ================ -->
<div class="slideshow">
<!-- slider revolution start -->
<!-- ================ -->
<div class="slider-banner-container">
<div class="slider-banner">
<ul>
<!-- slide 1 start -->
<li data-transition="random" data-slotamount="7" data-masterspeed="500" data-saveperformance="on" data-title="Premium HTML5 template">
<!-- main image -->
<img src="http://theme.webme.com/designs/globals/header/brushes.jpg" alt="slidebg1" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
<!-- LAYER NR. 1 -->
<div class="tp-caption default_bg large sfr tp-resizeme"
data-x="0"
data-y="70"
data-speed="600"
data-start="1200"
data-end="9400"
data-endspeed="600">Homepage-Baukasten </div>
<!-- LAYER NR. 3 -->
<div class="tp-caption light_gray_bg sfb medium tp-resizeme"
data-x="0"
data-y="170"
data-speed="600"
data-start="1600"
data-end="9400"
data-endspeed="600">Dein Platz </div>
<!-- LAYER NR. 3 -->
<div class="tp-caption light_gray_bg sfb medium tp-resizeme"
data-x="0"
data-y="220"
data-speed="600"
data-start="1800"
data-end="9400"
data-endspeed="600">für </div>
<!-- LAYER NR. 3 -->
<div class="tp-caption light_gray_bg sfb medium tp-resizeme"
data-x="0"
data-y="270"
data-speed="600"
data-start="2000"
data-end="9400"
data-endspeed="600">Kreativität </div>
<!-- LAYER NR. 11 -->
<div class="tp-caption sfr tp-resizeme"
data-x="right"
data-y="center"
data-speed="600"
data-start="2700"
data-end="9400"
data-endspeed="600"><img src="http://theme.webme.com/designs/globals/teaser/woman_02.png" alt="">
</div>
</li>
<!-- slide 1 end -->
<!-- slide 1 start -->
<li data-transition="random" data-slotamount="7" data-masterspeed="500" data-saveperformance="on" data-title="Premium HTML5 template">
<!-- main image -->
<img src="http://theme.webme.com/designs/globals/header/oldbookshelve.jpg" alt="slidebg1" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
<!-- LAYER NR. 1 -->
<div class="tp-caption default_bg large sfr tp-resizeme"
data-x="0"
data-y="70"
data-speed="600"
data-start="1200"
data-end="9400"
data-endspeed="600">Ohne Vorkenntnisse </div>
<!-- LAYER NR. 3 -->
<div class="tp-caption light_gray_bg sfb medium tp-resizeme"
data-x="0"
data-y="170"
data-speed="600"
data-start="1600"
data-end="9400"
data-endspeed="600">Sie brauchen nicht </div>
<!-- LAYER NR. 3 -->
<div class="tp-caption light_gray_bg sfb medium tp-resizeme"
data-x="0"
data-y="220"
data-speed="600"
data-start="1800"
data-end="9400"
data-endspeed="600">viele IT-Bücher zu lesen... </div>
<!-- LAYER NR. 11 -->
<div class="tp-caption sfr tp-resizeme"
data-x="right"
data-y="center"
data-speed="600"
data-start="2700"
data-end="9400"
data-endspeed="600"><img src="http://theme.webme.com/designs/globals/teaser/woman_06.png" alt="">
</div>
</li>
<!-- slide 1 end -->
<!-- slide 1 start -->
<li data-transition="random" data-slotamount="7" data-masterspeed="500" data-saveperformance="on" data-title="Premium HTML5 template">
<!-- main image -->
<img src="http://theme.webme.com/designs/globals/header/heaven1.jpg" alt="slidebg1" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
<!-- LAYER NR. 1 -->
<div class="tp-caption default_bg large sfr tp-resizeme"
data-x="0"
data-y="70"
data-speed="600"
data-start="1200"
data-end="9400"
data-endspeed="600">Inspiration </div>
<!-- LAYER NR. 3 -->
<div class="tp-caption light_gray_bg sfb medium tp-resizeme"
data-x="0"
data-y="170"
data-speed="600"
data-start="1600"
data-end="9400"
data-endspeed="600">Lassen Sie </div>
<!-- LAYER NR. 3 -->
<div class="tp-caption light_gray_bg sfb medium tp-resizeme"
data-x="0"
data-y="220"
data-speed="600"
data-start="1800"
data-end="9400"
data-endspeed="600">Ihren Gedanken </div>
<!-- LAYER NR. 3 -->
<div class="tp-caption light_gray_bg sfb medium tp-resizeme"
data-x="0"
data-y="270"
data-speed="600"
data-start="2000"
data-end="9400"
data-endspeed="600">freien Lauf </div>
<!-- LAYER NR. 11 -->
<div class="tp-caption sfr tp-resizeme"
data-x="right"
data-y="center"
data-speed="600"
data-start="2700"
data-end="9400"
data-endspeed="600"><img src="http://theme.webme.com/designs/globals/teaser/woman_07.png" alt="">
</div>
</li>
<!-- slide 1 end -->
</ul>
<div class="tp-bannertimer tp-bottom"></div>
</div>
</div>
<!-- slider revolution end -->
</div>
<!-- slideshow end -->
</div>
<!-- banner end -->
<!-- page-top start-->
<!-- ================ -->
<div class="page-top" style="min-height:500px;">
<div class="container">
<div class="row">
<div class="col-md-12">
<h1 class="title"></h1>
Der <a href="http://www.homepage-baukasten.de/">Homepage-Baukasten</a> arbeitet getreu dem Motto "Dein Platz für Kreativität" - das bedeutet, dass sich unsere User mithilfe vorgefertigter Designs eine eigene Homepage erstellen können.<br />
Die Features, die einem kostenfrei zur Verfügung gestellt werden, umfassen eine große Spanne: individuelles und auch professionelles Design, unbegrenzte Anzahl von Unterseiten, Extras wie Umfragen, ein eigenes Forum, und noch viel mehr kannst du im Baukasten nutzen.<br />
<br />
Im Dezember 2012 knackte der Homepage-Baukasten die 11 Millionen Mitglieder-Grenze. Mit einem Premium-Kundenstamm im fünfstelligen Bereich und mehreren tausend Neuanmeldungen täglich wächst der Baukasten immer weiter, und das nicht nur in seiner Heimat.<br />
<br />
Der große Erfolg des Baukastens in Deutschland hat den Geschäftsführer dazu veranlasst, das Modell auch international anzubieten. In Ländern wie England, Frankreich, Italien, Spanien, Türkei, Russland und auch Polen ist das System des Baukastens ebenfalls zu finden. Die länderspezifischen Kurzdomains (in Deutschland "beispiel.de.tl") sind mitunter ein garant für den Erfolg in jedem dieser Länder. <br />
Besonders zu erwähnen wäre dabei die Türkei, in der die türkische Version des Baukastens (<a href="http://www.bedava-sitem.com/">http://www.bedava-sitem.com/</a>) beim Werbeanalysedienst Alexa.com einen ausgezeichneten 90. Rang im Webseiten-Ranking belegt.<br />
<br />
Worauf wartest du also noch? Melde dich an einfach auf <a href="http://www.homepage-baukasten.de/">Homepage-Baukasten.de </a>an. Die Benutzung ist kinderleicht, es sind keinerlei Programmierkenntnisse nötig!<br />
<br />
Viel Spaß mit dem Baukasten wünscht dir<br />
<br />
Benjamin Lochmann<br /> </div>
</div>
</div>
</div>
<!-- page-top end -->
<!-- footer start (Add "light" class to #footer in order to enable light footer) -->
<!-- ================ -->
<footer id="footer">
<!-- .footer start -->
<!-- ================ -->
<div class="footer">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="footer-content">
<div class="row">
<div class="col-sm-4">
<p>Hier passen ein<br />
paar weitere<br />
Zusatzinformationen rein</p>
<ul class="social-links circle">
</ul>
</div>
<div class="col-sm-4">
<p>Hier ist<br />
ebenfalls Platz<br />
für etwas Zusatzinfo</p>
</div>
<div class="col-sm-4">
<p>Und noch eine<br />
dritte Spalte für Infos</p>
</div>
</div>
</div>
</div>
</div>
<div class="space-bottom hidden-lg hidden-xs"></div>
</div>
</div>
<!-- .footer end -->
<!-- .subfooter start -->
<!-- ================ -->
<div class="subfooter">
<div class="container">
<div class="row">
<div class="col-md-6">
<p>Copyright © 2015 webme GmbH</p>
<br>
</div>
<div class="col-md-6" style="text-align: right">
Heute waren schon 5 Besucher (45 Hits) hier!<br>
</div>
</div>
</div>
</div>
<!-- .subfooter end -->
</footer>
<!-- footer end -->
</div>
<!-- page-wrapper end -->
<!-- JavaScript files placed at the end of the document so the pages load faster
================================================== -->
<!-- Jquery and Bootstap core js files -->
<script type="text/javascript" src="http://theme.webme.com/designs/professional/bootstrap/js/bootstrap.min.js"></script>
<!-- Modernizr javascript -->
<script type="text/javascript" src="http://theme.webme.com/designs/professional/plugins/modernizr.js"></script>
<!-- jQuery REVOLUTION Slider -->
<script type="text/javascript" src="http://theme.webme.com/designs/professional/plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="http://theme.webme.com/designs/professional/plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<!-- Isotope javascript -->
<script type="text/javascript" src="http://theme.webme.com/designs/professional/plugins/isotope/isotope.pkgd.min.js"></script>
<!-- Owl carousel javascript -->
<script type="text/javascript" src="http://theme.webme.com/designs/professional/plugins/owl-carousel/owl.carousel.js"></script>
<!-- Magnific Popup javascript -->
<script type="text/javascript" src="http://theme.webme.com/designs/professional/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- Appear javascript -->
<script type="text/javascript" src="http://theme.webme.com/designs/professional/plugins/jquery.appear.js"></script>
<!-- Count To javascript -->
<script type="text/javascript" src="http://theme.webme.com/designs/professional/plugins/jquery.countTo.js"></script>
<!-- Parallax javascript -->
<script src="http://theme.webme.com/designs/professional/plugins/jquery.parallax-1.1.3.js"></script>
<!-- Contact form -->
<script src="http://theme.webme.com/designs/professional/plugins/jquery.validate.js"></script>
<!-- Initialization of Plugins -->
<script type="text/javascript" src="http://theme.webme.com/designs/professional/js/template.js"></script>
<!-- Custom Scripts -->
<script type="text/javascript" src="http://theme.webme.com/designs/professional/js/custom.js"></script>
</body>
</html>
