Variant HTML Builder by Medium Rare

Variant Pages

Save Page As

Import

Export

.html

.variant

Page Content

Edit title tag

Navigation Type

No Nav

Footer Type

No Footer

SHOW

Filter

Show All

Get HTML

Page Style

Colour Scheme

Typography

Get HTML

Load Previous Page

Start New Page

Save custom navigation

Give this nav menu a name so that you can retrieve it from 'Navigation Styles' at any time later on.

Cancel

Save

Save custom footer

Give this footer a name so that you can retrieve it from 'Footer Styles' at any time later on.

Cancel

Save

Save current page

Name and save the current page for later use.

Cancel

Save

Edit Link

Cancel

Save

Edit Image

Edit image src:

Edit image alt:

1280x800

Cancel

Save

Import Images

Edit Video Source

Edit MP4 Source:

Edit WEBM Source:

Edit OGV Source:

Cancel

Save

Edit Form

Form Embed Code:

Cancel

Save

Edit Icon

clear

Done

HTML Source Code

Select All

Download HTML file

Done

Clear Navs

Clear Footers

Clear Pages

Reset Image Gallery

Delete All

Cancel

Save

element type

Options >

Edit Link

Edit Image

Edit Video Source

Choose Icon

Expand Column

Shrink Column

Clone Whole Slide

Delete Whole Slide

Clone

Remove

				
<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>[title]</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all"/>
        <link href="css/et-line-icons.css" rel="stylesheet" type="text/css" media="all">
        <link href="css/pe-icon-7-stroke.css" rel="stylesheet" type="text/css" media="all">
        <link href="css/flexslider.min.css" rel="stylesheet" type="text/css" media="all"/>
        <link href="css/lightbox.min.css" rel="stylesheet" type="text/css" media="all"/>
        <link href="css/theme.css" rel="stylesheet" type="text/css" media="all"/>
        <link href="css/custom.css" rel="stylesheet" type="text/css" media="all"/>
        <link href="http://fonts.googleapis.com/css?family=Roboto:100,400,300,700,400italic,500%7CMontserrat:400,700" rel="stylesheet" type="text/css">
    </head>
    <body [optional-body-classes]>

				
		<script src="js/jquery.min.js"></script>
        <script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/TweenMax.min.js"></script>
		<script src="http://cdnjs.cloudflare.com/ajax/libs/gsap/latest/plugins/ScrollToPlugin.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/flexslider.min.js"></script>
        <script src="js/lightbox.min.js"></script>
        <script src="js/twitterfetcher.min.js"></script>
        <script src="js/spectragram.min.js"></script>
        <script src="js/smooth-scroll.min.js"></script>
        <script src="js/jquery.plugin.min.js"></script>
        <script src="js/placeholders.min.js"></script>
        <script src="js/countdown.min.js"></script>
        <script src="js/parallax.js"></script>
    	<script src="js/scripts.js"></script>
    </body>
</html>

Buy Now

Don't just build. Create.

Don't just build. Create.

Welcome to Machine

Create unique layouts in seconds with Machine

Don't just build. Create.

Don't just build. Create.

Don't just build. Create.

Machine steps in a bold, intuitive new direction for HTML templates.

Bespoke Digital Design

Machine offers a higher level of design and craftsmanship.

This is the page title

We craft elegant solutions and purposeful direction for startups.

Fullwidth Header

An Incredible Design

Next level page building

Bootstrap Goodness

Delivering ideas + innovation

Your ambitious ideas Our unwavering passion

Delivering ideas + innovation

Embed media at the click of a button with Variant

Manifesto

Our Services

We design for the ever-changing screen

E-Commerce Solutions

Enterprise Systems

Marketing + Strategy

We employ our unique methodology to ensure your campaign is successful

Our solutions are built from the ground-up to address your project requirements

Your final product will be tailor made and well supported by our friendly team

Our Expertise

Branding + Strategy

Our Promise

No Challenge Too Great

Our Philosophy

Teamwork Is An Artform

About Our Company

Vast experience meets ambitious vision.

Corporate design that oozes freshness

Ultra flexible layouts with intuitive page building

Join now and start living a healthier life

Machine reeks of confidence

Unprecedented style & flexibility

Take action now

Machine offers you truly complete control

Join Our Team

A proven process

Delivering corporate good looks with style

A template with vast application + potential

Get creative with custom blocks

Regular, community powered updates

User Experience & Engagement

Digital Strategy & Design

Market Research & Analysis

Unmatched Expertise

Vast experience meets ambitious vision.

Slick & Extensible

On Trend Design

Tons of Options

Dedicated Support Forum

Clear Direction

Digestible Information

Useful Elements

Work Inquiries

General Inquiries

Come Visit Us

Discover

Ideate

Build

Support

Engaging Layouts

Premium Support

Multiple Styles

Front End Development

Content Production

Web design and development

Product and package design

E-Commerce solutions

Let's give that dusty old business some shine

Our Philosophy

We'll let you know when we're ready..

Bespoke
Digital Design

Your ambitious ideas
Our unwavering passion

Corporate design that
oozes freshness

Ultra flexible layouts
with intuitive page building

Join now and start
living a healthier life

Machine offers you
truly complete control

Delivering corporate
good looks with style

Vast experience meets
ambitious vision.

Let's give that dusty old
business some shine

A brief guide to making and
selling successful HTML templates

Reliable partner in the processing of
all major credit cards sans fees

Variant page builder
makes setup a breeze

Consistent element set
gives you true flexibility

Top-notch support provided
via a dedicated forum

Build stunning layouts.
Customize content easily.

Save up big on
this season's looks

Don't miss out on our
final winter markdowns

A spicy rebranding
for this San Fran icon

A positive new image
for this fitness startup

Recent projects completed
for our fabulous clients

The ultimate guide on how to
build your own website.

An interesting new way to handle
vertical media queries.

Why getting away from the screen
is as good as a holiday.

Basic
Package

Value
Package

Heavy
Package