Back to Top
The nuts and bolts for
Creative web development

Universal Responsive Design Template

“Quick, easy to customize and affordable website template ”

Designed with a multiple fluid grid layout, this template can be used for a website that will look amazing on a desktop, phone or other devices. Its simple visually oriented layout illustrates how website will look like and can be customized easily.

You need to have the required extensions installed in Dreamweaver in order to install the template.

Overview

Desktop Home Page

The desktop home layout fits any modern browser on a screen resolution from 769px(width) and above. The slideshow fits the screen by 100%. Text and image boxes are aligned next to each other along the width.

Desktop Inner Page Full

The desktop inner layout fits any modern browser on a screen resolution from 769px(width) and above.

 

Desktop Inner Page with Sidebar

The desktop inner page with sidebar layout fits any modern browser on a screen resolution from 769px(width) and above.

 

Tablet Home

The tablet layout fits any tablet device with a screen resolution from 481px up to 768px. The slideshow fits the screen width by 100%. The text boxes are aligned one under other and the image boxes are paired along the width in 2 columns.

 

Phone Home

The home layout fits any mobile device with a screen resolution from 480px and below.The slideshow fits the screen width by 100%. The text boxes are aligned one under other and the image boxes are paired along the width in 2 columns.

Showcases


  • Responsive Portfolio Showcase

    For this showcase we used the DMXzone Responsive Text extension so you can explore it on any desktop resolution as well as on various devices.

  • Property For Sale Showcase

    For this showcase we used the Universal Responsive Design Template. The CSS customized Universal CSS Navigation Menu serves as a website navigation through the pages and has curved shadow added with ...

  • Universal Responsive Design Showcase

    For this showcase we used the already customized Universal CSS Navigation Menu, awesome images to supply the HTML5 Slideshow in the header, great images for the thumbnails and DMXzone Google Maps ...

Extensions Required



Google Maps Drawing Add-on

Sketch anything you want directly in Dreamweaver

Google Maps Drawing Add-on is a fully integrated Drawing Editor and allows you to sketch anything you want directly in Dreamweaver. Just pick the place on the map that you need to work on and start drawing. You can draw directions, different shapes such as rectangles, circles or even polygons to highlight certain parts of the map. You can choose any color, set up opacity and stroke. The Add-on also works greatly in our amazing Advanced HTML Editor 3, where you have all its ...

Read More


DMXzone Google Maps

Empower full featured Google Maps in Dreamweaver!

DMXzone Google Maps is a Dreamweaver extension that enables you to unleash the power of Google Maps in just a few clicks. Add markers to cities, addresses, businesses and events with info balloons on interactive, annotated maps and integrate them in your websites! Let your visitors browse a dynamic or static map and find what they are looking for as quickly as possible. You can change marker images, show rich tooltips, pan to location and tons of other features all set up in a world featuring ...

Read More


HTML5 Slideshow

Create Mind-Blowing HTML5 Presentations!

Bring your photos to life in an amazing HTML5 slideshow in Dreamweaver. The Slideshow photo gallery is built with jQuery, is CSS based and uses HTML5 W3C standard elements like the Canvas and CSS3 Transitions, when available, for the highest animation quality and no Flash at all – so it runs on all iDevices smoothly!Choose amazing effects from the famous director, Ken Burns to slowly zoom and pan across your photos, or use the many transitions available. The slideshow includes ...

Read More


Universal CSS Navigation Menu

Create all kind of great web site navigation menus

The Universal CSS Navigation Menu for Dreamweaver allows you to create all kind of great web site navigation menus: Cascading Drop down Menus, Mega Menus, Popup or Context Menus. The menus use great display animations, are CSS based and fully cross browser compatible, which makes them search engine friendly, easy to use and very stylish. Choose from the 13 supplied CSS designs, adjust them or create your own to fully suite your site.

Read More

George Petrov

George PetrovGeorge Petrov is a renowned software writer and developer whose extensive skills brought numerous extensions, articles and knowledge to the DMXzone- the online community for professional Adobe Dreamweaver users. His expertise in countless languages and technologies gives inspiration and teach valuable lessons on his website – DMXzone.com which is most popular for its over high-quality Dreamweaver extensions and templates.

See All Postings From George Petrov >>

Share this Article