programplug Logo




CSS layout

The css layout is way to design our web page such as home page,our about us page,contact us and many more layout in which we want to design.

There are three ways to design layout in a web page.
1.HTML Table: It is preferly be slow and less.
2. HTML Div with CSS: To be fast and widely used.
3.HTML Frameset: It is deprecated now.
An example to demonstrate how the layout work:

<!DOCTYPE html> 
<html> 
<head>  
<style>  
.header{margin:-8px -8px 0px;background-image:linear-gradient(145deg,#7379ff,#b524ef);color:white;text-align:center;padding:10px;}  
.container{width:100%}  
.left{width:20%;float:left;}  
.body{width:75%;float:left;background-color:green;padding:6px;}  
.right{width:25%;float:left;}  
.footer{margin:-10px;clear:both;background-image:linear-gradient(145deg,#8A2BE2,#DEB887);color:white;text-align:center;padding:15px;}  
</style>  
</head>   
<body> 
<div class="Header Section"> <h3> Programplug</h3> </div>   

<div class="container">   
<div class="left">   
<p> Left Side Page</p>   
</div>   
<div class="body">  
<h1> Body Content</h1>   
<p> Your content data is here</p>
<p>Your content data is here</p> 
<p>  Your content data is here</p>   
<p>  Your content data is here</p>
<p> Your content data is here</p>
<p>  Your content data is here</p> 

<p>  Your content data is here</p>  
</div>   
<div class="right">  
<p> Right Side Page</p>  
</div> 
</div>  

<div class="footer section">  
<p> Footer</p>   
</div>   

</body> 
</html> 

				 
Output:


Programplug

Left Side Page

Body Content

Your content data is here

Your content data is here

Your content data is here

Your content data is here

Your content data is here

Your content data is here

Page Content goes here

Right Side Page

Footer






Our Services

Developing Cheapest Websites
Offer Digital Marketing
Provide College Projects
Attractive Website Developing
Summer Training,Industrial Training
SCO,SMO

Contact Us

Dehradun Uttarakhand India
www.programplug.com
info@programplug.com
08534019974
Designed By : Mridul Gupta

Other Link

About Us

Contact Us

Disclaimer

Privacy Policy