Add functionality and customize your Drupal application with thousands of projects contributed by our amazing community.

430 themes match your search

A theme is a set of files that define the visual look and feel of your site. You can use themes contributed by others or create your own. Learn more about creating and using Drupal themes.

HTML5

HTML5

What is this theme and why is it here?

This theme will be the official back-port of the theme-related work done in the Drupal 8 HTML5 initiative. We want everyone to be able to preview what's coming in Drupal 8 from a markup and CSS perspective. We want anyone to be able to easily review our progress without needing to create another install of an unstable, or unfamiliar version of Drupal.

How it is being developed?

For each theme-layer related change committed to Drupal 8, we'll attempt to implement a Drupal 7 version of that change, here in this theme. We'll track template files, theme functions and CSS files and anything else that is worthwhile and easy to implement in a theme. This won't be possible in every case, but we'll try our best.

Should I use this theme?

No. The purpose of this theme is for you to preview and track the progress of the HTML5 initiative. Over the next couple of years, this theme will be a constantly moving target and there will never be an official release, and it will not be supported like typical themes.

While you shouldn't use this theme for any serious project, you may want reference it. There will be lots of HTML5 and CSS improvements, that you might be interested in, and unless you are a certified theming ninja, you'll probably learn from it.

Get Involved with the HTML5 Initiative

Acta HTML5

Acta HTML5

Acta is Latin word. Acta means sea beach.
Acta HTML5 theme integrate sea beach concept in design and built upon advance bleeding edge technology of HTML5 and CSS3.

'Acta HTML5' is a two column fixed design (optimized for width 960px).

Features of theme

  • Table-less design.
  • Implement new advance cutting edge technology of HTML5 and CSS3.
  • Minimum use of images in theme design. So it's become more light weight and execute faster than old version.
  • Six regions to put blocks.
  • Design of Sea Beach at footer.

Upcoming Feature

  • Responsive. Next version will be Mobile friendly and device responsive.
  • Changeable background image/photo for entire theme through theme setting.

Quick step-by-step

Just install and follow the step-by-step guide and your simple but still good looking clean website is running within the hour.

Setting up a Drupal site involves many steps. This is some of the steps I usually go through when setting up a Drupal site with Acta Theme:

Install Drupal 7.x

Html5 Simplified

It is a simple html5 based theme with a clean and neat user interface. This theme is responsive and is grid based.

This theme will allow you to quickly develop a single page website. The theme by default comes along with demo content which will help the theme developers to better understand the structure of the theme. The demo content can be disabled from the theme configuration.

Features

HTML5 Base

This theme was originally conceived of as a place for a few dozen Drupal front-end developers to work together to figure out how best to get Drupal 7 to do HTML5. We had lots of debates and conversations, and wrote (re-wrote and re-wrote) its code. Several months into the process we decided to use HTML5 Base as a testing-ground to try out ideas for Drupal 8 core — a place get ideas running on real-world websites, and to use as a proof-of-concept for convincing others in the Drupal core community.

HTML5 Admin

