One-page responsive website converted from PSD

This site was created using Adobe CC 2017 versions of Dreamweaver and Photoshop and has the following features:

  • Onepage format with smooth scrolling
  • Fully responsive
  • Tabs change into accordion on mobiles
  • Responsive Carousel
  • Includes a reset.css file
  • Used both downloaded as well as online fonts
  • Sticky nav-bar after some scrolling

How the site looks on desktops:

This slideshow requires JavaScript.

The number of images in the carousel changes when viewed on tablets:

psdtohtml_onepage_responsive_06

The number of images in the carousel changes when viewed on mobile phones and the tabs also change into accordion:

Demo sites for clients (responsive)

I also created a number of responsive sites for demo purposes and to keep track of the many modules under development for the same client. These sites were standardized by me giving the ability to make minor changes and re-use them for multiple projects and clients. The data was stored in an XML file so only that single file was updated to add/remove/modify content.

This slideshow requires JavaScript.