How to create the menu?


The theme's side menu contains a short information about the owner. You can upload your own photo and add some info about yourself. The menu itself uses the 'js-goto' class which makes VSResume to switch between pages. If you want to use an external link, simply remove the 'js-goto' class and add a valid href attribute.

The tiles from the main page work also as a menu so the side menu is completely optional, but the main page can handle up to 9 menu items so if you have more than that it's recommended to use the side menu.

<div class="menu-wrapper js-menu">
	<span class="menu-trigger js-menu-trigger">
		<span class="nav-tip"> Use keyboard for quick navigation. </span>
	</span>
	<div class="menu-content">
		<div class="menu-back">
			<div class="menu-scroll">
				<div class="profile">
					<img src="http://placehold.it/320x320" class="profile-photo" alt="">
					<div class="profile-info">
						<h2 class="profile-name"> [Your name] </h2>
						<h3 class="profile-function"> [Your function] </h3>
						<ul class="profile-list">
							<li>
								<i class="fa fa-map-marker"></i> [Your location] </li>
							<li>
								<i class="fa fa-envelope-o"></i>
								<a href="mailto:[Your email]"> [Your email] </a>
							</li>
							<li>
								<i class="fa fa-link"></i>
								<a href="[Your website]"> [Your website] </a>
							</li>
						</ul>
					</div>
				</div>
				<ul class="menu">
					<li class="menu-item">
						<a class="js-goto" data-target="#about-me" href="/index.php?action=artikel&lang=en&cat=34&id=181&artlang=en#">About me</a>
					</li>
					<li class="menu-item">
						<a class="js-goto" data-target="#skills" href="/index.php?action=artikel&lang=en&cat=34&id=181&artlang=en#">Skills</a>
					</li>
					<li class="menu-item">
						<a class="js-goto" data-target="..." href="/index.php?action=artikel&lang=en&cat=34&id=181&artlang=en#">...</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="menu-cover js-cover"></div>
	</div>
</div>

Last update:
2015-09-30 16:28
Author:
Cristina Cavruc
Revision:
1.1
Average rating:0 (0 Votes)