Category Archives: Website Design

Amazing Neon Text Effect With CSS3

Amazing Neon Text Effect With CSS3 In this post we will discuss how to create an Amazing Neon Text Effect With CSS3.We are using CSS3 to achieve this.To create neon effect with the help of css3 we are using text-shadow attribute. Code: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Amazing Neon Text Effect With CSS3</title> <style type="text/css"> body

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"