//html код//

<ul>
	<li><a clone="главная" href="#">главная</a></li>
	<li><a clone="приложения" href="#">приложения</a></li>
	<li><a clone="портфолио" href="#">портфолио</a></li>
	<li><a clone="отзывы" href="#">отзывы</a></li>
</ul>

//style//
ul
	margin: 0
	padding: 0
	list-style-type: none
	text-transform: uppercase
	overflow: hidden
	display: block
	height: auto
	background: #fff
	li
		display: block
		height: 50px
		float: left
		a
			position: relative
			text-decoration: none
			display: block
			text-align: center
			color: #000
			font-size: em(16px)
			padding: 0 10px
			line-height: 50px

			transition: all .3s ease
			&:hover
				&:before
					margin-top: -50px
			&:before
				position: absolute
				content: attr(clone)
				font-size: em(16px)
				padding: 0 10px
				text-decoration: none
				text-align: center
				display: block
				line-height: 50px
				top: 100%
				left: 0
				color: brown
				background-color: #E0622A
				transition: all .3s ease