Tag Archives: pure

Accordion on pure CSS – Developer

Accordion on pure CSS On this article I’ll attempt to inform you tips on how to create an accordion utilizing solely kinds. Structure <enter class=”question-input” id=”query” sort=”checkbox”> <label class=”question-label” for=”query”>  Click on me? </label> <div class=”reply”>  Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque officia ipsum quam sequi! Ratione dolorem advert quam maxime a…

Read More

Responsive Contact Type Utilizing Pure HTML and CSS. – HTML Dev Feed

Responsive Contact Type Utilizing Pure HTML and CSS. Right here Is The Full Supply Code Of This Type: HTML CODE: <!DOCTYPE html> <html lang=”en”> <head> <hyperlink rel=”stylesheet” href=”type.css”> <meta charset=”UTF-8″> <meta http-equiv=”X-UA-Suitable” content material=”IE=edge”> <meta identify=”viewport” content material=”width=device-width, initial-scale=1.0″> <title>Contact US Type</title> </head> <physique> <div class=”container”> <type motion=”” autocomplete=”off”> <h1>Contact US</h1> <div class=”identify”> <label for=”identify”>Title:…

Read More

Animated Gradient Loader Using Pure HTML & CSS.| – HTML Dev Feed

Animated Gradient Loader Using Pure HTML & CSS.| Hi Guys This is Awesome animated Gradient Loader Here you can get source code. HTML: <!DOCTYPE html> <html lang=”en”> <head> <link rel=”stylesheet” href=”style.css”> <meta charset=”UTF-8″> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>Animated Gradient Loader HTML and CSS</title> </head> <body> <div class=”loader”> <span></span> </div> </body> </html> Enter…

Read More

Glass Morphism Simple Interest Calculator Using Pure HTML, CSS & JS. – HTML Dev Feed

Glass Morphism Simple Interest Calculator Using Pure HTML, CSS & JS. Simple Interest Calculator Using Pure HTML, CSS & JS. HTML: <!DOCTYPE html> <html lang=”en”> <head> <link rel=”stylesheet” href=”style.css”> <meta charset=”UTF-8″> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>Simple Interest Calculator</title> </head> <body> <div class=”container”> <h1>Simple Interest Calculator</h1> <div class=”inpSection”> <div class=”amt”> <label for=”amount”>Enter Total…

Read More

Glass morphism Calculator Using Pure HTML, CSS & JS. – HTML Dev Feed

Glass morphism Calculator Using Pure HTML, CSS & JS. Here Is The Working Calculator with glassmorphism effect. SOURCE CODE: <!DOCTYPE html> <html lang=”en”> <head> <link rel=”stylesheet” href=”style.css”> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>Glassmorphism Calculator</title> </head> <body> <div class=”calc-body”> <input type=”text” name=”” id=”inp” readonly> <table> <tr> <td>(</td> <td>)</td> <td>C</td> <td>/</td> </tr> <tr> <td>7</td> <td>8</td> <td>9</td>…

Read More

Glass Morphism Student Grade Calculator Using Pure HTML, CSS & JS. – HTML Dev Feed

Glass Morphism Student Grade Calculator Using Pure HTML, CSS & JS. Here is the student grade calculator using pure HTML, CSS & JS. In Web Format You can enter Some marks on some subjects and you can get total marks, percentage and Grade of Student Source Code: <!DOCTYPE html> <html lang=”en”> <head> <link rel=”stylesheet” href=”style.css”>…

Read More

Awesome Button Hover Effects Using Pure HTML & CSS – HTML Dev Feed

Awesome Button Hover Effects Using Pure HTML & CSS Source Code: <!DOCTYPE html> <html lang=”en”> <head> <link rel=”stylesheet” href=”style.css”> <meta charset=”UTF-8″> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>Button With Awesome Hover Effect</title> </head> <body> <div class=”container”> <button>Hover Me</button> <button>Hover Me</button> <button>Hover Me</button> <button>Hover Me</button> </div> </body> </html> Enter fullscreen mode Exit fullscreen mode *{…

Read More