kkeeth · May 25, 2016 03:02
diff --git a/app.css b/app.css
 * {margin: 0; padding: 0;}
 a {text-decoration: none;}

 .fixed {
   position: fixed;
   top: 0;
   height: 70px;
   z-index: 1;
 }

 /* Navigation Settings */
 nav {
   width: 100%;
   height: 70px;
   background: #fff;
 }

 nav li {
   display: inline-block;
   padding: 24px 10px;
 }

 nav li a {
   color: #757575;
   text-transform: uppercase;
 }

 /* Screens Settings */
 section {
   height: 100vh;
 }

 #screen1 {
   background: #43b29d;
 }

 #screen2 {
   background: #efc94d;
 }

 #screen3 {
   background: #e1793d;
 }
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html lang="ja">
  <head>
    <meta charset="UTF-8">
    <title>js tools select</title>
    <link rel="stylesheet" href="./app.css">
  </head>
  <body>
    <div id="container">
      <nav class="fixed">
        <ul>
          <li><a href="#">Home</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Services</a></li>
          <li><a href="#">Team</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </nav>

      <section id="screen1"></section>
      <section id="screen2"></section>
      <section id="screen3"></section>
    </div>
  </body>
 </html>
	<!DOCTYPE html>
	<html lang="ja">
	<head>
	<meta charset="UTF-8">
	<title>js tools select</title>
	<link rel="stylesheet" href="./app.css">
	</head>
	<body>
	<div id="container">
	<nav class="fixed">
	<ul>
	<li><a href="#">Home</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Services</a></li>
	<li><a href="#">Team</a></li>
	<li><a href="#">Contact</a></li>
	</ul>
	</nav>

	<section id="screen1"></section>
	<section id="screen2"></section>
	<section id="screen3"></section>
	</div>
	</body>
	</html>