-
Notifications
You must be signed in to change notification settings - Fork 12
/
index.html
84 lines (74 loc) · 4.11 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="keywords"
content="Notes Jar, note-taking app, notepad app, sticky notes app, digital notebook app, to-do list app, task tracker app, list maker app, thought organizer app, brain dump app, memory bank app, note taking app for students, note taking app for business, note taking app for personal use, note taking app for teams, free note taking app, easy-to-use note taking app, powerful note taking app, secure note taking app, note taking app with tags, note taking app with search, note taking app with offline access, note taking app with open code, open source notes taking app" />
<meta name="description"
content="Introducing Notes Jar, your new note-taking companion! Capture your thoughts instantly and access them anytime with our secure local storage feature. Ideal for students and professionals, Notes Jar makes note-taking simple and efficient." />
<meta name="author" content="Arpit Ghura" />
<!-- Social Sharing -->
<meta property="og:image" content="https://d33wubrfki0l68.cloudfront.net/5fbc10f514319a00073fcbfb/screenshot.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1024">
<meta property="og:image:height" content="1024">
<meta property="og:type" content="website" />
<meta property="og:url" content="https://www.notes-jar.netlify.app" />
<meta property="og:title" content="Notes Jar: Note It Down, We'll Remember!" />
<meta property="og:description"
content="Looking for a simple and smart way to take notes online? Check out Notes Jar, the app that captures your thoughts instantly and securely. With Notes Jar, you can access your notes anytime, anywhere. Try it today and see why Notes Jar is the ultimate note-taking companion!" />
<link rel="shortcut icon" href="favicon.png" type="image/x-icon" />
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
integrity="sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="style.css" />
<title>Notes Jar: Note It Down, We'll Remember!</title>
</head>
<body>
<header>
<div class="heading d-flex flex-wrap justify-content-between">
<a href="/"><img src="logo.png" height="60px" /></a>
<div class="buttons">
<button class="btn btn-success learn-more add mx-4 mt-2" id="addNote">
<!-- <span class="circle" aria-hidden="true">
<span class="icon arrow"></span>
</span> -->
<span class="circle"></span>
<span class="circle"></span>
<span class="circle"></span>
<span class="circle"></span>
<span class="circle"></span>
<span class="circle"></span>
<span class="circle"></span>
<span class="circle"></span>
<span class="circle"></span>
<span class="circle"></span>
<span class="button-text">Add a note</span>
</button>
<label class="switch">
<input type="checkbox">
<span class="slider round" id="toDark"></span>
</label>
</div>
</div>
</header>
<main id="main">
<div class="no-notes-available text-center">
<img id="image" src="no-notes.gif" alt="No Notes Found. Create One..." class="no-notes-img">
</div>
<div id="notesContainer">
</div>
</main>
<!-- code for toast -->
<div id="snackbar">Some text some message..</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
<script src="main.js"></script>
</body>
</html>