diff --git a/DevGrants/Third Voting/index.html b/DevGrants/Third Voting/index.html
new file mode 100644
index 000000000..bea8af0fb
--- /dev/null
+++ b/DevGrants/Third Voting/index.html	
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Choice Coin</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta charset="UTF-8" />
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body>
+      
+    <div class="he">
+      <h1>Choice Coin</h1>
+      <button class="connect">Connect Wallet</button>
+    </div>
+    <div class="mainDiv">
+      <div class="wf">
+        <input class="address" type="text" placeholder="Address" />
+        <p>Choice Coin Voting Software</p>
+        <input class="eme" type="text" placeholder="Enter Statement" />
+        <div class="yesNo">
+          <h3 class="yes">Yes</h1>
+          <h3 class="no">No</h2>
+        </div>
+        <button class="submit">Submit</button>
+      </div>
+    </div>
+    <script>
+        // Retrieve AlgoSigner sdk from the browser
+const { AlgoSigner } = window;
+
+// Get the connect button
+const wallet = document.querySelector(".connect");
+
+// function to connect wallet
+const connectWallet = async () => {
+  // Firstly check if algosigner is already installed
+  if (!AlgoSigner) {
+    return alert("Kindly install Algosigner");
+  }
+  // Connect Account if Algosigner is installed
+  await AlgoSigner.connect()
+    .then((d) => {
+      console.log("Connected!");
+    })
+    .catch((e) => console.log("Error in connection"));
+};
+
+wallet.addEventListener("click", async (e) => {
+  await connectWallet();
+  wallet.value = "Connected";
+});
+
+    </script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/DevGrants/Third Voting/myBack.jpg b/DevGrants/Third Voting/myBack.jpg
new file mode 100644
index 000000000..5ce2f81e9
Binary files /dev/null and b/DevGrants/Third Voting/myBack.jpg differ
diff --git a/DevGrants/Third Voting/style.css b/DevGrants/Third Voting/style.css
new file mode 100644
index 000000000..18aadc809
--- /dev/null
+++ b/DevGrants/Third Voting/style.css	
@@ -0,0 +1,82 @@
+* {
+  padding: 0;
+  margin: 0;
+}
+.vid {
+  height: 100%;
+  width: 100%;
+  position: absolute;
+  background-size: cover;
+}
+body {
+  background-image: url("myBack.jpg");
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+.he {
+  padding: 10px;
+  background-color: white;
+  display: flex;
+  justify-content: space-between;
+}
+button {
+  padding: 5px;
+  border-radius: 5px;
+  background-color: black;
+  color: white;
+}
+.mainDiv {
+  width: 400px;
+  height: 400px;
+  background-color: transparent;
+  margin: auto;
+  margin-top: 130px;
+  border: 4px solid;
+  display: flex;
+  justify-content: center;
+  border-radius: 4px;
+}
+.wf {
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+}
+.address {
+  width: 250px;
+  height: 25px;
+  padding: 5px;
+  background-color: transparent;
+  margin: 20px;
+  border-radius: 5px;
+}
+p {
+  margin: 20px;
+  margin-left: 50px;
+}
+.eme {
+  border-radius: 5px;
+  height: 100px;
+  width: 300px;
+  margin: 20px;
+  background-color: transparent;
+}
+.yesNo {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
+}
+.submit {
+  margin-top: 20px;
+}
+.yes:hover {
+  background-color: rgb(71, 160, 71);
+  padding: 10px;
+  border-radius: 5px;
+  color: white;
+}
+.no:hover {
+  background-color: red;
+  color: white;
+  padding: 10px;
+  border-radius: 5px;
+}
