PSD -> HTML (Bootstrap 4, SASS, GSAP) Website

  • Posted
  • Proposals 22
  • Remote
  • #1733269
  • Expired
Vlad K.Waqas A.Arif R.Suvashish H.Rahat A. + 17 others have already sent a proposal.
  • 6

Description

Experience Level: Expert
Estimated Job duration: 1 - 2 weeks
General information for the website: We need a frontend Dev who could code us a perfect Frontpage Video Slider and a simple Content Page.
Kind of development: New website from scratch
Num. of web pages/modules: 2
Description of every page/module: Hi,

I need someone who could design a Frontpage with a

1. Fullscreen Video Slider
2. Content Page.

- The Design which should be implemented is in the attachment .zip file.


Material:

- We will send you the psd files and additional material which you need to implement the website.
- You can use whatever background video what you like


Regards
Description of requirements/features: Common Requirements:

- Responsive! Please adapt the psd for mobile phones / tablets !
- Mobile First - if possible. Use Bootstrap @include media-breakpoint-up(sm-xl) Media Queries
- You can disable the video on mobile if its too performance heavy.

Technical Requirements:

- Bootstrap 4 ! (Latest Beta Build)
-- Please use reusable Classes.
-- SASS Variables for Colors and so on.

- jquery or es6 possible
- GSAP TweenMax, TimelineMax
- Background Videos (https://github.com/dvlden/Vidage)
- Slider (http://kenwheeler.github.io/slick/)

Please implement the code with the following
libraries / tips & tricks or suggest something better
but don't skip this part:


- We use a lazyload library for images and also try to keep the aspect ratio on images
https://github.com/verlok/lazyload
https://github.com/verlok/lazyload#tips--tricks

- Please use srcset and sizes for images.
https://ericportis.com/posts/2014/srcset-sizes/



- Use SVG where it's possible (icons / illustrations)
- We care for code quality and best practice implementations! Open for suggestions!
Extra notes:

Clarification Board

    There are no clarification messages.