A Drupal 7 theme developed from the HTML5 Admin project (http://www.html5admin.com)

OM 2 HTML5

OM Base Theme 2 Documentation

"OM" (AUM) - the source of everything. If you're looking for a simple, lightweight and with only the bare functionalities needed for your complex designs, OM base theme is for you. It's a professional base theme for a professional themer.

OM Base Theme helps reduce your custom theming work, making it easier and less time needed to develop a highly customized theme, unlike other base themes (with so many files and theme settings which can only be a huge baggage to carry later on), OM Base Theme has optimized codes to a minimum. As a result, you can easily migrate any existing web design templates to drupal since there's not much css overriding on a very simple base theme.

  • No complex css overriding, its core CSS is reduced to minimum.
  • Simplifies page.tpl.php structure, variables are grouped by default (a form of abstraction for common layouts), which made the layout more obvious. With this, it's easier to see how to make the wrapper and region divs and other elements in the layout.
  • And with its version 2, you can automate this process by using OM Subthemer.
  • Optional 12-column, 16-column and 24-column grid guides using 960 Grid System standards.

Defaulty HTML5

This is base html5 theme that supports content first design and semantic markup. It is a sandbox, it will probably always be a sandbox.

Features include:

  • Content First Design (nothing comes before the content).
  • Highly Customizable User Login/Registration pages.
  • Highly Customizable Maintenance Page.

This is the theme that I use on my personal sites. On my client sites I normally stick with a zen subtheme.

Editorial HTML5 UP

Editorial is a responsive theme templated by HTML5 UP. This theme is used for DrupalBook.org site.

Helios responsive html5

Helios desktop

A responsive theme, for Drupal8, templated by HTML5 UP and drupalized by Belle Epoque.

HTML live demo here

BaseLESS HTML5 Core Theme

A base theme dependent on LESS CSS preprocessor for hardcore themers. This base theme gives you full control over your css, no more tons of css overriding, and write less css with lessphp.

Drupal HTML5 Boilerplate

Drupal HTML5 Boilerplate is a theme project aimed at utilizing the fantastical HTML5 boilerplate by Paul Irish as a starter for your sub-themes in Drupal 7. The intent is to create a rock solid parent theme with all of the startup critical thinking being done for you and working perfectly out of the box. It's pretty much coated entirely in awesome sauce (or will be, one day).

To use Dictionary.com's reference, a boilerplate is "a copy made with the intention of making other copies from it".

html5boilerplate.com - "HTML5 Boilerplate is the professional badass's base HTML/CSS/JS template for a fast, robust and future-proof site.

HTML5 startup theme

Work in progress....

HTML 5 based theme to adaptive to responsive designs.

HTML5 Core Frame

No further development will take place in this sandbox.

HTML5 Boilerplate (html5boilerplate.com)

HTML5 Boilerplate is a project aimed at utilizing Paul Irish's fantastical HTML5 boilerplate as a starter for your sub-themes in Drupal 7. The intent is to create a rock solid parent theme with all of the startup critical thinking being done for you and working perfectly out of the box. It's pretty much coated entirely in awesome sauce.

To use Dictionary.com's reference, a boilerplate is "a copy made with the intention of making other copies from it".

html5boilerplate.com - "HTML5 Boilerplate is the professional badass's base HTML/CSS/JS template for a fast, robust and future-proof site.

After more than two years in iterative development, you get the best of the best practices baked in: cross-browser normalization, performance optimizations, even optional features like cross-domain Ajax and Flash. A starter apache .htaccess config file hooks you the eff up with caching rules and preps your site to serve HTML5 video, use @font-face, and get your gzip zipple on.

Mobile HTML5 Omega Example Subtheme

This is a very simple Omega 3.x subtheme that:

  1. Marks the site as being web-application capable (iOS)
  2. Sets the title bar to be translucent (iOS)
  3. Adds a startup screen image (iOS)
  4. Adds home screen icons of reasonable sizes (iOS and Android)

WisDOM

Fully integrated HTML5 theme with mobile capabilities.

Very simple html5 theme for photo studio

Welcome to Flash Portfolios, the exclusive personal boutique makeover and budoir photographic studio for singles and couples. Flash Portfolios is a cutting edge boutique photographic studio based in the heart of the City of London’s trendy Shoreditch, amongst the bustling nightspots and some of London’s renown arty cafés, nightclubs and places to eat and drink. We pride ourselves in being able to give you a truly relaxed and enjoyable experience tailored to whatever your imaging needs may be.

Awesome Labs

Simple and yet professional looking HTML5 theme based on Omega.

Zen

Zen

Zen is a modern, powerful, HTML5 starting theme with component-based CSS and a responsive, mobile-first grid design. If you are building your own standards-compliant theme, you will find it much easier to start with Zen than to start with Bartik or Stark. This theme has fantastic online documentation and tons of helpful code comments in its JavaScript, PHP, HTML, CSS and Sass.

Zen now comes with modern front-end development practices!

HTML5 RTL Mobile-first Components Style guide Task runner
7.x-6.x Dot Dot Dot Dot Dot Dot
7.x-5.x Dot Dot Dot

Conk

Conk is an HTML5 responsive base theme geared toward ease of use.

Bootstrap for Drupal

Logo

This project aims to provide a pragmatic theme fully integrated into Bootstrap 4 and the best possible experience out of the box: right after Drupal installation: All native Drupal blocks and menus are placed and stylized along with all native pages and forms.It also aim to be a Bootstrap 4 base solution for developers with SCSS files provided.

Comments, Forum and books are stylized. Multilingual support (language icon in the main navigation). Print Version.

This theme feature an advanced main navigation for desktop and mobile with a dynamic search bar.

Demo

Hawidu

Hawidu is an html5 Drupal theme implementation of the Hawidu CSS methodology.

Pages