BookBase/updateBooks.html at main · Aisha-Umar/BookBase · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
<!DOCTYPE HTML>
<!--
	Editorial by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
	<head>
		<title>Bookshelf</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
		<link rel="stylesheet" href="assets/css/main.css" />
	</head>
	<body class="is-preload">

		<!-- Wrapper -->
			<div id="wrapper">

				<!-- Main -->
					<div id="main">
						<div class="inner">

							<!-- Header -->
								<header id="header">
									<a href="index.html" class="logo">Bookshelf</a>
								</header>

							<!-- Content -->
								<section class="bookshelf">
									<header class="main">
										<h1>Manage My Bookshelf</h1>
									</header>

									<span class="image main"><img src="images/bookshelfMain.png" alt="" /></span>


									<!-- Form -->
									<h3>Update My Bookshelf</h3>

									<!-- Book Info Input-->
									<form method="post" action="#">
										<div class="row gtr-uniform">
											<div class="col-6 col-12-xsmall">
												<input type="text" name="book-title" class="book-title" value="" placeholder="Title" />
											</div>
											<div class="col-6 col-12-xsmall">
												<input type="text" name="book-author" class="book-author" value="" placeholder="Author" />
											</div>
											<!-- Submit -->
											<ul class="actions">
												<li><a href="#" class="button primary add-book">Add Book</a></li>
												<li><a href="#" class="button primary remove-book">Remove Book</a></li>
											</ul>
										</div>
									</form>


									<hr class="major" />

									<h2 class="display-added-book"></h2>


								</section>

						</div>
					</div>

				<!-- Sidebar -->
				<div id="sidebar">
					<div class="inner">

					  <!-- Search -->
						<!-- <section id="search" class="alt">
						  <form method="post" action="#">
							<input type="text" name="query" id="query" placeholder="Search" />
						  </form>
						</section> -->

					  <!-- Menu -->
						<nav id="menu">
						  <header class="major">
							<h2>Menu</h2>
						  </header>
						  <ul>
							<li><a href="index.html">Homepage</a></li>
							<li><a href="updateBooks.html">Add Books</a></li>
							<li><a href="elements.html">View Library</a></li>
						  </ul>
						</nav>

					  <!-- Footer -->
						<footer id="footer">
						  <p class="copyright">&copy; Untitled. All rights reserved. Demo Images: <a href="https://unsplash.com">Unsplash</a>. Design: <a href="https://html5up.net">HTML5 UP</a>.</p>
						</footer>

					</div>
				  </div>


			</div>

		<!-- Scripts -->
			<script src="assets/js/jquery.min.js"></script>
			<script src="assets/js/browser.min.js"></script>
			<script src="assets/js/breakpoints.min.js"></script>
			<script src="assets/js/util.js"></script>
			<script src="assets/js/main.js"></script>
			<script src="https://kit.fontawesome.com/b2904d8eec.js" crossorigin="anonymous"></script>

		</body>
</html>