Web Design
HTML Template design using Bootstrap 5
Many new features have been added in the bootstrap 5 to implement a template with a more attractive look without less use of JQuery. The way to design a very simple HTML template using bootstrap 5 has shown in this tutorial by adding multiple parts of the template step by step. Before starting this tutorial, […]
Read More
How to design responsive logo, menu and banner
This tutorial will help you to create responsive, logo, menu and banner using bootstrap. Follow the steps given below to complete the tutorial. Steps: 1. Create an html file and add nav tag and navbar class <nav class=”navbar”> </nav> 2. Add div tag with container class and add a tag to add logo using navbar-brand […]
Read More
Simple Webpage Design using Bootstrap
Bootstrap is a popular framework now for designing responsive website. How you can design a very simple webpage using bootstrap as a beginner is shown in this tutorial. Steps: 1. Create a folder named “bootstrap project” and keep the following files in the folder. Jquery.js bootstrap.min.css bootstrap.min.js 2. Create a html file add the link […]
Read More
How to use conditional statement in JavaScript
Conditional statement Conditional statement is an essential part of any programming language. It is used to execute one or more statements based on particular condition. Each condition works on a Boolean value that can be true or false. Like other programming languages, if, else if, else and switch statements are used in JavaScript to perform […]
Read More
How to create Dropdown Menu using Html and CSS
HTML list can be used to create any menu by using CSS code. How you can create a transparent drop-down menu using CSS is shown in this tutorial. Flow the steps properly to create the menu. Steps: 1. Add the following code in the body section to design a menu by using unordered list. <ul […]
Read More
Simple form validation using HTML and JavaScript
Form validation is an essential part of any type of web project. JavaScript is a good choice to validate any form before submit because it doesn’t reload the page. This tutorial will help the reader to learn the basic form validation by using JavaScript. Follow the following steps to complete the tutorial. Steps: 1. Create […]
Read More
Captcha implementation using Javascript
This tutorials shows a very simple way of developing captcha by using html and javascript code. You have to create some images with png extension that contains some characters without any order to test the following code. Steps: 1. Create some images for using as captcha text. 2. Create a html file named captcha.html and […]
Read More
Responsive Website Design using Bootstrap
Steps: Create Link for all necessary css and js files. <link href=”bootstrap.min.css” rel=”stylesheet”> <link href=”fonts.css” rel=”stylesheet”> <link href=”style.css” rel=”stylesheet”> <script src=”jquery.js”></script> <script src=”bootstrap.min.js”></script> You can get the script for fonts.css and style.css files from the following link. Fonts.css Style.css 2. Create the top menu <div class=”navbar navbar-fixed-top” role=”navigation” style=”background-color:white”> <div class=”container”> <div class=”navbar-header”> <button type=”button” […]
Read More