Created
September 20, 2023 12:58
-
-
Save Scofield-Idehen/91cbba84a853922f047a282efe164b73 to your computer and use it in GitHub Desktop.
index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Secure Notes</title> | |
<!-- CSS stylesheet --> | |
<link rel="stylesheet" href="styles.css"> | |
</head> | |
<body> | |
<!-- Top navigation bar --> | |
<nav> | |
<div class="logo">Secure Notes</div> | |
<ul> | |
<li><a href="#">My Notes</a></li> | |
<li><a href="#">Notebooks</a></li> | |
<li><a href="#">Settings</a></li> | |
</ul> | |
</nav> | |
<!-- Main content --> | |
<main> | |
<!-- Sidebar for navigation --> | |
<aside> | |
<ul> | |
<li>All Notes</li> | |
<li>Notebooks | |
<ul> | |
<li>Work</li> | |
<li>Personal</li> | |
</ul> | |
</li> | |
<li>Tags | |
<ul> | |
<li>Todo</li> | |
<li>Reminders</li> | |
</ul> | |
</li> | |
</ul> | |
</aside> | |
<!-- List of notes --> | |
<section class="notes"> | |
<h2>All Notes</h2> | |
<div class="note"> | |
<h3>Grocery list</h3> | |
<p>Last edited Yesterday</p> | |
</div> | |
<div class="note"> | |
<h3>Secret note</h3> | |
<p>Last edited January 1, 2022</p> | |
</div> | |
<input id="note-title" placeholder="Enter note title"> | |
<textarea id="note-content" placeholder="Enter note content"></textarea> | |
<button id="add-note">Add Note</button> | |
</section> | |
</main> | |
<!-- Encryption password modal --> | |
<div class="modal"> | |
<h2>Enter Password</h2> | |
<input type="password"> | |
<button>OK</button> | |
</div> | |
<!-- JavaScript --> | |
<script src="script.js"></script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment