CSS

Replicating Google home page using HTML CSS

In this tutorial ,we will learn how to create a Google home page with the help of HTML and CSS. Setting up the HTML structure <!DOCTYPE html> <html lang=”en”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>Google</title> <link rel=”stylesheet” href=”style.css”> <link rel=”stylesheet” href=”https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined”/> </head> <body> <nav> <a href=”” class=”ntext”>Gmail</a> <a href=”” class=”ntext”>Images</a> <span class=”material-symbols-outlined app”>apps</span> …

Replicating Google home page using HTML CSS Read More »

Create a image resizer web application using HTML, CSS, REACTJS

  During my internship, I was assigned an exciting task to develop an image resizer feature for our project. This feature allows users to select images from their devices, resize them, and preview the results before downloading the resized image. The process involved handling various technical challenges, from managing state in React to manipulating images …

Create a image resizer web application using HTML, CSS, REACTJS Read More »

Create a simple image resizing tool using HTML,CSS & JavaScript

In this tutorial , we can create a simple image resizing tool using HTML , CSS & JavaScript in a simple way. Image resizing tool allows users to upload an image, specify new dimensions, and preview the resized image directly in the browser. Steps for creating a simple image resizing tool: 1.HTML: HTML is the …

Create a simple image resizing tool using HTML,CSS & JavaScript Read More »

Web application of real time weather data

Web application of real time weather data To create a real-time weather data web application with a functional output, we will use vanilla JavaScript along with HTML/CSS for the frontend. A real-time weather data web application involves several steps, from gathering data from a weather API to displaying it in a user-friendly format. To start, …

Web application of real time weather data Read More »

How to Create a Simple Todo App with HTML, CSS, and JavaScript

In this tutorial, we’ll walk through building a simple Todo App using HTML, CSS, and JavaScript. This app will allow you to add items to a list and delete them. Follow the steps below to create your own Todo App. Step 1: Set Up the HTML Structure First, let’s create the HTML file that will …

How to Create a Simple Todo App with HTML, CSS, and JavaScript Read More »

Scroll to Top