Rain/Front-end-Design-Project
1
0
Fork 0
mirror of https://github.com/Rainyy21/Front-end-Design-Project.git synced 2026-10-10 23:40:24 -04:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1 from Rainyy21/layout

Browse Source 
the layout for html
This commit is contained in:
Simon Zheng
2026-02-19 10:25:00 -05:00
committed by GitHub
parent cd27398b27 296991e451
commit 7e34e643b6
1 changed files with 63 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
main.html
+63 -3
View File
@@ -1,11 +1,71 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>My First Page</title> <!-- Required meta tags -->
<meta charset="utf-8">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous"> <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> </head>
<body> <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> </body>
</html> </html>