PSD -> HTML (Bootstrap 4, SASS, GSAP) Website
- or -
Post a project like this$$$
- Posted:
- Proposals: 15
- Remote
- #1733269
- Expired
Providing strategic digital solutions to small and mid-size businesses by building them a robust web presence that converts visitors into customers
Lucknow
Wordpress / Mobile app development/ jQuery / Magento / ROR / PSD / Drupal / Concrete5 / CSS / Javascript / API's
York
Web Designer ( Front end developer ) skills : Html5,CSS3, Bootstrap,Responsive Design, parallax , javascript, jquery and Angularjs
Chandigarh
13495041859408159734720842027496597433052055611001761643063209151830889893980
Description
Experience Level: Expert
Estimated project 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:
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:
Kevin K.
100% (1)Projects Completed
1
Freelancers worked with
1
Projects awarded
20%
Last project
18 Apr 2017
Austria
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies