sdf

by ASHISH ROX

HTML

<!--=============== section team ===============-->

<div id="team" class="sections animaper ws">

	<div class="content">
	
		<div class="quote-icon"><i class="fa fa-male"></i></div>
	
		<div class="container">
		
			<h3 class="sections-head">Our team</h3>
			<h2>Meet our team</h2>
				<div class="clear"></div>
			<div class="small-separator sepcolor"></div>
			<div class="clear"></div>
			<p> We small, friendly and talented team. We  helping our customers gain popularity in the online world.</p>
			<div class="member-box  animaper">
						
				<div class="moreinfo notvisible">
					<img src="http://cashemir.kwst.net/team/images/photos/1.jpg" class="member-photo respimg" alt="" title="">
					<div class="member-skils">
						<div class="overlay  team-overlay"></div>
						<div class="skillbar-holder ms">				
								
							<div class="skillbar-title-member"><span>HTML5</span></div>					
							<div class="skill-bar-percent-member">45%</div>					
							<div class="skillbar-member" data-percent="45%">
								<div class="skillbar-bar-member"></div>
							</div>
										
							<div class="skillbar-title-member"><span>CSS3</span></div>
							<div class="skill-bar-percent-member">95%</div>
							<div class="skillbar-member" data-percent="95%">
								<div class="skillbar-bar-member"></div>
							</div>
										
							<div class="skillbar-title-member"><span>Javascript</span></div>
							<div class="skill-bar-percent-member">55%</div>
							<div class="skillbar-member" data-percent="55%">
								<div class="skillbar-bar-member"></div>
							</div>	
																
						</div>
					<div class="clear"></div>	
					<p class="clear">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.</p>
							
						<div class="member-social-list">	
											
							<ul>							
								<li><a href="#"  target="_blank" class="transition"><i class="fa fa-facebook fa-1x"></i></a></li>
								<li><a...

CSS

@charset "utf-8";
/* ====================
--------------------------------------------------------------
	++++General Styles++++
	++++Typography++++
	++++Content Styles++++
	++++Navigation++++
	++++Intro++++
	++++About++++
	++++Team++++
	++++Services++++
	++++Portfolio++++
	++++Ajax content++++
	++++Subscribe++++
	++++Testimonials++++
	++++Prices++++
	++++Clients++++
	++++Contacts++++
	++++Footer++++
	++++CSS Animation++++
	++++Media++++
*/

/* ====================
General Style
--------------------------------------------------------------*/

html{
	overflow-x:hidden !important;
	height:100%;
}
body{
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #000;
	background:#fff;
	height:100%;
	text-align:center;
}
.clear{
	clear:both;float:none;
}
@-o-viewport {
	width: device-width;
}
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

/* ====================
Typography
--------------------------------------------------------------*/
h1 {
	font-size: 4.46666666667em;
	text-transform: uppercase;
	letter-spacing: 0.20em;
	font-weight: 400;
	line-height: 1.17em;	
}
h2 {
	font-size: 3.2em;
	letter-spacing: 0.10em;
	font-weight: 300;
	color: #666;
	font-family: 'Oswald', sans-serif;	
}
h3 {
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 0.20em;
	font-weight: 200;
}
h4 {
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: 200;	
}
h5 {
	font-size: 0.8em;
	font-weight: 200;
}
h6 {
	font-size: 0.6em;
	text-transform: uppercase;
	font-weight: 200;
}
.bigtext , .sections-head{
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 0.20em;
	font-weight: 200;
	font-family: 'Oswald', sans-serif;
}
.sections-head{
	opacity:0.9;
}
.small-widht{
	max-width:800px;
	margin:0 auto;
}

/* ====================
Content Styles
--------------------------------------------------------------*/

#main{
	opacity:0;
	height:100%;
}
.wrapper{ 
	height:100%;...