mirror of
https://github.com/Rainyy21/Front-end-Design-Project.git
synced 2026-10-11 00:30:23 -04:00
the layout for html
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user