Our markup layout is pretty straight forward, and the example below shows a basic HTML template for you to start. We encourage you to go to the examples or the app starter kits section and look at some starting points.
<!--includes meta tags, title and more header definitions-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<title>A page title</title>
<!-- Furatto core CSS -->
<link href="/dist/css/furatto.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
Meta Viewport tag
This is used to make sure smaller devices use the correct width as the viewporth width, as well as it prevents the zoom in/out gesture. Also includes edge IE support.
We included the normalize.css and furatto.css in the head tag. You can use wheter the minified or full version of the compiled CSS.
The JS is linked up before the closing tag , in order to improve performance, as well as it contains all the necessary plugins and initializers to get up and running.
The default font family for Furatto is Open Sans which we included on the <head> tag of the document in order to allow parallel downloads of the assets. And you should too.