jQuery addClass example

Change class name on click in jQuery

by DefuZe

HTML

<div class='logo-span'>
<span class='top-text'>Вода<br>Крыма</span>
		<a href='#'>		
			<img src='http://voda.crimea.ru/assets/images/logo-nontext-500w.png'>
		</a>
		<span class='bottom-text'>Личный<br>кабинет</span>
</div>

CSS

.logo-span {
	position: relative;
	text-decoration: none;
	width: 50%;
	margin: 0 auto;
}	

img {
  width: 200px;
  display: block;
	border: 0;
	padding: 10px 0 0;
	max-width: 100%;
}

.logo-span span {
	text-transform: uppercase;
  position: absolute;
  line-height: 1.1;
  letter-spacing: 0.13em;
  left: 120px;
  /** right: 10px; **/

    /* padding-top: 8px; */
   
  color: #358ac2;
   font-size: 16px;
   text-align: left;
       
    
    
  
}

.logo-span > .top-text {
  top: 9px;
  font-size: 120%;
   font-weight: bold;
}

.logo-span > .bottom-text {
   top: 116px;
}