Hitech Search

This tutorial we are making a Product card Page of a Clothing Store in HTML, CSS Let's create a website product card page that look like good it's very easy even for beginner it include simple steps. this is ecommerce website product page following are the main steps of making this video. i. open your VS code ii. create index.html file ii. create style.css file iv. code in index.html file to build the basic structure of website product page vi. finally we created website product page in html CSS watch video Download Source code

Let's get create a simple animated search bar whenever user click on the search bar the search will be expand and release after search this is very simple and full of logics to attract viewer and captured. Source code HTML <! DOCTYPE html > < html > < head > < meta name = "viewport" content = "width=device-width, initial-scale=1" > <!-- this is font awesome link for add icon only --> < link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" > <!-- add stylesheet --> < link rel = "stylesheet" href = "style.css" > </ head > < body >   < h2 > Search bar </ h2 >   < p > Create and design responsive search bar </ p >   < form class = "search" action = "#" >     < input type = "text" placeholder = "type to search something...."