Categories: Uncategorized

How to Create Coming Soon… Web Page Using HTML and CSS | Code and Video Tutorial

Learn How to Create Basic “Website Coming Soon…” web Page Using HTML and CSS.

         

Output :

Output.

Download Image :

Download logo for free.
<!DOCTYPE html>
<html>
<head>
 <title>Learning html and css</title>
 <link href="https://fonts.googleapis.com/css?family=Hi+Melody" rel="stylesheet">
<style>
body{
 background: linear-gradient(to right, #f1f1f1, white);
}

.img-1{
 width: 50%;
 height: 50%;
 margin-left: auto;
 margin-right: auto;
 display: block;
}

h1{
 text-align: center;
 font-family: 'Hi Melody', cursive;
 font-size: 100px;
}


</style>
</head>
<body>

 <img src="https://2.bp.blogspot.com/-YFWXJBSu5QQ/Wsiz_LeamUI/AAAAAAAAAks/ZtZ4XDNdxbc4WmmPK1oxNmZVEHxnNZllwCLcBGAs/s400/logo.png" class="img-1">

 <h1>
Website Coming Soon...</h1>
</body>
</html>
reecry

View Comments

Recent Posts

Insta360 – Videos keep exporting backwards | Wrong side render in insta360

https://youtu.be/0RRUOIvmuWA I realized that I had my camera set up incorrectly, so when I upload…

9 months ago

Make Animated progress step bar using Figma

https://youtu.be/C3oFfV20K_c Make Animated progress step bar using Figma

11 months ago

How to Hide All Grids in Figma

https://youtu.be/o3pSH_oRzko How to Hide All Grids in Figma

11 months ago

How to Create Responsive Tool tip in figma

https://youtu.be/hdSUylKSsho How to Create Responsive Tool tip in Figma

11 months ago

Pixel Grid not visible in figma | How to Turn on figma Pixel Grid

https://youtu.be/AEiH7dSDhKo Having issue in figma pixel grid? learn how to show/ hide figma pixel grid…

11 months ago

Fix External Monitor Lag on Mac OS Ventura

https://youtu.be/iilYzHg9LwQ There are some issues going on in ventura OS its still in development phase…

2 years ago