-
A Fully Responsive static landing page for promoting tourism in the hills.
-
Pack your bags. We’re going on vacation!
It should activate the travel bug with vibrant imagery and vivid copy. And while photos can do a lot of the work in inspiring visitors, a travel site can’t accomplish its purpose without great web design.
Web design plays a major role in visitors’ first impressions of a business. In fact, in one study, when participants were asked why they distrusted a website, 94% of the comments were about design.
-
The website is made fully responsive without using any framework in first place.
-
Pure basis CSS3 and SCSS is used for learning purpose.
-
No fluid layout used for responsiveness like grids and flexbox.
Clone the repo and type following commands in terminal after opening the directory in IDE
- Install the necessary dependencies from npm by doing
npm installin root directory. - Use
npm run startto start the functionality. - use
npm run build:cssto build the css and start the server at local host 3030 - Enjoy the design !
- Model-View-Controller (MVC) architectural model applied!
- Font transformation on zoom-in zoom-out (3R Rule applied).
- Advance CSS3 animations and hover effects in buttons, cards and form.
- Advance css3 properties like clip, media query and animation used.
- Custom checkbox button.
- Responsive images and design using pixel density selection and new
- Reusable and redable code for every element.
