#ADH Design....Videocon Virtual Mobile Phone Using HTML,CSS and JQuery

Videocon  Virtual Mobile Phone Using HTML,CSS and JQuery

(click on the above image to view the live demo)

or

(click on this link to view the live demo)

Key Features :-

1.This Design is Completely using HTML and CSS excluding two Images(one for background and other for logo ).

2.You Can Check Full Code and Live Demo on Code-pen By Clicking The Above Image.

3. JQuery and JS is only used for two purposes(to show current date and time on screen and to manage click events.)

4.You can see the current date and time on screen. 

Before Use :-

1.You need  to change the view settings on code-pen(click on  change view and then select the snippet in which there code boxes are on right side) for better appearance. 

2.You need to unlock the Phone before use it.To unlock the Phone use need to click unlock button and then hash button.

(If You Press other Icons Like Star ,Which will Show Some Warning Messages) 

3.This system allows you to dial a maximum of 12 numbers at a time (you can dial a number by clicking on corresponding button).

4.You need to click call-disconnect button to clear all dialed numbers.

(Note : I'm used calc() function on this code to adjust the left and right margin ,it support only on latest version of browsers.so recommended to use  latest version for better appearance).

Special Credits :-  

• Sarath .P (Graphic,Web Designer).
• Antony Naveen (Software Tester).
• My GECI mates(for their mass support).
• Stack overflow community(they push me when i got stuck)  
• and You for watching this

.........................wait for more updates ....................................

.............................thanks for watching....................................