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

start style

Browse Source
This commit is contained in:
Rainy21
2026-02-21 00:22:07 -05:00
parent 787f3458b4
commit 671765ea97
3 changed files with 27 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/style.css
+18
View File
@@ -0,0 +1,18 @@
#body_page{
display: flex;
flex-direction: row;
}
#side_bar{
background-color:brown;
display:flex;
flex-direction: column;
justify-content:center;
height: 100vh;
width: 30vw;
}
#menu{
list-style-type:none;
}
#navagtor{
}
js/main.js
View File
main.html
+9 -2
View File
@@ -8,9 +8,16 @@
<!-- Bootstrap CSS --> <!-- Bootstrap CSS -->
<title>Show log</title> <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"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous">
<!-- CSS -->
<link href="./css/style.css" rel="stylesheet">
<!-- JS -->
<script src="./js/main.js"></script>
</head> </head>
<body> <body>
<div id = "body"> <div id = "body_page">
<!--might make this entire thing a div--> <!--might make this entire thing a div-->
<div id = "side_bar"> <div id = "side_bar">
<h1> <h1>
@@ -37,7 +44,7 @@
</div> </div>
</div> </div>
<!--this is where they show the info for the book/ maybe make it into a data base--> <!--this is where they show the info for the book/ maybe make it into a data base-->
<div id ="libary"> <div id ="homepage">
<div> <div>
<!--welcome message/ search bar / add button--> <!--welcome message/ search bar / add button-->
<h1> <h1>