dexiouz/DOM_project.html

## DOM_project.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <link href="styles.css" rel="stylesheet" />
    <title>JavaScript DOM Tutorials</title>
  </head>
  <body>
  	<div id="wrapper">
	    <header>
	    	<div id="page-banner">
	    		<h1 class="title">Readal</h1>
          <p>Books for developers</p>
          <form id="search-books">
            <input type="text" placeholder="Search books..." />
          </form>
	    	</div>
	    </header>
	    <div id="book-list">
	    	<h2 class="title">Books to Read</h2>
	    	<ul>
	    		<li>
	    			<span class="name">Eloquent javascript</span>
	    			<span class="delete">delete</span>
	    		</li>
	    		<li>
	    			<span class="name">Beginning javascript</span>
	    			<span class="delete">delete</span>
	    		</li>
	    		<li>
	    			<span class="name">Speaking javascript</span>
	    			<span class="delete">delete</span>
	    		</li>
	    		<li>
	    			<span class="name">You don't know javascript</span>
	    			<span class="delete">delete</span>
	    		</li>
	    	</ul>
	    </div>
	    <form id="add-book">
	    	<input type="text" placeholder="Add new book..." />
	    	<button>Add</button>
	    </form>

    </div>
    <script src="Dom.js"></script>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<link href="styles.css" rel="stylesheet" />
	<title>JavaScript DOM Tutorials</title>
	</head>
	<body>
	<div id="wrapper">
	<header>
	<div id="page-banner">
	<h1 class="title">Readal</h1>
	<p>Books for developers</p>
	<form id="search-books">
	<input type="text" placeholder="Search books..." />
	</form>
	</div>
	</header>
	<div id="book-list">
	<h2 class="title">Books to Read</h2>
	<ul>
	<li>
	<span class="name">Eloquent javascript</span>
	<span class="delete">delete</span>
	</li>
	<li>
	<span class="name">Beginning javascript</span>
	<span class="delete">delete</span>
	</li>
	<li>
	<span class="name">Speaking javascript</span>
	<span class="delete">delete</span>
	</li>
	<li>
	<span class="name">You don't know javascript</span>
	<span class="delete">delete</span>
	</li>
	</ul>
	</div>
	<form id="add-book">
	<input type="text" placeholder="Add new book..." />
	<button>Add</button>
	</form>

	</div>
	<script src="Dom.js"></script>
	</body>
	</html>