SurfersCo

PSD to HTML

Found a beautiful design and wanted to recreate it in exact and even better way.

It's pure fun not used in any commercial or profit way. It's practice while making a beautiful design.

What I done:

1. HTML / Sematic HTML5
2. CSS responsive / reset.css / SASS
3. JavaScript / jQuery / AJAX / JSON / Slider
4. GULP    
   a) Minify JavaScript and CSS    
   b) Autoprefixer    
   c) Cache    
   d) SASS watch
5. PHOTOSHOP

Video has custom controls made with JavaScript. Double click fullscreen. Click pause/play.

Slider is draggable with mouse or touch screen and is dynamically made.

It's done and running. Demo: http://brankoanokic.com/projects/Surfers/index.html

Compatibility tested with Desktop, Samsung Galaxy 6, iPad Pro 2017.

Speed test:

Designed by Luis Costa: https://www.dropbox.com/s/maquut3euef51w3/Surfers%20Co%20Free%20PSD%20Template.rar?dl=0