The most happy AMP theme to
develop, build, publish with great features.

These are the most important features among many of the Bones theme. Bones has been developed for Mobile environments, it works fast with 3G/4G connections and battery efficient.

Gulp.js

Gulp is the most popular/chosen task/build runner for development. It makes life much easier for developers especially If you're working with HTML.

Template Engine

Repetitive codes between many HTML files are boring. With Nunjucks you can create smart and clean files and build with GULP. Documentation covers usage.

LTR and RTL

When you get Bones you will receive English left to right language and Arabic right to left language packs separately. Check demo for both themes presented.

Works Offline

Your site will be available/browseable even user looses their internet connection. For example When user goes under a tunnel in subway and internet goes offline they can still navigate other pages.

Generic HTML

You do not need to know GULP or Nunjucks even documentation covers how to use those. There is also a builded generic HTML versions ready to edit of the theme.

Structured Data

Schema.org structured data is used for Bones theme. Your site will be even more SEO friendly. Sample detailed usage for Blogging is present within blog pages.

LTR and RTL in 1 Theme

Every feature Bones has both in LTR and RTL layout. English used for LTR and Arabic used for RTL.

Example Nunjucks Page

Nunjucks is a template engine. Allows you to create smart pages with variables and inclusions. It allows you to have better work environment. For example with generic HTML pages when you need to change a menu item of site you had to do it for every page but with Nunjucks you create a menu file and include it in every other file. When you make a change in menu for once, it becomes available on every page.

Nunjucks

copy
{% set
	pageData =
		{
			title: 'Home | Bones - HTML5, CSS3, AMP Responsive Theme',
			author: 'Mobius Studio',
			description: 'Bones is a website template for smart phones and tablets. It is built with HTML5, CSS3 and Google\'s AMP project rules.',
			keywords: 'premium theme, html5, css3, responsive, amp, accelerated mobile pages',
			canonical: 'http://localhost/bones/LTR/dist/index.html',

			contentFile: 'templates/contents/index.nunjucks',

			scripts: [
				{
					"src": "https://cdn.ampproject.org/v0/amp-install-serviceworker-0.1.js",
					"tags": {"attr": "custom-element", "val": "amp-install-serviceworker"}
				},
				{
					"src": "https://cdn.ampproject.org/v0/amp-image-lightbox-0.1.js",
					"tags": {"attr": "custom-element", "val": "amp-image-lightbox"}
				},
				{
					"src": "https://cdn.ampproject.org/v0/amp-carousel-0.1.js",
					"tags": {"attr": "custom-element", "val": "amp-carousel"}
				},
				{
					"src": "https://cdn.ampproject.org/v0/amp-sidebar-0.1.js",
					"tags": {"attr": "custom-element", "val": "amp-sidebar"}
				},
				{
					"src": "https://cdn.ampproject.org/v0/amp-vimeo-0.1.js",
					"tags": {"attr": "custom-element", "val": "amp-vimeo"}
				},
				{
					"src": "https://cdn.ampproject.org/v0/amp-accordion-0.1.js",
					"tags": {"attr": "custom-element", "val": "amp-accordion"}
				},
				{
					"src": "https://cdn.ampproject.org/v0.js"
				}
			],

			css: [
				"title",
				"icon_info_box",
				"blog_carousel",
				"grid_gallery_with_lightbox"
			],

			structuredData: '{
			"@context": "http://schema.org",
			"@type": "WebSite",
			"name": "Bones",
			"alternateName": "HTML5, CSS3 Responsive Mobile Theme",
			"description": "Bones is a website template for smart phones and tablets. It is built with Google\'s AMP project rules.",
			"url": "http://localhost/bones/LTR/dist/"
		}'
		}
%}
{% extends "templates/layout.nunjucks" %}

FAQ

These are the possible questions might be on your mind and short informative answers to them.

Why Would I Choose Bones?

Because creating websites with is so easy. When you understand the workflow of Gulp and Nunjucks you will be able to create dope websites in a very short time compared to other generic HTML themes in the market. Everything used for Bones is global and big companies are backing those projects up. Gulp is all around the web, AMP project is by Google and Nunjucks is backed up by Mozilla.

How do I request a feature?

You can request a feature by sending us a mail support@mobius.studio. When we get your mail about it We will evaluate if it can be implemented in Bones. Because AMP project has set some strict rules and boundaries to keep mobile web clean and fast. However We will do our best to provide that feature for you.