techways360.com

Posts

Showing posts with the label HTML&CSS component's

Car garage web page design with full source code

HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>car website design</title> <link rel="stylesheet" href="style.css"> <link href="https://fonts.googleapis.com/css2? family=Roboto:wght@300;400;900&display=swap" rel="stylesheet"> </head> <body> <div class="container"> <nav> <img src="images/menu.png"> <ul> <li><img src="images/car_icon.png" </li> <li>Engines</li> <li>Tyres</li> <li>Break...

Website background design using HTML and CSS

Background plays a big role in website designing. When a visitor visits a website, the background works to attract him and keep him on the website. Website background design using HTML and CSS HTML: <!DOCTYPE html> <html lang =" en "> <head> <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 background </title> <link rel =" stylesheet " href =" style.css "> </head> <body> <div class =" wrapper "> <h2> Animated Background </h2> <div class =" box "> <div> </div> <div> </div> <div> </div> <div> </div> ...

Neon light Button Animation in HTML ,CSS and Anime.css .Component With Source code

By using HTML,CSS and Anime.css we will design the button with neon light animation effect. Neon light Button Animation in HTML ,CSS and Anime.css Source Code HTML: <!DOCTYPE html> <html lang =" en "> <head> <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> Neon light button </title> <link rel =" stylesheet " href =" style.css "> <link rel =" stylesheet " href =" anime.css "> </head> <body> <a href ...