From 5ec642dd405eb7c6c64f5e3cda4642d176ce2218 Mon Sep 17 00:00:00 2001
From: Kevin Samuel <developer@kevinnlsamuel.com>
Date: Fri, 13 Oct 2023 10:47:10 +0530
Subject: [PATCH] feeemailformat (#7)

* add now service fee mail format

* list on services page
---
 src/services.md               | 19 ++++---
 src/services/feemailformat.md | 96 +++++++++++++++++++++++++++++++++++
 2 files changed, 109 insertions(+), 6 deletions(-)
 create mode 100644 src/services/feemailformat.md

diff --git a/src/services.md b/src/services.md
index 8af56e5..d91f718 100644
--- a/src/services.md
+++ b/src/services.md
@@ -4,13 +4,20 @@ title: services
 ---
 
 <article>
-    <header>
-        <h1>COMING SOON&hellip;</h1>
-    </header>
+<header>
+<h1>Services</h1>
 
-    a collection of tools to make life a
-    little easier in this uni&hellip; maybe&hellip;
+<p>
+a collection of tools to make life a
+little easier in this uni&hellip; maybe&hellip;
+</p>
+</header>
 
-    &hellip;someone has to make them and they are lazy
+
+- [Fee Payment Email Format](/services/feemailformat)
+
+<big class="container">MORE COMING SOON&hellip;</big>
+<p>&hellip;someone has to make them and they are lazy</p>
 
 </article>
+
diff --git a/src/services/feemailformat.md b/src/services/feemailformat.md
new file mode 100644
index 0000000..6bbaa0d
--- /dev/null
+++ b/src/services/feemailformat.md
@@ -0,0 +1,96 @@
+---
+layout: base
+title: Fee Mail Format
+desc: copiable format for mail to confirm fee payment details
+---
+
+<header class="center">
+			<h1>Fee Payment Email Format</h1>
+			<button id="copybtn" disabled="">COPY</button>
+			<p>that email thing format in a neat table that you can copy to gmail</p>
+			<p>psst. might not work everywhere. but <b>LONG PRESS</b> and paste. do not pick from keyboard</p>
+<div>
+			<script type="module">
+				const btn = document.getElementById('copybtn');
+				btn.addEventListener("click", ()=> {
+					window.getSelection().selectAllChildren(document.querySelector('article'));
+					document.execCommand('copy');
+					btn.innerText = 'COPIED!';
+					btn.disabled = true;
+                    setTimeout(()=>{btn.disabled = false; btn.innerText = 'COPY'},3000)
+				});
+				btn.disabled = false;
+			</script>
+		</div>
+</header>
+
+<article>
+<table>
+        <thead>
+            <tr><th>Student Details</th></tr>
+        </thead>
+    <tbody>
+        <tr>
+            <td>Semester</td><td>II</td>
+        </tr><tr>
+            <td>Name of the Student</td><td></td>
+        </tr><tr>
+            <td>Course/Programme</td><td></td>
+        </tr><tr>
+            <td>Roll Number</td><td></td>
+        </tr><tr>
+            <td>Category</td><td>General / EWS / OBC / WDP / SC / ST / VHC / PHC</td>
+        </tr><tr>
+        </tr>
+        <tr><td>Phone Number</td><td></td>
+        </tr>
+    </tbody>
+</table>
+
+<table>
+        <thead>
+            <tr><th>Payment Details</th></tr>
+        </thead>
+    <tbody>
+        <tr>
+            <td>Name of Account Holder</td><td></td>
+        </tr>
+        <tr>
+            <td>Account Number</td><td></td>
+        </tr>
+        <tr>
+            <td>Name of the Bank</td><td></td>
+        </tr>
+        <tr>
+            <td>Branch</td><td></td>
+        </tr>
+        <tr>
+            <td>IFSC Code</td><td></td>
+        </tr>
+        <tr>
+            <td>Amount Paid</td><td></td>
+        </tr>
+        <tr>
+            <td>Date of Payment</td><td></td>
+        </tr>
+        <tr>
+            <td>Payment Mode</td><td>SBI to SBI / NEFT / IMPS / UPI</td>
+        </tr>
+        <tr>
+            <td>Transaction Number</td><td></td>
+        </tr>
+        <tr>
+            <td>Reference Number</td><td></td>
+        </tr>
+        <tr>
+            <td>UTR Number</td><td></td>
+        </tr>
+        <tr>
+            <td>INB Reference Number <small>(SBI to SBI)</small></td><td></td>
+        </tr>
+        <tr>
+            <td>Challan Number</td><td></td>
+        </tr>
+    </tbody>
+</table>
+</article>