Posts

Showing posts from July 14, 2024

Create upload file button

Image
create upload file button in html css which upload the file from internal pc following are step are taken to create this app 1 open VS code editor 2 create file of index.html style.css 3 code in html file to construct basic skeleton of upload file button 4 code in style.css file to style the upload file button 5 finally we create upload file button Watch video for more details index.html <! DOCTYPE html > < html lang = "en" > < head >   < meta charset = "UTF-8" >   < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >   < title > Upload file </ title >   < link rel = "stylesheet" href = "style.css" > </ head > < body >     < h1 > Sample Uplaod file in Html CSS < br > HTML CSS Tutorial for beginner </ h1 >   < p > Click on the "Upload File" button to upload a file: </ p > < form action = "

how to build centralized animated search bar

Image
To build an animated search bar let's quickly start here some of  the important steps are taken the follow  1 open VS code 2 create file index.html and style.css 3 code in html file to build the structure of animated search bar 4 code in style.css file to style the html document if you don't understood watch the video index.html file code <! DOCTYPE html > < html > < head > < meta name = "viewport" content = "width=device-width, initial-scale=1" > < link rel = "stylesheet" href = "style.css" > </ head > < body > < div class = "container" >   < p > Animated search bar </ p >   < form >     < input type = "text" name = "search" placeholder = "Search.." >   </ form > </ div > </ body > </ html > style.css * {     padding : 0 ;     margin : 0 ; } body {     font-family : sans-serif ;     text