mirror of
https://github.com/Rainyy21/Front-end-Design-Project.git
synced 2026-10-10 23:30:22 -04:00
Rainy21
87 lines
2.2 KiB
HTML
87 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang = "en">
|
|
<head>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<!-- Bootstrap CSS -->
|
|
<title>Show log</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
|
|
</head>
|
|
<body>
|
|
<div id = "body">
|
|
<!--might make this entire thing a div-->
|
|
<div id = "side_bar">
|
|
<h1>
|
|
Book and Movie log
|
|
</h1>
|
|
<div id = "navagtor">
|
|
<!--dashboard-->
|
|
<!--let user add book/ show-->
|
|
<!--consider a toggle for book and show-->
|
|
<!--let user seach for book-->
|
|
<ul id = "menu">
|
|
<li>
|
|
<a href="">Dashboard</a>
|
|
</li>
|
|
<li>
|
|
<a href="">Log</a>
|
|
</li>
|
|
<li>
|
|
<a href="">Stats</a>
|
|
</li>
|
|
|
|
</ul>
|
|
<!--maybe add a shelve-->
|
|
</div>
|
|
</div>
|
|
<!--this is where they show the info for the book/ maybe make it into a data base-->
|
|
<div id ="libary">
|
|
<div>
|
|
<!--welcome message/ search bar / add button-->
|
|
<h1>
|
|
Good evening
|
|
</h1>
|
|
<div id = "seach_bar">
|
|
|
|
</div>
|
|
<div id = "addLog_button">
|
|
+ log a book/show
|
|
</div>
|
|
</div>
|
|
|
|
<!--currently reading-->
|
|
<div id = "currently">
|
|
</div>
|
|
|
|
<!--data-->
|
|
|
|
<!--log-->
|
|
<div>
|
|
<div id = "log_nav">
|
|
<h2>
|
|
My log
|
|
</h2>
|
|
<!--more nav button-->
|
|
<div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--the log-->
|
|
<div>
|
|
</div>
|
|
|
|
<!--data about genera-->
|
|
<div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--Bootstrap Bundle with Popper -->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" crossorigin="anonymous"></script>
|
|
</body>
|
|
</html>
|