diff --git a/index.css b/index.css
new file mode 100644
index 0000000..1ba5c16
--- /dev/null
+++ b/index.css
@@ -0,0 +1,43 @@
+body {
+ background-image: url("web3.jpg");
+ background-size: cover;
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+ font-weight: bold;
+ text-align: center;
+}
+
+h1 {
+ margin-top: 50px;
+ margin-bottom: 10px;
+}
+
+h2 {
+ font-size: 50px;
+ margin-top: 0;
+ margin-bottom: 20px;
+}
+
+button {
+ border: none;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ color: white;
+ font-weight: bold;
+ width: 200px;
+ margin-bottom: 5px;
+ border-radius: 5px;
+}
+
+#increment-btn {
+ background: darkred;
+}
+
+#save-btn {
+ background: darkgreen;
+ margin-bottom: 50px;
+}
+
+#saved-el{
+ font-size: 40px;
+ margin-top: 100px;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..78beaef
--- /dev/null
+++ b/index.html
@@ -0,0 +1,18 @@
+
+
+
+
+
+
+ Document
+
+
+ Web3Bridge Counter:
+ 0
+
+
+ Previous Entries :
+
+
+
+
diff --git a/index.js b/index.js
new file mode 100644
index 0000000..d94b4c3
--- /dev/null
+++ b/index.js
@@ -0,0 +1,15 @@
+let countEL = document.getElementById("count");
+let savedEl = document.getElementById("saved-el");
+let count = 0;
+
+function increment() {
+ count += 1;
+ countEL.innerHTML = count;
+}
+
+function save() {
+ let countStr = count + " - ";
+ savedEl.innerHTML += countStr;
+ countEL.innerHTML = 0;
+ count = 0;
+}
diff --git a/web3.jpg b/web3.jpg
new file mode 100644
index 0000000..8cbb5c0
Binary files /dev/null and b/web3.jpg differ