I am making a web app for a photographer, as a http://ift.tt/Y0UwaS. I started from basic html+css+jquery. I have a front page with hidden menu and menu page. But, it seems like I need to make it with ember.js, since data will be loaded dynamically. Can you please help on how to proceed with ember. I went through tutorials, but kinda cant get it right(. I never used it before. Thank you!
Here is link of first page on codepen: http://ift.tt/19rEmgI
<html>
<head>
<title>Timur Uteshbekov Studio</title>
<link href='http://ift.tt/19rEoVW' rel='stylesheet' type='text/css'>
</head>
<body>
<header>
<h1>Timur Uteshbekov</h1>
<h2>Studio</h2>
</header>
<a id="nav-toggle" href="#"><span></span></a>
<div class="content">
<ul class="bmenu">
<li><a href="#">About</a></li>
<li><a href="#">Illustrations</a></li>
<li><a href="#">Photography</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<script type="text/javascript" src="http://ift.tt/ruu4ao"></script>
</body>
</div>
</html>
$(document).ready (function() {
$('.bmenu').hide();
$('#nav-toggle').click(function() {
$('header').fadeOut('slow');
$('.bmenu').fadeIn('slow');
this.classList.toggle("active");
});
});
Aucun commentaire:
Enregistrer un commentaire