Category Archives: Website Design

HTML5 AJAX Responsive Contact Form With Google Maps

HTML5 AJAX Responsive Contact Form With Google Maps In this post we will discuss how to create a HTML5 AJAX Responsive Contact Form With Google Maps.I am using PHP as back end technology but you can use what ever you want. We are doing form validation in both HTML5 as well as jQuery(JavaScript) level but if you want you

How To Create A Responsive Image Slider

How To Create A Responsive Image Slider In this tutorial i will teach you How To Create A Responsive Image Slider.My Previous post was about How To Create Responsive Menu.Here we are using Flexslider. HTML: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>How To Create A Responsive Image Slider</title> <link href="StyleSheet.css" rel="stylesheet" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> <script src="js/jquery.flexslider-min.js"></script> <script> $(document).ready(function

How To Create Responsive Menu

How To Create Responsive Menu In this tutorial i will teach you How To Create Responsive Menu or How To Create Responsive Navigation Menu .What is Responsive: The menu automatically changes to one of three different layouts depending on the browser window size.We are using HTML, CSS and Jquery to accomplish this. HTML: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

Facebook Type Loading Effect – CSS3

Facebook Type Loading Effect – CSS3 In this tutorial we will show you Facebook Type Loading Effect – CSS3.Here we are using CSS3 to accomplish this.It Give us a awesome loading effect, it is kind of same what facebook is using for loading effect. HTML: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Facebook Type Loading Effect</title> <link href="Style.css"

Animated Tabs With CSS3

Animated Tabs With CSS3 In this tutorial i will let you know guys, how to create Animated Tabs With CSS3.Here we are using Javascript and CSS3 for this. HTML: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <title>Animated Tabs with CSS3</title> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="description" content="Animated Tabs with CSS3"

Show Hide Div Content Using Jquery

Show Hide Div Content Using Jquery Hi Guys, in this tutorial we will explain how to Show Hide Div Content Using Jquery.We have used Jquery to accomplish this.we are just hiding and showing the content of contained by DIV, on button click event. Download Jquery Library from here: Download Html: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Show/Hide