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)