Hi guys, I am back after the short break. In this short session. Make a design in HTML. Make easy design
very Beautiful and Simple Design. This is a very Helpful post for newcomers of web designer. So watch the Post and Make easy and simple Website Design. Keep Watching.
very Beautiful and Simple Design. This is a very Helpful post for newcomers of web designer. So watch the Post and Make easy and simple Website Design. Keep Watching.
First Step
Make A Simple HTML Page and Navigation Menu for this coding.
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"/><title>Raza I.T Serivces</title></head><body><Div class="container_12"><header><div class="grid_8"><img src="C:\Users\Umer raza\Desktop\web\img\logo-copy.png" /></div><nav class="grid_4"><ul><a href="#"><li>Home</li></a><a href="#"><li>About</li></a><a href="#"><li>Services</li></a><a href="#"><li>Contact</li></a></ul></nav>
</Div>
</body>
</html>
Second Step
Make a Contant Area for this code.
<div class="clearfix"></div><img src="C:\Users\Umer raza\Desktop\web\img\slide-1.jpg" alt="computer chip" /><header><div class="main"><div class="heading"><span>We are best in services</span>also provide future services </div><div class="grid_4"><h2>Who We Are</h2><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Read more</p></div><div class="grid_4"><h2>Who We Are</h2><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Read more</p></div><div class="grid_4"><h2>Who We Are</h2><ul><a href="#"><li>Internet</li></a><hr><a href="#"><li>Computer</li></a><hr><a href="#"><li>Networking</li></a><hr><a href="#"><li>Vpn</li></a><hr><a href="#"><li>CCTV Cam</li></a><hr></ul></div><div class="clearfix"></div><div class="heading" class="text center"><span>Our Services</span></div><div class="grid_4"><img src="C:\Users\Umer raza\Desktop\web\img\desginer-1.jpg" alt="Internet Services" /><div class="desginer"><h3>Internet</h3></div></div><div class="grid_4"><img src="C:\Users\Umer raza\Desktop\web\img\desginer-2.jpg" alt="Computer Services" /><div class="desginer"><h3>Computer</h3></div></div><div class="grid_4"><img src="C:\Users\Umer raza\Desktop\web\img\desginer-3.jpg" alt="Sms Bluk" /><div class="desginer"><h3>Sms makarking</h3></div></div></div><div class="clearfix"></div><footer><p><b>Copyright @ 2014 Raza I.T Services | All right reserved. R I.T Engineers.com<b></p></footer>
Make makeup in CSS3
Make Style Sheet in Css3
<link rel="stylesheet" href="C:\Users\Umer raza\Desktop\web\css\style.css"><link rel="stylesheet" href="C:\Users\Umer raza\Desktop\web\css\960_12_col.css"><link rel="stylesheet" href="C:\Users\Umer raza\Desktop\web\css\reset.css"><link rel="stylesheet" href="C:\Users\Umer raza\Desktop\web\css\text.css">
Download All Coding
Share this post with your family and Friend. Sharing this post more and more people. Thank up for watching. God Bless you
Post a Comment