-
Notifications
You must be signed in to change notification settings - Fork 28
/
index.html
153 lines (126 loc) · 7.81 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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible" content="ie=edge" >
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Primary Meta Tags -->
<title>Make Notes - Online Notepad App</title>
<link rel="shortcut icon" href="favicon.ico">
<meta name="title" content="Make Notes - Online Notepad App">
<meta name="description" content="Online notepad app to take notes, share, organize, and store straight on your device">
<meta name="author" content="Samir Paul">
<meta name="keywords" content="online notepad, create note online, notepad, write text, notepad online, notes, free notepad, online, notepad, notepad online, online notepad, note pad, notepad free, notes online, free online notepad, notepad online free, notepad free online, online notepad free, best online notepad, free notepad online, online free notepad, online writing notepad, online notebook, online note pad, notepad website, notepad offline, notebook online, google,keep,notes,note taking,drive, HTML, Python, CSS, SQL, JavaScript, How to, PHP, Java, C++, jQuery, Bootstrap, C#, XML, MySQL, NodeJS, React, Angular, R, AI, Git, Data Science, Code Game, Tutorials, Programming, Web Development, Training, Learning, Quiz, Courses, Lessons, References, Examples, Source code, Demos, Tips">
<meta name="robots" content="index, follow">
<meta name="p:domain_verify" content="24bac6e1fbf1750de40d59bb788d9dd9"/>
<meta name="p:domain_verify" content="24bac6e1fbf1750de40d59bb788d9dd9"/>
<meta name="msvalidate.01" content="1A92FC2EC113F8616A21D76DA684A133" />
<meta name="yandex-verification" content="fe6a06c57be84984" />
<meta name="yandex-verification" content="39e29790ebc96010" />
<meta name="facebook-domain-verification" content="3pkgruuk3kzlsn3jdfehgbd4sem1qb" />
<meta name="google-site-verification" content="tTMVzrqoAcZ0jIPOokXcTMAEaj5XHbk2aQcAFyjAtf0" />
<meta name="google-site-verification" content="uziThFIJ1huzKLCKv-DChPbWZTRRFqmmdA6pcA-dqzs" />
<meta name="google-site-verification" content="fVqw6aziPBBMvC50fkQ3A6y38AhIfhUhfDyIzqqdGTs" />
<meta name="google-site-verification" content="0xx-nlxp3UCpu_YITeTuMA4ld0Jup5hg69j-QNot0aU" />
<meta name="google-site-verification" content="YZkjOzwrUSuP4dJNNznzDnp1oGqYsVN9KuQPaZ9Q61o" />
<meta name="norton-safeweb-site-verification" content="2xno70lnqo1ajcykeat10qud6lat0xlkc2bskxz0k9ma74g0bn-kprra5ev6bwui2s6-2394l0ryopjet7yt3hs8tokilug2cfhocw3r0nlj2t1xx690tgu82t59wtwi" />
<link rel="canonical" href="https://samirpaulb.github.io/MakeNotes"/>
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://samirpaulb.github.io/MakeNotes">
<meta property="og:title" content="Make Notes - Online Notepad App">
<meta property="og:description" content="Online notepad app to take notes, share, organize, and store straight on your device">
<meta property="og:image" content="https://raw.githubusercontent.com/SamirPaulb/assets/main/Make-Notes-Online_Notepad_App_social-image.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://samirpaulb.github.io/MakeNotes">
<meta property="twitter:title" content="Make Notes - Online Notepad App">
<meta property="twitter:description" content="Online notepad app to take notes, share, organize, and store straight on your device">
<meta property="twitter:image" content="https://raw.githubusercontent.com/SamirPaulb/assets/main/Make-Notes-Online_Notepad_App_social-image.png">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
<style>
/* width */
::-webkit-scrollbar {
width: 15px;
}
/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey;
border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #01ff2c;
border-radius: 10px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #255efc;
}
h1 {
margin: 0 0 10px 0;
font-size: 60px;
font-weight: 700;
line-height: 56px;
background: linear-gradient(to right, #01c7d2, #ff00bf, #ff0000, #ff0000);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="https://samirpaulb.github.io/MakeNotes/">𝐓𝐚𝐤𝐞 𝐍𝐨𝐭𝐞𝐬</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="https://github.com/SamirPaulb/MakeNotes" target = "_blank" >Contribute 💻</a>
</li>
</ul>
<form class="d-flex">
<input class="form-control me-2" id ="searchTxt" type="search" placeholder="🔍 𝙎𝙚𝙖𝙧𝙘𝙝 𝙉𝙤𝙩𝙚𝙨" aria-label="Search">
<button class="btn btn-outline-success" type="submit"> 𝙎𝙚𝙖𝙧𝙘𝙝 </button>
</form>
</div>
</div>
</nav>
<!---adding editable div-->
<!--- <div class="container3 " id="contain3" border:2px solid black>
<div id="edittext">hello! click here to edit</div>
</div>-->
<div class="container my-3 ">
<h1>Take Some Notes </h1>
<div class="card text-dark bg-light mb-3">
<div class="card-body">
<h5 class="card-title">ℕ𝕠𝕥𝕖</h5>
<div class="form-group">
<label class="visually-hidden" for="specificSizeInputName">Name</label>
<input type="text" class="form-control" id="addText" placeholder="Write your note here ... ">
</div>
<br>
<button id="addBtn" class="btn btn-primary">+𝘼𝙙𝙙 𝙉𝙤𝙩𝙚</button>
</div>
</div>
<h3 style="color: green;">Your Notes</h3>
<hr>
<div id="notes" class="row container-fluid">
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"
integrity="sha384-q2kxQ16AaE6UbzuKqyBE9/u/KzioAlnx2maXQHiDX9d4/zp8Ok3f+M7DPm+Ib6IU"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.min.js"
integrity="sha384-pQQkAEnwaBkjpqZ8RU1fF1AKtTcHJwFl3pblpTlHXybJjHpMYo79HY3hIi4NKxyj"
crossorigin="anonymous"></script>
<script src="app.js"></script>
</body>
</html>