Skip to main content

Posts

Showing posts from June, 2019

DESIGN REGISTRATION FORM BY USING HTML & CSS

hello friends.... TAKE THE FIRST STEP TO KNOWLEDGE FRIENDS  BECAUSE KNOWLEDGE IS FREE. HTML CODE ******************* <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="regis.css"> <title>REGISTRATION FORM</title> </head> <body> <h1>REGISTRATION FORM</h1> <div id="main_box"> <table align="center"> <tr><td>FIRST NAME </td><td><input type="text" name="f_name" maxlength="20"></td></tr> <tr><td>LAST NAME  </td><td><input type="text" name="l_name" maxlength="20"></td></tr> <tr><td>EMAIL ID </td><td><input type="text" name="emil"   m...
Post a Comment
Read more

HOW USE AND WORK AFTER AND BEFORE EFFECT IN HTML & CSS

hello friends.... TAKE THE FIRST STEP TO KNOWLEDGE FRIENDS  BECAUSE KNOWLEDGE IS FREE. HTML CODE ******************* <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>AFTER AND BEFORE EFFECT</title> <link rel="stylesheet" type="text/css" href="textef.css"> </head> <body> <div class="mainDiv"> <div class="centerDiv"> <h1>web</h1> </div> </div> </body> </html> ---------- *** ---------- CSS CODE *************** *{   margin: 0;   padding: 0; } .mainDiv{   width: 100%;   height: 100vh;   display: flex;   align-items: center;justify-content: center;   text-align: center; } h1{   font-size: 6rem;   color: skyblue;   text-transform: uppercase;   letter-spacing: 3px; } h1::before{   content: 'dnp';   color: #fff ;   display: block; ...
Post a Comment
Read more

SIMPLE MINI WEB PAGE USING HTML & CSS (SLANTED DIV & SKEW)

hello friends.... TAKE THE FIRST STEP TO KNOWLEDGE FRIENDS  BECAUSE KNOWLEDGE IS FREE. HTML CODE ******************* <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>NEW DESIGN CREATE</title> <link rel="stylesheet" type="text/css" href="sla1.css"> </head> <body> <div class="slant"> <h1>DNP DEVELOPER</h1>     <img src="dnp_2.jpg">     <div class="slantdiv"></div> </div> <div class="paradiv"> <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. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged...
Post a Comment
Read more

SIMPLE WEB DESIGN BY USING HTML AND CSS(SLANTED & USE SKEW)

hello friends.... TAKE THE FIRST STEP TO KNOWLEDGE FRIENDS  BECAUSE KNOWLEDGE IS FREE. HTML CODE ******************* <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>SLANTED DIV DESIGN</title> <link rel="stylesheet" type="text/css" href="shape5.css"> </head> <body> <div class="thing1"> <img src="pic2.jpg"> </div> <div class="thing2"> <h2>DNP DEVELOPER</h2> <p>hi.. i am dhruv patel. i am web developer. i am created differnt effect make by using html & css.</p> </div> </body> </html> ---------- *** ---------- CSS CODE *************** body{   padding: 0;   margin: 0; } .thing1{   height: 450px;   position: relative;   width: 100%; } .thing1 img{   width: 100%; } .thing2{   background: #fb6b19;   color: #fff; ...
Post a Comment
Read more

SIMPLE WEB DESIGN BY USING HTML AND CSS

hello friends.... TAKE THE FIRST STEP TO KNOWLEDGE FRIENDS  BECAUSE KNOWLEDGE IS FREE. HTML CODE ******************* <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>DESIGN VIEW</title> <link rel="stylesheet" type="text/css" href="shape2.css"> </head> <body> <section id="main"> <div class="flex-container"> <div id="img-div"> <img src="pic1.jpg" id="image" alt=""> </div> <h1 id="title">DHRUV PATEL</h1> <p id="info">dnp developer</p> </div> </section> </body> </html> ---------- *** ---------- CSS CODE *************** body{   margin: 0;   font-family: impact;  } .flex-container{   height: 420px;   background: repeating-linear-g...
1 comment
Read more