Skip to content

Commit

Permalink
Try to add Navbar dynamicaly
Browse files Browse the repository at this point in the history
  • Loading branch information
YakeDev committed Oct 13, 2024
1 parent 15f4943 commit a663aa1
Show file tree
Hide file tree
Showing 2 changed files with 84 additions and 0 deletions.
42 changes: 42 additions & 0 deletions contact.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<script src="https://cdn.tailwindcss.com"></script>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css"
/>
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
crossorigin="anonymous"
/>
<title>My Favorite Books Music App</title>
</head>

<body
class="dark-theme bg-gray-900 text-gray-300 d-flex flex-column min-vh-100"
>
<!-- Navbar -->
<div id="header-placeholder" class="sticky top-0 z-20"></div>

<main>
<h1>Page content</h1>
</main>

<!-- Footer -->
<div id="footer-placeholder" class="mt-auto"></div>

<!-- JavaScript -->
<script src="./script.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"
></script>
</body>
</html>
42 changes: 42 additions & 0 deletions faq.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<script src="https://cdn.tailwindcss.com"></script>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css"
/>
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
crossorigin="anonymous"
/>
<title>My Favorite Books Music App</title>
</head>

<body
class="dark-theme bg-gray-900 text-gray-300 d-flex flex-column min-vh-100"
>
<!-- Navbar -->
<div id="header-placeholder" class="sticky top-0 z-20"></div>

<main>
<h1>FAQs</h1>
</main>

<!-- Footer -->
<div id="footer-placeholder" class="mt-auto"></div>

<!-- JavaScript -->
<script src="./script.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"
></script>
</body>
</html>

0 comments on commit a663aa1

Please sign in to comment.