slavailchenko35
/
ajax


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
							<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Ajax</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	
	<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>
	
	<link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.min.css">
	<link rel="stylesheet" href="css/style.css">

</head>
<body>
	<div class="container">
		<div class="page-header"><h1>Google books</h1></div>

		<form id="form-search">
			<div class="input-group form-group">
				<span class="input-group-btn">
					<button class="btn btn-secondary" type="submit"><i class="glyphicon glyphicon-search"></i></button>
				</span>
				<input type="text" name="query" class="form-control" placeholder="Search for...">
			</div>
		</form>

		<div class="row">
			<div class="col-xs-6">
				<div class="panel panel-info" hidden>
					<div class="panel-heading"><h4>Books</h4></div>
					<div class="panel-body">
						<div class="list-group" id="books-list">
							<!--  -->
						</div>
					</div>
				</div>
			</div>
			<div class="col-xs-6">
				<div class="panel panel-info" id="book-info" hidden=""></div>
			</div>
		</div>
		
	</div>

	<script src="lib/jquery/dist/jquery.min.js"></script>
	<script src="lib/bootstrap/dist/js/bootstrap.min.js"></script>

	<script src="js/index.js"></script>
</body>
</html>