How to Maintain Password History Using PHP and Mysql

How to Maintain Password History Using PHP and Mysql

In this article, you will learn How to Maintain Password History Using PHP and Mysql. In this user change their password can’t reuse. New Password should not be the same as any of the previous 3 Passwords. In this tutorial having three pages db.php index.php change_password.php db.php <?php define('DB_HOST','localhost'); define('DB_USER','root'); define('DB_PASS',''); define('DB_NAME','pwdhistory'); try { $dbh […]
Read Full Article
How to Make Responsive Web Design using HTML

How to Make Responsive Web Design using HTML

In this article, you will learn How to Make Responsive Web Design using HTML. Responsive Web Design is about using HTML and CSS to automatically resize on all devices (desktops, tablets, and Mobiles). Setting the Viewport When you make responsive web pages, add the <meta> element in all your web pages Example:- <meta name="viewport" content="width=device-width, initial-scale=1.0"> Responsive Image […]
Read Full Article
How to Create Font Awesome Icons using CSS

How to Create Font Awesome Icons using CSS

In this article, we will explain How to Create Font Awesome Icons using CSS. Example:- <html> <head> <title>Font Awesome Icons using CSS</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> </head> <body> <i class="fa fa-apple"></i> <i class="fa fa-wifi"></i> <i class="fa fa-car"></i> <i class="fa fa-traffic"></i> <i class="fa fa-bluetooth"></i> <i class="fa fa-cloud" style="font-size:34px;"></i> <i class="fa fa-user" style="font-size:46px;"></i> <i […]
Read Full Article
How to Create Comment in HTML and CSS

How to Create Comment in HTML and CSS

Sometimes we need to don’t show some part in output but we do not want to delete in source code so we use to comment. In this article, you will learn How to Create Comment in HTML and CSS. Comment in HTML In HTML comment is use with the <!– –> Example:- <html> <head> <title>Comment in HTML</title> </head> […]
Read Full Article
How to Create Rounded Corners using CSS

How to Create Rounded Corners using CSS

In this article, you will learn How to Create Rounded Corners using CSS. You can also make a circle shape with this property. Example: <html> <head> <title>Rounded corners</title> <style> .corners1 { border-radius: 50px / 15px; background: #73AD21; padding: 20px; width: 200px; height: 150px; } .corners2 { border-radius: 15px 50px 15px 50px; background: #73AD21; padding: 20px; […]
Read Full Article
How to Create Border using CSS

How to Create Border using CSS

In this article, you will learn How to Create Border using CSS. Example:- index.php <html> <head> <title>How to Create Border using CSS</title> <link rel="stylesheet" type="text/css" href="style.css"/> </head> <body> <h2>Types of border</h2> <p class="dotted">dotted border.</p> <p class="dashed">dashed border.</p> <p class="solid">solid border.</p> <p class="double">double border.</p> <p class="groove">groove border.</p> <p class="ridge">ridge border.</p> <p class="inset">inset border.</p> <p class="outset">outset border.</p> […]
Read Full Article
How to use Display property using CSS

How to use Display property using CSS

In this article, you will learn How to use Display property using CSS. The Display property specifies how the element will be displayed. Display: none; The <script> element uses display:none; as default. Example:- <html> <head> <title>Display none Property</title> <style> h1.hide { display: none; } </style> </head> <body> <h1>This is the visible heading</h1> <h1 class="hide">This is the hidden heading</h1> </body> </html> […]
Read Full Article
How to Create Tooltip using CSS

How to Create Tooltip using CSS

In this article, you will learn How to Create Tooltip using CSS. Example:- <html> <head> <title>Tooltip using CSS</title> <style> .tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; } .tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 1; bottom: 100%; left: 50%; […]
Read Full Article
How to Create Image Border using CSS

How to Create Image Border using CSS

In this article, we will explain How to Create Image Border using CSS.because sometimes we need a border with an image. Example:- <html> <head> <title>Image Border using CSS</title> <style> #borderimg { border: 10px solid transparent; padding: 15px; border-image: url(border.png) 30 round; } </style> </head> <body> <h1>border-image </h1> <p>Here, the middle sections of the image are repeated to create the […]
Read Full Article