DNP DEVELOPER

Posts

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> <meta charset="utf-8"> <title>DESIGN MOODERN WEBSITE</title> <link rel="stylesheet" type="text/css" href="modern1.css"> <link href="https://fonts.googleapis.com/css?family=Saira+Stencil+One&display=swap" rel="stylesheet"> </head> <body> <header> <div class="mainheader"> <div class="logo"> <img src="dnp_bg.png" width="100px" height="100px"> </div> <nav> <a href="#">HOME</a> <a href="#">ABOUT US</a> <a href="#">CONTACT US</a> ...

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...

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...

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; ...

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...

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; ...