Wednesday 30 August 2017
Tuesday 29 August 2017
Monday 28 August 2017
Saturday 26 August 2017
Friday 25 August 2017
Thursday 24 August 2017
Wednesday 23 August 2017
Monday 21 August 2017
Sunday 20 August 2017
Saturday 19 August 2017
RAIN EFFECT WITH MINIATURES PHOTOSHOP,
HELLO FRIENDS TODAY I AM BACK WITH NEW POST TODAY I WILL SHOW YOU HOW TO MAKE " RAIN EFFECT WITH MINIATURES PHOTOSHOP, "
IMAGES CREDITS;-
Friday 18 August 2017
Wednesday 16 August 2017
Monday 14 August 2017
Sunday 13 August 2017
Saturday 12 August 2017
Friday 11 August 2017
Wednesday 9 August 2017
Tuesday 8 August 2017
Monday 7 August 2017
Sunday 6 August 2017
MAKE YOUR OWN WEBSITE IN HTML AND CSS
HELLO FRIENDS TODAY I AM BACK WITH NEW POST TODAY I WILL SHOW YOU HOW TO MAKE " MAKE YOUR OWN WEBSITE IN HTML AND CSS "
IMAGE;-
HTLM
<body>
<div class="nav-total-area">
<div class="container">
<div class="logo-area">
<img src="image/logo.png"/>
</div>
<div class="nav-area">
<div class="nav">
<ul>
<li><a class="active" href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="banner">
<div class="sec1">
<div class="container">
<div class="heading">
<h1>My Web Site</h1>
<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.</p>
<div class="button-area">
<button class="see-potfolio">See Portfolio</button>
</div>
</div>
</div>
</div>
</div>
</body>
<div class="nav-total-area">
<div class="container">
<div class="logo-area">
<img src="image/logo.png"/>
</div>
<div class="nav-area">
<div class="nav">
<ul>
<li><a class="active" href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="banner">
<div class="sec1">
<div class="container">
<div class="heading">
<h1>My Web Site</h1>
<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.</p>
<div class="button-area">
<button class="see-potfolio">See Portfolio</button>
</div>
</div>
</div>
</div>
</div>
</body>
CSS
*{
margin:0;
padding:0;
}
body{
color:#FFFFFF;
font-size:16px;
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height:28px;
}
.container{
width:1170px;
margin:0 auto;
}
.nav-total-area{
width:100%;
float:left;
background-color:#293349;
position:relative;
padding:10px 0 15px 0;
}
.logo-area{
width:20%;
float:left;
}
.nav-area{
width:80%;
float:left;
}
.nav{
width:100%;
float:left;
position:relative;
margin-top:10px;
}
.nav ul{
margin:0;
padding:0;
margin-top:17px;
text-align:right;
}
.nav ul li{
list-style:none;
display:inline-block;
}
.nav ul li a{
color:#FFFFFF;
text-decoration:none;
padding:15px;
font-size:16px;
font-weight:100;
font-family:initial;
text-transform:uppercase;
transition-duration:0.8s;
}
.nav ul li>.active{ background-color:#FF0004;}
.nav ul li a:hover{background-color:#FF0004;}
.banner{
width:100%;
float:left;
position:relative;
padding:100px 0;
background-image:url(../image/banner.jpg);}
.sec1{
width:100%;
float:left;
position:relative;
overflow:hidden;
padding:80px 0;
}
.heading{
width:100%;
float:left;
position:relative;
text-align:center;
}
.heading h1{
font-size:35px;
color:#FFFFFF;
font-family:italic;
font-weight:100;
padding:1%;
}
.heading p{
margin:10px 0;
color:#E3E3E3;
}
.button-area{
width:100%;
float:left;
text-align:center;
}
.see-potfolio{
background-color:#FF0004;
padding:12px 20px;
width:200px;
color:#FFFFFF;
font-size:16px;
border:none;
margin-top:40px;
text-align:center;
cursor:pointer;
transition-duration:0.8s;
}
.see-potfolio:hover {background-color:#C52629;}
margin:0;
padding:0;
}
body{
color:#FFFFFF;
font-size:16px;
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height:28px;
}
.container{
width:1170px;
margin:0 auto;
}
.nav-total-area{
width:100%;
float:left;
background-color:#293349;
position:relative;
padding:10px 0 15px 0;
}
.logo-area{
width:20%;
float:left;
}
.nav-area{
width:80%;
float:left;
}
.nav{
width:100%;
float:left;
position:relative;
margin-top:10px;
}
.nav ul{
margin:0;
padding:0;
margin-top:17px;
text-align:right;
}
.nav ul li{
list-style:none;
display:inline-block;
}
.nav ul li a{
color:#FFFFFF;
text-decoration:none;
padding:15px;
font-size:16px;
font-weight:100;
font-family:initial;
text-transform:uppercase;
transition-duration:0.8s;
}
.nav ul li>.active{ background-color:#FF0004;}
.nav ul li a:hover{background-color:#FF0004;}
.banner{
width:100%;
float:left;
position:relative;
padding:100px 0;
background-image:url(../image/banner.jpg);}
.sec1{
width:100%;
float:left;
position:relative;
overflow:hidden;
padding:80px 0;
}
.heading{
width:100%;
float:left;
position:relative;
text-align:center;
}
.heading h1{
font-size:35px;
color:#FFFFFF;
font-family:italic;
font-weight:100;
padding:1%;
}
.heading p{
margin:10px 0;
color:#E3E3E3;
}
.button-area{
width:100%;
float:left;
text-align:center;
}
.see-potfolio{
background-color:#FF0004;
padding:12px 20px;
width:200px;
color:#FFFFFF;
font-size:16px;
border:none;
margin-top:40px;
text-align:center;
cursor:pointer;
transition-duration:0.8s;
}
.see-potfolio:hover {background-color:#C52629;}
Saturday 5 August 2017
Friday 4 August 2017
MAKE SELFIE WITH SRK AND SALMAN KHAN IN PHOTOSHOP,
HELLO FRIENDS TODAY I AM BACK WITH NEW POST TODAY I WILL SHOW YOU HOW TO MAKE "MAKE SELFIE WITH SRK AND SALMAN KHAN IN PHOTOSHOP, "
IMAGES CREDITS;-
SRK AND SALMAN PHOTO DOWNLOAD FROM GOOGLE
Thursday 3 August 2017
Wednesday 2 August 2017
Tuesday 1 August 2017
Subscribe to:
Posts (Atom)