Skip to content

Instantly share code, notes, and snippets.

@walidum

walidum/html.html

Last active August 27, 2021 15:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save walidum/8bc68b4419a41c129f781ee470a6fa6b to your computer and use it in GitHub Desktop.
Save walidum/8bc68b4419a41c129f781ee470a6fa6b to your computer and use it in GitHub Desktop.
Download ZIP
Raw
html.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>TODO LIST</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="nav-todo">
<span class="title">Our keep</span>
<div onClick="showPopup()" class="nav-todo-add-btn">
<span>+</span>
</div>
</div>
<div class="list-cards">
<div id="notes" class="list-cards-container">
</div>
</div>
<div id="popup" class="popup-container">
<div class="popup">
<span class="popup-title">Add new note</span>
<input id="input" placeholder="Your note title">
<textarea id="textarea" rows="10"></textarea>
<div class="actions">
<div onclick="creatNote()" class="create">
<span>Create</span>
</div>
<div onclick="closePopup()" class="cancel">
<span>Cancel</span>
</div>
</div>
</div>
</div>
<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