Index Html 5 examples - We are using MVC areas!

Here I demonstrate use of newly added HTML 5 attributes and also the use of cookies and session vars!
When we first hit this page, on the server, we create a cookie with the name "itaiSiteCookies"
holding the values (CompanyID=1&TenantId=2&EmailID=itai.roded@gmail.com&UserType=UserType)
Click F12 to see this.
    
We also create when we first get to this page a Session Var ("UserSessionObj").
    
When we click the buttons below we go back to the server and check and read those variables. (You 
need to be able to debug) to see, it works as it should. 

For ref:
HTML5:
http://www.w3schools.com/html/html5_svg.asp
Areas:
http://www.itorian.com/2013/10/area-in-mvc-5-with-example-step-by-step.html

    
    For ref: 
    http://www.code-sample.com/2014/08/aspnet-mvc-cookie-implementation.html
    http://stackoverflow.com/questions/21700582/asp-net-mvc5-how-to-ensure-that-a-cookie-exists

    Click the button below to view the cookie value!
    

    
    For ref: 
    http://stackoverflow.com/questions/14138872/how-to-use-sessions-in-an-asp-net-mvc-4-application
    http://stackoverflow.com/questions/359434/differences-between-cookies-and-sessions

    Click the button below to view the session values!
    

A cookie is simply a short text string that is sent back and forth between the client and the server. You could store name=bob&password=asdf in a cookie and send that back and forth to identify the client on the server side. You could think of this as carrying on an exchange with a bank teller who has no short term memory, and needs you to identify yourself for each and every transaction. Of course using a cookie to store this kind information is horrible insecure. Cookies are also limited in size.

Now, when the bank teller knows about his/her memory problem, He/She can write down your information on a piece of paper and assign you a short id number. Then, instead of giving your account number and driver's license for each transaction, you can just say "I'm client 12"

Translating that to Web Servers: The server will store the pertinent information in the session object, and create a session ID which it will send back to the client in a cookie. When the client sends back the cookie, the server can simply look up the session object using the ID. So, if you delete the cookie, the session will be lost.

One other alternative is for the server to use URL rewriting to exchange the session id.

Transparent Image

For ref: 
    https://www.youtube.com/watch?v=RPcYjVeA2g0
    http://rofansite.wikia.com/wiki/How_to_Complete_Transparent_Clan_Icons_(Complete_Tutorial)

dl,dt,dd HTML elements example