Added action

.github/workflows/update_secret.yml

@@ -0,0 +1,23 @@
+name: Update Secret HTML
+
+on: [push]
+
+jobs:
+  update-secret:
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v2
+
+    - name: Replace placeholder with secret HTML
+      run: |
+        sed -i "s|{{ACCESS_KEY_HTML}}|${{ secrets.ACCESS_KEY_HTML }}|g" index.html
+
+    - name: Commit and push changes
+      run: |
+        git config --global user.name 'github-actions'
+        git config --global user.email 'github-actions@github.com'
+        git add index.html
+        git commit -m 'Update access key HTML'
+        git push

index.html

@@ -19,20 +19,23 @@ <h2>Let's Chat</h2>
             </div>
           <div class="right-container">
             <div class="right-inner-container">
-              <form action="#">
+              <form action="https://api.web3forms.com/submit" method="POST">
                   <h2 class="lg-view">Contact</h2>
             <h2 class="sm-view">Let's Chat</h2>
                  <p>* Required</p>
-                <input type="text" placeholder="Name *"  />
-            <input type="email" placeholder="Email *" />
-                  <input type="text" placeholder="Organization" />
-                  <input type="text" placeholder="GitHub Username" />
-                <textarea rows="4" placeholder="Message *"></textarea>
-                  <button>Submit</button>
+                 {{ACCESS_KEY_HTML}}
+                <input type="text" name="name" placeholder="Name *"  required/>
+            <input type="email" name="email" placeholder="Email *" required/>
+                  <input type="text" name="organization" placeholder="Organization" />
+                  <input type="text" name="username" placeholder="GitHub Username" />
+                <textarea rows="4" name="message" placeholder="Message *" required></textarea>
+                  <button type="submit">Submit</button>
               </form>
             </div>
           </div>
         </div>
     </div>
 </body>
 </html>
+
+

style.css

@@ -46,7 +46,7 @@ h2 {
 .right-container {
   display:flex;
   flex:1;
-  height:460px;
+  height:480px;
   background-color: white;
   justify-content:center;
   align-items:center;
@@ -84,7 +84,13 @@ input, textarea {
 	padding: 12px 15px;
 	margin: 8px 0;
 	width: 100%;
-  font-size:0.8rem;
+    font-family: 'Montserrat', sans-serif;
+
+  font-size:0.7rem;
+}
+
+textarea {
+    resize: none;
 }
 
 input:focus, textarea:focus{