the layout for html

This commit is contained in:
Rainy21
2026-02-19 10:19:13 -05:00
parent cd27398b27
commit 296991e451
+63 -3
View File
@@ -1,11 +1,71 @@
<!DOCTYPE html>
<html>
<head>
<title>My First Page</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/d.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<title>Show log</title>
</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-->
</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>
</body>
</html>