Posts

Showing posts from June, 2024

Conditional Rendering in React Complete Guide with Examples 2026

Image
  Conditional Rendering in React Conditional Rendering is one of the most useful concepts in React. It means showing different content on the screen depending on a condition. For example: If a user is logged in → show Logout If a user is not logged in → show Login If a student has passed → show Congratulations If a product is available → show Buy Now If data is loading → show Loading... React does not have a separate if rendering tag. Instead, we use normal JavaScript conditions such as if, the ternary operator, &&, and switch to decide what should appear in the UI.
Post a Comment
Read more

e-commerce Project for Student

Image
  Web Design Projets With Source Code   ***  Create a mini Project . ***           Website Pages    Click this page 👇👇and check        The Code                                      1]   Home page              2]   Product Page                3]    About Us              4]  Contact Us                5]  Feedback               6]   Login Form                  7] Registration Form   Page click Than code is available        CODE is Correct follow instruction💯👌🙂👏 E-commerce project  Name :-Shree Dress Sho...
Post a Comment
Read more

change password form

Image
  How to Create Reset password form using  html | bootstrap 👇 ஃ  Create a  Reset password form with  source code ஃ Source Code  :-   <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > User Registration </ title >     < link rel = "stylesheet" href = "css/bootstrap.css" > </ head > < body class = "" >         < div class = "col-md-4 bg-white shadow-lg mx-auto mt-3         p-3" >                         < h1 class = "text-center text-primary" >                 Change Password             </ h1 >           ...
Post a Comment
Read more

Reset password form

Image
 How to Create Reset password form using  html | bootstrap 👇 ஃ  Create a  Reset password form with  source code ஃ Source Code  :- < html >     < head >         < title > Reset password </ title >         < link rel = "stylesheet" href = "css/bootstrap.css" >         </ head >         < body >         < div class = "col-md-4 bg-white shadow-lg mx-auto mt-4 p-3" >         < form >             < h2 class = "text-center text-primary" > Reset Password </ h2 >             < label > New Password </ label >             < input type = "password" name = "psw" placeholder = "Enter New Password" class = "form-control" >        ...
Post a Comment
Read more

Forgot Password form

Image
  How to Create  Forgot Password  form using  html | bootstrap 👇 ஃ  Create a   Forgot Password  Form with  source code ஃ Source Code  :- HTML ,bootstrap Source code:-  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < link rel = "stylesheet"   href = "css/bootstrap.css" >     < title > Forgot password </ title > </ head > < body >     < div class = "col-md-4  bg-white shadow-lg mx-auto mt-5 p-3" >     < h3 class = "text-center text-primary" > Forgot Password </ h3 >     < form >         < label > Email Address </ label >         < input type = "email" name = "en" class = "form-control" pla...
Post a Comment
Read more

simple Login form in html

Image
How to Create Login form using  html | bootstrap 👇 ஃ  Create a  Login  Form with  source code ஃ Source Code  :- <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Login page </ title >     < link rel = "stylesheet" href = "css/bootstrap.css" > </ head > < body >< br >< br >     < div class = "col-md-7 bg-white bg-white shadow-lg mt-5 p-3 mx-auto" >     <!-- end contact section -->     <!-- footer section start -->   <?php include 'navigationbar.php' ; ? > <!-- footer  section Start --> < br ></ br >     < h1 class = "text-center text-primary" > Login Form </ h1 >     < form >     ...
Post a Comment
Read more

How to Use HTML Registration Forms Step-by-Step (Beginner Friendly Guide 2026)

Image
  Responsive Register Form design using HTML  Source Code :- HTML  Source code:-  <Doctype html> < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" cont ent = "width=device-width, initial-scale=1.0" >     < link rel = "stylesheet" href = "css/bootstrap.css" >     < title > Registration page </ title >     </ head > < body >     < div class = "col-md-4 bg-white shadow-lg mx-auto mt-5 p-3" >     < h3 class = "text-center text-primary" > Registration Form </ h3 >     < Form >         < label > Name </ label >         < input type = "text" name = "Name" required value = "" class = "form-control" >         < label > Mobile  Number </ label >       ...
Post a Comment
Read more

how to create Feedback form

Image
  How to Create Feedback Form using  html and CSS 👇 ஃ   Create a   Feedback Form  with  source code ஃ Source Code  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport"         content = "width=device-width,initial-scale=1.0" >     < title > Responsive Form Card </ title >     < link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax /libs/font-awesome/6.5.1/css/all.min.css" >     < link rel = "stylesheet" href = "index.css" > < style >     /*style.css */ @import url ( 'https://fonts.googleapis.com/ css2?family=Poppins&display=swap' ); body {     margin : 0 ;     display : flex ;     align-items : center ;     justify-content : space-around ;     flex-direction : column ; ...
Post a Comment
Read more