my code stock.com

af@af-webconsulting.de

Blank HTML responsive Template
by [email protected]

This is a pure template in HTML5 with all meta tags and js for a responsive webdesign. It is based on jQuery and will serve as a base for Bootstrap.

Snippet options

Download: Download snippet as blank-html-responsive-template.html.
Copy snippet: For this you need a free my code stock.com account.
Embed code : You will find the embed code for this snippet at the end of the page, if you want to embed it into a website or a blog!

<!DOCTYPE html>
<html lang="de">
  <head>
    <base href="http://www.yourdomain.com" target="_top">
    <meta http-equiv="content-language" content="de">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="description" content="Your descrption" lang="de">
    <meta name="keywords" content="Your keywords" lang="de">
    <meta name="abstract" lang="de" content="Your abstract">
    <meta http-equiv="cleartype" content="on">
    <meta name="viewport" content="width=device-width, initial-scale=.96">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="your app title">
    <meta http-equiv="content-type" content="text/html; charset=us-ascii">
    <meta http-equiv="expires" content="86400">
    <meta http-equiv="cache-control" content="no-cache">
    <meta name="pragma" content="cache">
    <meta name="cache-control" content="cache">
    <meta name="MSSmartTagsPreventParsing" content="true">
    <meta name="imagetoolbar" content="false">
    <meta name="format-detection" content="telephone=no">		
    <meta name="author" content="Your author">
    <meta name="publisher" content="Your publisher">
    <meta name="copyright" content="Your responsible">
    <meta name="date" content="2013-08-27">
    <meta name="robots" content="index, follow">
    <meta name="revisit-after" content="30 days">
    <meta http-equiv="content-script-type" content="text/javascript">
    <meta http-equiv="content-script-style" content="text/css">
    <link rev="made" href="mailto:Your email">
    <meta link="shortcut icon" href="favicon.ico">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" href="http://yourdomain.com/apple-touch-icon.png" />
    <link rel="apple-touch-icon-precomposed" href="http://yourdomain.com/apple-touch-icon.png" />	
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://yourdomain.com/apple-touch-icon.png" />
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://yourdomain.com/apple-touch-icon-114-precomposed.png" />
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://yourdomain.com/apple-touch-icon-72-precomposed.png" />
  	<link rel="apple-touch-icon-precomposed" sizes="57x57" href="http://yourdomain.com/apple-touch-icon-57-precomposed.png" />
  	<link rel="apple-touch-icon-precomposed" sizes="48x48" href="http://yourdomain.com/apple-touch-icon-48-precomposed.png" />
  	<link rel="apple-touch-icon-precomposed" sizes="29x29" href="http://yourdomain.com/apple-touch-icon-29-precomposed.png" />
  	<link rel="apple-touch-startup-image" href="http://yourdomain.com/apple-touch-startup-image.png" />
    <link rel="apple-touch-startup-image" media="(device-width: 320px)" href="http://yourdomain.com/apple-touch-startup-image.png" />
    <link href="apple-touch-startup-image-640x920.png" media="(device-width: 320px) and (-webkit-device-pixel-ratio: 2)" rel="apple-touch-startup-image" />
    <meta name="distribution" content="global">
    <meta name="siteinfo" content="http://yourdomain.com/robots.txt">
    <link rel="canonical" href="http://yourdomain.com">
    <meta name="original-source" content="http://yourdomain.com">
    <meta name="geo.region" content="DE">
    <meta name="DC.title" content="Your website title">
    <title>
      Your website title</title>
    <meta property="og:image" content="http://yourdomain.com/img/af_logo_web.png">
    <meta property="og:title" content="Your website title">
    <meta property="og:description" content="Your website description" />
    <meta property="og:url" content="http://yourdomain.com">
    <meta property="og:country-name" content="DE">
    <meta property="og:email" content="Your email adress">
   <meta name="twitter:card" content="summary">
    <meta name="twitter:site" content="@Your twitter name">
    <meta name="twitter:creator" content="@Your twitter name">
   <meta name="twitter:title" content="Your website title">
    <meta name="twitter:description" content="Your website description">
    <meta name="twitter:image" content="http://yourdomain.com/img/af_logo_web.png">
    <link href="css/styles.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="http://yourdomain.com/css/bootstrap.min.css">
    <!--[if lt IE 9]>
      <script src="js/html5shiv-printshiv.js"></script>
      <script src="js/css3-mediaqueries.js"></script>
    <![endif]-->
  </head>
  <body>
    <a href="#content" class="sr-only">Switch to content.</a>
    <div class="container" id="content">
      Hello World!
    </div>
   <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
   <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
   <script>
      if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
          var msViewportStyle = document.createElement("style")
          msViewportStyle.appendChild(
            document.createTextNode(
              "@-ms-viewport{width:auto!important}"
            )
          )
          document.getElementsByTagName("head")[0].appendChild(msViewportStyle)
      }
     if (navigator.userAgent.indexOf('iPhone') != -1) {
        addEventListener("load", function() {
        setTimeout(function() { window.scrollTo(0, 60); }, 0);
     }, false);
  }
    	(function(a,b,c){if(c in b&&b[c]){var d,e=a.location,f=/^(a|html)$/i;a.addEventListener("click",function(a){d=a.target;while(!f.test(d.nodeName))d=d.parentNode;"href"in d&&(d.href.indexOf("http")||~d.href.indexOf(e.host))&&(a.preventDefault(),e.href=d.href)},!1)}})(document,window.navigator,"standalone")
    </script>
  </body>
</html>

Create a free my code stock.com account now.

my code stok.com is a free service, which allows you to save and manage code snippes of any kind and programming language. We provide many advantages for your daily work with code-snippets, also for your teamwork. Give it a try!

Find out more and register now

You can customize the height of iFrame-Codes as needed! You can find more infos in our API Reference for iframe Embeds.