Zurück nach oben

Meine Homepage

Impressum

Impressum

Angaben gemäß § 5 TMG:

...

Kontakt:

Telefon:  
E-Mail: info@webteck-musik.de

Quellenangaben für die verwendeten Bilder und Grafiken:

Aus kostenlosen Bilder Mediatheken!

 

Quelle: http://www.e-recht24.de




  <!DOCTYPE html>
  <!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
  <!--[if IE 7]><html class="no-js lt-ie9 lt-ie8"> <![endif]-->
  <!--[if IE 8]><html class="no-js lt-ie9"> <![endif]-->
  <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  <!-- templatemo 416 xenon -->
  <!--
  Xenon Template
  http://www.templatemo.com/preview/templatemo_416_xenon
  -->
  <head>
  <meta charset="utf-8">
  <title>Xenon Design Template by templatemo</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width">
   
  <!-- Bootstrap Stylesheet -->
  <link rel="stylesheet" href="css/bootstrap.min.css">
   
  <!-- FontAwesome Icons -->
  <link rel="stylesheet" href="css/font-awesome.min.css">
   
  <!-- Google Font -->
  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800' rel='stylesheet' type='text/css'>
   
  <!-- Normailize Stylesheet -->
  <link rel="stylesheet" href="css/normalize.min.css">
   
  <!-- Main Styles -->
  <link rel="stylesheet" href="css/templatemo_style.css">
   
  <script src="js/vendor/modernizr-2.6.2.min.js"></script>
   
  </head>
  <body>
  <!--[if lt IE 7]>
  <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
  <![endif]-->
   
  <header class="site-header" id="top">
  <nav class="navbar navbar-default navbar-fixed-top">
  <div class="container">
  <div class="row">
  <div class="navbar-header">
  <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#main-menu">
  <span class="sr-only">Toggle navigation</span>
  <i class="fa fa-bars"></i>
  </button>
  <div class="logo-wrapper">
  <a class="navbar-brand" href="#">
  <em>Xenon</em> Design
  <span class="logo-s"></span>
  </a>
  </div>
  </div>
  <div class="collapse navbar-collapse" id="main-menu">
  <ul class="nav navbar-nav navbar-right">
  <span class="nav-s"></span>
  <li class="active"><a href="#top">Home</a></li>
  <li><a href="#product-inner">Products</a></li>
  <li><a href="#portfolio">Work</a></li>
  <li><a href="#promotion">Promotion</a></li>
  <li><a href="#contact">Contact</a></li>
  </ul>
  </div>
  </div>
  </div>
  </nav>
  </header>
   
  <div class="top-section">
  <div class="container">
  <div class="row">
  <div class="col-md-6">
  <div class="image-holder">
  <img src="images/1.png" alt="">
  </div>
  </div>
  <div class="col-md-6">
  <h4>MOBILE WEBSITE</h4>
  <h3>CLEAN AND MINIMAL</h3>
  <h5>FREE TEMPLATES by templatemo.com</h5>
  <p><a rel="nofollow" href="http://www.templatemo.com/preview/templatemo_416_xenon">Xenon Design</a> is <a rel="nofollow" href="http://www.templatemo.com/page/1">free website template</a> by templatemo. <strong>Xenon</strong> is a responsive Bootstrap HTML5 layout that is available to download, edit and use for any website. Credits go to <a rel="nofollow" href="http://www.smashingmagazine.com/2012/11/20/art-professions-icons-png/">Art Professions</a> Icon Set by Smashing Magazine and <a rel="nofollow" href="http://unsplash.com">Unsplash</a> for images used in this template.
  <br><br>You can remove anything from this 100% free template. You do not need to provide a credit link to templatemo.</p>
  <a rel="nofollow" href="http://www.templatemo.com/preview/templatemo_416_xenon" class="button">Get it Now</a>
  </div>
  </div>
  </div>
  </div>
   
  <div id="products">
  <div class="container">
  <div class="row" id="product-inner">
  <div class="col-md-4 product-item text-center">
  <div class="image-holder">
  <img src="images/2.png" alt="">
  </div>
  <h4>MULTIMEDIA FILM</h4>
  </div>
  <div class="col-md-4 text-center">
  <div class="circle">
  <h3>WHATS NEW<br> FOR YOU?</h3>
  </div>
  </div>
  <div class="col-md-4 product-item text-center">
  <div class="image-holder">
  <img src="images/3.png" alt="">
  </div>
  <h4>CREATIVE DESIGN</h4>
  </div>
  </div>
  </div>
  </div>
   
  <div id="portfolio">
  <div class="container" id="Grid">
  <div class="row">
  <div class="col-md-12 text-center title">
  <h2>OUR PORTFOLIO</h2>
  <span>WHAT WE HAVE DONE</span>
  </div>
  </div>
  <div class="row">
  <div class="col-md-12 text-center">
  <ul class="filters">
  <li class="active filter" data-filter="all">All</li>
  <li class="filter" data-filter="responsive">Responsive</li>
  <li class="filter" data-filter="creative">Creative</li>
  <li class="filter" data-filter="illustration">Illustration</li>
  <li class="filter" data-filter="nature">Nature</li>
  <li class="filter" data-filter="graphic">Graphic</li>
  </ul>
  </div>
  </div>
  <div class="row">
  <div class="col-md-3 col-sm-6 mix responsive">
  <div class="work-item">
  <div class="image-holder">
  <img src="images/gallery/1.jpg" alt="">
  <div class="overlay">
  <a href="images/gallery/1.jpg" data-rel="lightbox">
  <i class="fa fa-search"></i>
  </a>
  </div>
  </div>
  <h4>RESPONSIVE ONE</h4>
  <span>Responsive</span>
  </div>
  </div>
  <div class="col-md-3 col-sm-6 mix nature">
  <div class="work-item">
  <div class="image-holder">
  <img src="images/gallery/2.jpg" alt="">
  <div class="overlay">
  <a href="images/gallery/2.jpg" data-rel="lightbox">
  <i class="fa fa-search"></i>
  </a>
  </div>
  </div>
  <h4>BUTTERFLY ONE</h4>
  <span>Nature</span>
  </div>
  </div>
  <div class="col-md-3 col-sm-6 mix creative illustration">
  <div class="work-item">
  <div class="image-holder">
  <img src="images/gallery/3.jpg" alt="">
  <div class="overlay">
  <a href="images/gallery/3.jpg" data-rel="lightbox">
  <i class="fa fa-search"></i>
  </a>
  </div>
  </div>
  <h4>CREATIVE MIX ONE</h4>
  <span>Creative, Illustration</span>
  </div>
  </div>
  <div class="col-md-3 col-sm-6 mix graphic">
  <div class="work-item">
  <div class="image-holder">
  <img src="images/gallery/4.jpg" alt="">
  <div class="overlay">
  <a href="images/gallery/4.jpg" data-rel="lightbox">
  <i class="fa fa-search"></i>
  </a>
  </div>
  </div>
  <h4>FIRST GRAPHIC</h4>
  <span>Graphic</span>
  </div>
  </div>
  <div class="col-md-3 col-sm-6 mix nature">
  <div class="work-item">
  <div class="image-holder">
  <img src="images/gallery/5.jpg" alt="">
  <div class="overlay">
  <a href="images/gallery/5.jpg" data-rel="lightbox">
  <i class="fa fa-search"></i>
  </a>
  </div>
  </div>
  <h4>BUTTERFLY TWO</h4>
  <span>Nature</span>
  </div>
  </div>
  <div class="col-md-3 col-sm-6 mix graphic">
  <div class="work-item">
  <div class="image-holder">
  <img src="images/gallery/6.jpg" alt="">
  <div class="overlay">
  <a href="images/gallery/6.jpg" data-rel="lightbox">
  <i class="fa fa-search"></i>
  </a>
  </div>
  </div>
  <h4>SECOND GRAPHIC</h4>
  <span>Graphic</span>
  </div>
  </div>
  <div class="col-md-3 col-sm-6 mix creative responsive">
  <div class="work-item">
  <div class="image-holder">
  <img src="images/gallery/7.jpg" alt="">
  <div class="overlay">
  <a href="images/gallery/7.jpg" data-rel="lightbox">
  <i class="fa fa-search"></i>
  </a>
  </div>
  </div>
  <h4>RESPONSIVE CREATIVE</h4>
  <span>Responsive, Creative</span>
  </div>
  </div>
  <div class="col-md-3 col-sm-6 mix creative illustration">
  <div class="work-item">
  <div class="image-holder">
  <img src="images/gallery/8.jpg" alt="">
  <div class="overlay">
  <a href="images/gallery/8.jpg" data-rel="lightbox">
  <i class="fa fa-search"></i>
  </a>
  </div>
  </div>
  <h4>CREATIVE MIX TWO</h4>
  <span>Creative, Illustration</span>
  </div>
  </div>
  </div>
  </div>
  </div>
   
  <div id="bottom-section">
  <div class="container" id="promotion">
  <div class="row">
  <div class="col-md-6">
  <div class="left-one text-center">
  <h1>IDEAS <em>COME</em> FROM YOUR <em>MIND</em></h1>
  <div class="image-holder">
  <img src="images/4.png" alt="">
  </div>
  </div>
  </div>
  <div class="col-md-6">
  <div class="right-one">
  <div class="title text-right">
  <h3>PROMOTION</h3>
  <span>THE BEST OFFER FROM US</span>
  </div>
  <div class="text-left">
  <h4>Web Design Services</h4>
  <ul>
  <li>Quisque cursus mi nunc quis mollis justo suscipit sed.</li>
  <li>Etiam dapibus ante a nisl euismod vitae tristique nunc vehicula.</li>
  <li>In consequat ligula sit amet fermentum luctus.</li>
  <li>Cras dignissim posuere dolor eget mollis aliquam erat volutpat.</li>
  <li>Nullam aliquet euismod elementum elit tincidunt ac bibendum.</li>
  <li>Pellentesque in tellus pharetra lobortis nunc.</li>
  </ul>
  </div>
  </div>
  </div>
  </div>
  <div class="row">
  <div class="col-md-8 col-md-offset-4">
  <div class="video-holder text-center">
  <h3>Australia's Gold Coast Video</h3>
  <iframe src="http://player.vimeo.com/video/103076330" width="853" height="430" allowfullscreen></iframe>
  </div>
  </div>
  </div>
  </div>
  <div class="container" id="contact">
  <div class="row">
  <div class="col-md-5">
  <div class="contact-form">
  <h2>CONTACT US</h2>
  <span>SEND A MESSAGE</span>
  <form action="#" method="post">
  <div class="row">
  <fieldset class="col-md-6">
  <input type="text" name="name" id="name" placeholder="Name...">
  </fieldset>
  <fieldset class="col-md-6">
  <input type="email" name="email" id="email" placeholder="Email Address...">
  </fieldset>
  <fieldset class="col-md-12">
  <textarea name="message" id="message" placeholder="Message..."></textarea>
  </fieldset>
  <fieldset class="col-md-12">
  <input type="submit" id="button-message" value="Send Message">
  </fieldset>
  </div>
  </form>
  </div>
  </div>
  <div class="col-md-7">
  <div class="right-contact text-center">
  <h1>WE ARE HERE TO HELP YOU</h1>
  <div class="image-holder margin-bottom">
  <img src="images/5.png" alt="">
  </div>
  </div>
  </div>
  </div>
  <div class="row">
  <div class="col-md-9">
  <h3>321 Thamine Street, Digital Estate, Yangon 10110, Myanmar</h3>
  <div class="map-holder">
  <div id="map_canvas" class="map-canvas"></div>
  </div>
  </div>
  </div>
  </div>
  </div>
   
  <footer>
  <div class="container">
  <div class="row">
  <div class="col-md-6 col-sm-6">
  <p>Copyright © 2084 Your Company Name | Design: <a href="http://www.templatemo.com">templatemo</a></p>
  </div>
  <div class="col-md-6 col-sm-6">
  <ul class="social">
  <li><a href="#" class="fa fa-facebook"></a></li>
  <li><a href="#" class="fa fa-twitter"></a></li>
  <li><a href="#" class="fa fa-instagram"></a></li>
  <li><a href="#" class="fa fa-google-plus"></a></li>
  </ul>
  </div>
  </div>
  </div>
  </footer>
   
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
  <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.1.min.js"><\/script>')</script>
   
  <script src="js/bootstrap.min.js"></script>
  <script src="js/plugins.js"></script>
  <script src="js/main.js"></script>
   
   
  <!-- Google Map -->
  <script src="http://maps.google.com/maps/api/js?sensor=true"></script>
  <script src="js/jquery.gmap3.min.js"></script>
   
  <!-- Google Map Init-->
  <script type="text/javascript">
  jQuery(function($){
  $('#map_canvas').gmap3({
  marker:{
  address: '16.8496189,96.1288854'
  },
  map:{
  options:{
  zoom: 15,
  scrollwheel: false,
  streetViewControl : true
  }
  }
  });
  });
  </script>
   
  </body>
  </html>

Zurück nach oben

Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden