<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Оригинальное разрешение</title>
<link href="1.css" type="text/css" rel="stylesheet">
<script language="JavaScript" type="text/javascript" src="1.js"></script>
</head>
<body>
<ul class="sidebar">
<li class="active"><a href="#" id="profile"><h4><img class="icon" src="images/icons/card.png"/>PROFILE</h4>
<p>About Me</p></a></li>
<li><a href="#" id="resume"><h4><img class="icon" src="images/icons/resume.png"/>RESUME</h4>
<p>My Job and Skills</p></a></li>
<li><a href="#" id="folio"><h4><img class="icon" src="images/icons/case.png"/>FOLIO</h4>
<p>My Works</p></a></li>
<li><a href="#" id="contact"><h4><img class="icon" src="images/icons/mail.png"/>CONTACT</h4>
<p>Let's Get In Touch!</p></a></li>
</ul>
<script type="text/javascript">
$(document).ready(function(){
$('.sidebar li a').click(function() {
$('.active').removeClass('active');
$(this).addClass('active');
});
});
</script>
</body>
</html> |