Shihabiiuc Logo Shihabiiuc

Our Blog

Insights, tutorials, and updates from the team.

How to create a hero banner image using HTML CSS?
Video
Blog

How to create a hero banner image using HTML CSS?

This post will show you how to create the hero banner image only using HTML & CSS. The hero banner image is generally known as the “Hero Section” on a web page.

Read More
How to embed PDF in HTML & make it responsive?
Blog

How to embed PDF in HTML & make it responsive?

You can embed a PDF file in an HTML document using the <embed>, <iframe> or <object> tag. See the examples below.

Read More
Create a responsive navigation menu using HTML, CSS & JS
Blog

Create a responsive navigation menu using HTML, CSS & JS

If you’re trying to create a responsive navigation menu that works well on all screen sizes, this post will walk you in the right direction. Aside from the responsive header, you’ll also learn how to create a simple hamburger menu for smaller screen sizes.

Read More
Create a landing page using HTML, CSS & JS (source code included)
Blog

Create a landing page using HTML, CSS & JS (source code included)

A landing page is a great opportunity to get leads and make sales. It also helps the visitors to navigate through different content of your website. Your prospects get a clear idea about what you do and why they should interact with you. This post will show you how to create a perfect landing page using only HTML, CSS & a small amount of JavaScript. I also have added a link to download the full template.

Read More
How to add background color & background image to an HTML table?
Blog

How to add background color & background image to an HTML table?

In this post, I will show you how to add background color to an HTML table. Also, I will give you a couple of examples including hover effects. Later in this post, you’ll also see how to add a background image to the same table.

Read More
How to change an image on hover (CSS)
Video
Blog

How to change an image on hover (CSS)

Before you start, see the finished product below. Hover your mouse on the image below to see the final product we will build.

Read More