Skip to main content

Posts

Showing posts from 2019

MODERN WEBSITE CREATE BY USING HTML AND CSS

hello friends.... TAKE THE FIRST STEP TO KNOWLEDGE FRIENDS  BECAUSE KNOWLEDGE IS FREE. HTML CODE ******************* <!DOCTYPE html> <html> <head> <title>MODERN WEBSITE CREATE</title> <link rel="stylesheet" type="text/css" href="mord_site.css"> </head> <body> <header class="site-header"> <nav> <div class="logo"> <h1>DNP DEVELOPER</h1> </div> <div class="menu"> <ul> <li>Home</li> <li>About</li> <li>Contact Us</li> </ul> </div> </nav> <section> <div class="leftside"> <img src="1.png"> </div> <div class="rightside"> <h1>OUR MODERN WEBSITE</h1> <p>We Are the best website Developer Company.</p> <button>We...
Post a Comment
Read more

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