Skip to main content

Welcome

 This blog is about coding and programming. In this blog, I will share my codes and notes.

Popular posts from this blog

Create a simple landing page using HTML & CSS - scoobcode

A landing page is the most important thing for businesses. Here I show you how to create a simple landing page for your businesses. It is simple and easy to learn. For this project, I used HTML & CSS. To watch the full video tutorial Click here Output Landing page Source code 👉 HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Simple landing page</title> <link rel="stylesheet" href="style.css"> </head> <body> <header> <div class="logo"> <b>LOGO</b> </div&

Add preloader animation on website just some step of code (HTML, CSS, JavaScript) - scoobcode

Preloader is a unique feature for a website, this gives a professional look to a website. Here in this blog, I will share my code, where you going to learn how to add a preloader animation effect in just some line of HTML, CSS, and JavaScript code. Note: Copy the code and make your own design. Also, go to our YouTube channel for more useful content. Full video tutorial:  https://youtu.be/7KNABcF-xz0 Output Preloader animation After preloader Source code 👉  HTML <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Simple landing page</title>     <link rel="stylesheet" href="style.css"> </head> <body>     <div id="preloader"></div>     </div>     <header>

Create NavBar using HTML & CSS (flexbox) - scoobcode

The navigation bar is the most important part of a webpage or website. There have many ways to make a beautiful navbar. Here in this blog,  we are going to learn some basic use of flexbox. How to create a navbar using flexbox property in CSS. I've also uploaded the full tutorial video you can check the video. Click here to watch the video. To start the code we need a code editor or IDE. Here I use  Visual studio code  (recommended) for my coding. To download  Visual studio code   click here Here is the output Tips Press ! to get Emmet Abbreviation (Work in Visual studio code) Source code      HTML code <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>NavBar</title>     <link rel="stylesheet" href=&quo