Explore Indonesia is a fictional tour guide company that offers personalized tours and experiences for travelers visiting Indonesia. website was designed to showcase the beauty of Indonesia and provide information about the country. The website was built using HTML, CSS, JavaScript, VenoBox, GSAP, Google Fonts, Video.js, and Splide.js.
-
HTML5
-
CSS3
-
JavaScript
-
VenoBox,
-
GSAP
-
Video.js
-
Splide.js
-
Google Fonts
-
Responsive design that adapts to different screen sizes and devices.
-
Cross-browser compatibility for the latest versions of popular browsers.
-
Animated hero section with a search, blogs,videos feed.
-
Explore Our Secrets through the carousel slider.
-
Gallery with photos of the places visited on the tours (lightbox effect).
-
Prograss bar on the side shows which section you are in.
-
Getting there section step by setp guide (Time-line).
-
Footer section with links to social media pages.
- RESET
1.1 CUSTOM REST
- ROOTS
2.1 FONT-SIZE
2.3 COLORS
2.4 SPACING
- ANIMATION
- HEADER
4.1 SEARCH ICON
4.2 PROGRESS BAR
- HERO
- ARTICLE
- FIND OUR SECRET
- MAP
- VIDEO
- GALLERY
- GETTING STARTED
- FOOTER
- BACK TO TOP
- MEDIA QUIRES
14.1 HAMBURGER MENU
14.2 MEDIA QUERIES FOR MOBILE
14.3 TABLET MEDIA QUIRES
- VenoBox: a responsive jQuery lightbox plugin
- GSAP: a JavaScript animation library
- Google Fonts: a library of free and easy-to-use web fonts
- Video.js: an open-source HTML5 video player
- Splide.js: a lightweight and responsive slider plugin
- https://www.freefigmatemplates.com/gallery/free-figma-travel-holiday-landing-page
- All images used on this website were obtained from Unsplash
- The fonts used on this website were obtained from Google Fonts
- The VenoBox, GSAP, Video.js, and Splide.js libraries were used to add interactivity and animation to the website.