Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title>Book Blog</title>
- <link type="text/css" rel="stylesheet" href="styles/main.css" />
- <script src="scripts/book-libraly.js"></script>
- <script src="scripts/jquery-3.0.0.min.js"></script>
- </head>
- <body>
- <header id="menu">
- <a href="#" id="linkHome">Home</a>
- <a href="#" id="linkLogin">Login</a>
- <a href="#" id="linkRegister">Register</a>
- <a href="#" id="linkListBooks">List Books</a>
- <a href="#" id="linkCreateBooks">Create Books</a>
- <a href="#" id="linkLogout">Logout</a>
- </header>
- <main>
- <section id="loadingBox" >Loading...</section>
- <section id="infoBox" onlcick="$(this).fadeOut()">Info</section>
- <section id="errorBox" onclick="$(this).fadeOut()">Error</section>
- <section id="viewHome" >
- <h1>Welcome</h1>
- Welcome to our book library.
- </section>
- <section id="viewLogin" >
- <h1>Please login</h1>
- <form id="formLogin">
- <div>Username:</div>
- <div><input type="text" id="loginUser" required/></div>
- <div>Password:</div>
- <div><input type="password" id="loginPassword" required/></div>
- <div><input type="submit" value="Login"/></div>
- </form>
- </section>
- <section id="viewBooks" >
- <h1>Books</h1>
- <div id="Books"></div>
- </section>
- <section id="viewCreateBook" >
- <h1>Create new book</h1>
- <div>Title:</div>
- <div><input type="text" id="bookTitle" required/></div>
- <div>Author:</div>
- <div><input type="password" id="bookAuthor" required/></div>
- <div>Description:</div>
- <div><textarea id="bookDescription" rows="10" required></textarea></div>
- <div><input type="submit" value="Create"/></div>
- </section>
- </main>
- <footer>
- Books Library - Sample Project
- </footer>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement