How To Create A Website Using HTML And CSS

October 11, 2020

106

How To Create A Website Using HTML And CSS To create this program First, you need to create two Files one HTML File and another one is CSS File. After creating these files just paste these following codes in your file. You can also download the source code files through the given link. In the source files, there you also get a background image of this program

HTML SOURCE:

<!DOCTYPE html> <!– Created By Theinfowave –> <head> <title>creata a website</title> </head> </p><br /><br /><br /> <header><br /><br /><br /> <div><br /><br /><br /> <div> <img src=”http://www.infobing.com/log.png” /> </div><br /><br /><br /> <ul><br /><br /><br /> <li><a href=”https://infobing.com/#”>HOME</a></li><br /><br /><br /> <li><a href=”https://infobing.com/#”>SERVICE</a></li><br /><br /><br /> <li><a href=”https://infobing.com/#”>GALLERY</a></li><br /><br /><br /> <li><a href=”https://infobing.com/#”>CONTACT</a></li><br /><br /><br /> <li><a href=”https://infobing.com/#”>ABOUT</a></li><br /><br /><br /> </ul></div><br /><br /><br /> <div><br /><br /><br /> <h1>THEINFOWAVE</h1><br /><br /><br /> </p></div><br /><br /><br /> <div> <a href=”https://infobing.com/#”>FACEBOOK</a> <a href=”https://infobing.com/#”>YOUTUBE</a> </div><br /><br /><br /> <p>

You May Also Like:

Social Media Buttons with Tooltip on Hover using HTML & CSS

Video Tutorial of How Create A Website Using HTML & CSS Step by Step

CSS SOURCE:

body{ font-family:cambria; font-size:18px; padding:0px; margin:0px; } header{ background-image:linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)),url(sea.jpg); height:100vh; background-size:cover; background-position:center; } ul { float:right; list-style-type:none; margin-top:25px ;margin-right:16px; } li { display:inline-block; } a { text-decoration:none; color:#fff ; padding:5px 20px; border:1px solid transparent; } a:hover{ background-color:#fff; color:#000; Transition:0.6s ease; } ul li.active a{ background-color:#fff; color:#000; } .logo img { float:left; width:150px; height:auto; margin-left:18px; } .main { max-width:1200px; margin:auto; } .title { position:absolute; top:60%; left:50%; transform:translate(-50%,-50%); } .title h1 { color:#fff; font-size:80px; } .button { position:absolute; top:72%; left:50%; transform:translate(-50%,-50%); } .btn { border: 2px solid #fff; padding:10px 30px; color:#fff; text-decoration:none; transparent:0.6s ease; } .btn:hover { background-color:#fff; color:#000; }

I hope this helps you. Thank you for visiting and follow our Facebook and Twitter page to keep updated.

Previous articleHow to Make a Website Using HTML and CSS Landing Page

Next articleiPhone 12 Box Mockup Using Html and CSS Only

How To Create A Website Using HTML And CSS

Video Tutorial of How Create A Website Using HTML & CSS Step by Step

I hope this helps you. Thank you for visiting and follow our Facebook and Twitter page to keep updated.

Related Articles

TOP 10 SITES FOR FREE ONLINE COURSES WITH CERTIFICATES

Google recognizes Gama Pehalwan in India as the most famous wrestler, with a birth anniversary Doodle

Prashanth Neel K.GF Chapter 1 : Four Year Old Prasant Neel Locked Up in Telgue: KGF Director

LEAVE A REPLY Cancel reply

Latest Articles

TOP 10 SITES FOR FREE ONLINE COURSES WITH CERTIFICATES

Google recognizes Gama Pehalwan in India as the most famous wrestler, with a birth anniversary Doodle

Prashanth Neel K.GF Chapter 1 : Four Year Old Prasant Neel Locked Up in Telgue: KGF Director

Navjot Singh Sidhu gets 1-year jail

Zara Phythian: ‘Dr Strange’ actress jailed for sexual abuse of teen girl

How To Create A Website Using HTML And CSS

Video Tutorial of How Create A Website Using HTML & CSS Step by Step

I hope this helps you. Thank you for visiting and follow our Facebook and Twitter page to keep updated.

Related Articles

LEAVE A REPLY Cancel reply

Stay Connected

Latest Articles