Logout from gmail in HTC Desire 310 mobile

                                                         Sign into gmail account

                                                              Check mails

                                                            Go to Settings

                                         Click on ACCOUNT >> Google

                                                Click on your gmail account

                   Click on menu option and select Remove account

                                                        Click on Remove

Text Style Zoom

Text Zoom:

<style>
.container{
margin:0px auto;
width: 1000px;
}
#textzoom a{
color:  #0081C2;
font-family: 'Corbel';
font-size:4em;
font-weight: bold;
text-decoration: none;
transition:all 2s ease-in-out;
}
#textzoom a:hover{
font-size:8em;
transition:all 2s ease-in-out;
}
</style>
<div class="container">
<div id="textzoom">
<a href=""> Text Zoom</a>
</div></div>

Text Zoom

Text Shadow Style

Shadow Text Styles: 

<style>

.container{

margin:0px auto;

width: 1000px;

}

#shadowtext1 a{

color:  #026202;

font-family: Arial,sans-serif;

font-size: 45px;

font-weight: bold;

text-decoration:none;

text-shadow:2px 2px black;

}

#shadowtext2 a{

color:  #026202;

font-family: Arial,sans-serif;

font-size: 45px;

font-weight: bold;

text-decoration:none;

text-shadow:2px 2px 2px black;

}

#shadowtext3 a{

color:  #026202;

font-family: Arial,sans-serif;

font-size: 45px;

font-weight: bold;

text-decoration:none;

text-shadow:5px 6px 5px black;

}

.text1 a{

color:  #054d52;

text-decoration: none;

font-family: Arial,sans-serif;

font-size: 45px;

font-weight: bold;

text-shadow:0px 0px 5px #000;

}

</style>

<div class="container">

<hr>

<div id="shadowtext1">

<a href=""> Life Is Beautiful</a>

</div>

<hr>

<div id="shadowtext2">

<a href=""> Life Is Beautiful</a>

</div>

<hr>

<div id="shadowtext3">

<a href=""> Life Is Beautiful</a>

</div>

<hr>

<div class="text1">

<a href=""> Life Is Beautiful</a>

</div>

</div>

 

Life Is Beautiful

---

Life Is Beautiful

---

Life Is Beautiful

---

Life Is Beautiful

CSS3 Animated Menu

CSS3 Animated Menu :

Download Source code(10kb file)

<style>

.container{

margin: 0px auto;

width: 1000px;

height:500px;

background: #827f80;

}

.slidemenu{

list-style: none;

}

.slidemenu li a{

color:  #FFF;

text-decoration: none;

font-family: Arial,sans-serif;

font-size: 16px;

font-weight: bold;

line-height: 35px;

margin-left: 20px;

}

.slidemenu li{

margin-bottom: 2px;

}

.slidemenu li.one{

width: 8px;

height: 30px;

background: #28a33c;

transition:all 0.5s ease;

}             

.slidemenu li.two{

width: 8px;

height: 30px;

background: #d00338;

transition:all 0.5s ease;

}

.slidemenu li.three{

width: 8px;

height: 30px;

background: #703cb7;

transition:all 0.5s ease;

}

.slidemenu li.four{

width: 8px;

height: 30px;

background: #1d8ea4;

transition:all 0.5s ease;

}

.slidemenu li.five{

width: 8px;

height: 30px;

background: #667513;

transition:all 0.5s ease;

}

.slidemenu li.six{

width: 8px;

height: 30px;

background: #ac2692;

transition:all 0.5s ease;

}

.slidemenu li.seven{

width: 8px;

height: 30px;

background: #b3b3c5;

transition:all 0.5s ease;

}             

.slidemenu li:hover{

transition:all 0.5s ease;

width: 200px;

}

</style>

<div class="container">

<ul class="slidemenu">

<li class="one"><a href="">Home</a></li>

<li class="two"><a href="">Profile</a></li>

<li class="three"><a href="">Services</a></li>

<li class="four"><a href="">Gallery</a></li>

<li class="five"><a href="">Notifications</a></li>

<li class="six"><a href="">Contact</a></li>

<li class="seven"><a href="">About</a></li>

</ul>

</div>