parallax sections Will be updating it … DEMO Open demo in a full window – https://demos.webdevpuneet.com/parallax/index.html SOURCE <!DOCTYPE html> <html class=”no-js” lang=”en”> <head> <meta...
story page layout This is a single-page responsive HTML/CSS template that can be used to display stories with the main image at the center and the other three images with the title after the content. The template also contains background wallpaper that you can change...
In the following post, I will show you how I displayed a slide-in menu in one of my front-end UI development projects. DEMO Open demo in a full window – https://demos.webdevpuneet.com/slideinmenu/index.html HTML <html> <head> <title>Switch...
Please have a look at the demo to get the CSS codes to change color of the scrollbar. The following example creates a thin (10px wide) scrollbar, which has a grey track/bar color and a red handle: Note: The -webkit-scrollbar is not supported by Firefox or IE and...
Hello there, today I met a situation where I had to change the animation of a bootstrap 4 modal and figured out this solution. I added a zoom-in animation with a playtime of 1.5 seconds to the modal. Please have a look at it in the demo below. DEMO Open demo in a full...
I have been into many situations while converting designs to HTML where designs demanded a custom select menu. There is a simple solution to this by W3Schools. You can copy and modify what’s needed without getting deep down to the basics and mechanism. DEMO See...
instagram feed Hello guys, here’s a way I found to add an Instagram feed widget with load more button to your website. Please have a look at the demo below with HTML and JS included. This was made possible with the help of a JS plugin –...
Blog
