Skip to content

Commit d7f1f22

Browse files
CoreJavaPulseCoreJavaPulse
committed
git
1 parent a9359b1 commit d7f1f22

File tree

4 files changed

+287
-91
lines changed

4 files changed

+287
-91
lines changed

‎contact-form.html‎

Lines changed: 19 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -7,16 +7,17 @@
77
<div class="secure-badge">Secure & Confidential Channel</div>
88
<h2 id="contactModalTitle">Request a Confidential Discussion</h2>
99
<p class="modal-note secure-note" id="contactModalDesc">
10-
This channel is intended for sensitive inquiries. Information shared is accessible only to authorized
10+
This secure channel is intended for sensitive inquiries. Information is accessible only to authorized
1111
personnel.
12-
Please avoid sharing credentials or account numbers.
12+
Please do not include passwords, OTPs, or full account numbers.
1313
</p>
1414

15+
1516
<!-- ✅ PERFECT FORM - Google Sheets Native Submit -->
1617
<form class="contact-form"
1718
action="https://script.google.com/macros/s/AKfycbz7Tj_Z7t3mfnhIAj2rbvhQINo4hFl3y8PfQBS9Ijsza_1HGfqdN5Hpeio9WXp4Ni5JAg/exec"
1819
method="POST">
19-
20+
2021
<input type="hidden" name="_csrf" value="generate-unique-token">
2122
<input type="hidden" name="source" value="Secure Website Contact">
2223
<input type="hidden" name="confidentiality" value="Privileged & Confidential">
@@ -38,28 +39,33 @@ <h2 id="contactModalTitle">Request a Confidential Discussion</h2>
3839
<label>Service Type *
3940
<select name="service_type" required>
4041
<option value="">Select a service</option>
41-
<option value="fraud_investigation">Fraud Investigation</option>
42-
<option value="financial_risk_advisory">Financial Risk Advisory</option>
43-
<option value="aml_compliance_review">AML & Compliance Review</option>
44-
<option value="due_diligence">Due Diligence</option>
42+
<option value="credit_integrity_audit">Credit Integrity Review</option>
43+
<option value="staff_accountability_review">Staff Accountability Assessment</option>
44+
<option value="vendor_surveillance">Third-Party Vendor Review</option>
45+
<option value="ews_monitoring">Early Warning Signal Monitoring</option>
46+
<option value="other">Other / Not Sure</option>
47+
48+
4549
</select>
4650
</label>
4751

48-
52+
4953

5054
<label>Nature of Inquiry
5155
<textarea name="message" rows="4"
5256
placeholder="High-level description only. Do not include credentials or account numbers."></textarea>
5357
</label>
5458

5559
<div class="secure-footer">
56-
<span>🔒 End-to-end encrypted transmission</span>
57-
<span>👤 Restricted access</span>
60+
<span>🔒 Encrypted transmission</span>
61+
<span>🛡️ Restricted professional access</span>
5862
</div>
5963

64+
6065
<p id="formFeedback" class="small-note" style="display:none;"></p>
6166
<button type="submit" class="form-submit secure-submit">
62-
<span class="btn-text">Submit Secure Request</span>
67+
<span class="btn-text">Submit Confidential Request
68+
</span>
6369
<span class="btn-spinner" aria-hidden="true"></span>
6470
</button>
6571

@@ -70,7 +76,8 @@ <h2 id="contactModalTitle">Request a Confidential Discussion</h2>
7076
<div class="success-state" hidden>
7177
<div class="success-check">✓</div>
7278
<h3>Request Submitted</h3>
73-
<p>Your confidential request has been received securely.</p>
79+
<p>Your confidential request has been received. Our team will review and respond appropriately.</p>
80+
7481
<button type="button" class="success-close">Close</button>
7582
</div>
7683
</div>

‎css/style.css‎

Lines changed: 91 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,9 @@ img {
6161
background: linear-gradient(135deg, #0f172a, #0dcaf0);
6262
backdrop-filter: blur(20px);
6363
border-bottom: 1px solid rgba(13, 202, 240, .2);
64-
transition: all .3s ease
64+
transition: all .3s ease;
65+
box-shadow:0 4px 18px rgba(0,0,0,0.08);
66+
6567
}
6668

6769
.navbar-wrapper.scrolled {
@@ -153,7 +155,7 @@ img {
153155
position: relative;
154156
padding: 6px 12px;
155157
border-radius: 20px;
156-
font-size: 19px;
158+
font-size: 16px;
157159
font-weight: 600;
158160
letter-spacing: .2px;
159161
color: #fff;
@@ -206,7 +208,7 @@ img {
206208
background: linear-gradient(135deg, #0f172a, #0dcaf0);
207209
color: #fff;
208210
text-align: center;
209-
padding: 36px 24px;
211+
padding: 40px 24px;
210212
position: relative;
211213
overflow: hidden
212214
}
@@ -518,7 +520,7 @@ img {
518520
.small-note {
519521
font-size: 12px;
520522
color: #64748b;
521-
margin-top: 12px
523+
margin-top: 5px
522524
}
523525

524526
/* =========================================================
@@ -586,7 +588,7 @@ ul li {
586588
border-radius: 12px;
587589
text-align: center;
588590
box-shadow: 0 6px 18px rgba(0, 0, 0, .06);
589-
transition: .3s;
591+
transition: .2s;
590592
opacity: 0;
591593
transform: translateY(20px)
592594
}
@@ -614,8 +616,72 @@ footer {
614616
text-align: center;
615617
background: #0f172a;
616618
color: #94a3b8;
617-
padding: 28px 20px;
618-
font-size: 13.5px
619+
padding: 20px 20px;
620+
font-size: 13.5px;
621+
}
622+
623+
624+
/* Footer Social Icons - Perfect Match */
625+
.footer-social {
626+
display: flex;
627+
justify-content: center;
628+
align-items: center;
629+
width: 100%;
630+
margin-top: 16px;
631+
}
632+
633+
.social-link {
634+
display: flex;
635+
align-items: center;
636+
justify-content: center;
637+
width: 35px;
638+
height: 35px;
639+
border-radius: 12px;
640+
background: linear-gradient(135deg, rgba(13, 202, 240, 0.2), rgba(252, 211, 77, 0.2));
641+
backdrop-filter: blur(10px);
642+
border: 1px solid rgba(13, 202, 240, 0.3);
643+
color: #0dcaf0;
644+
text-decoration: none;
645+
transition: all .3s cubic-bezier(.25, .46, .45, .94);
646+
}
647+
.social-link:hover {
648+
background: linear-gradient(135deg, #0dcaf0, #fcd34d);
649+
color: #fff;
650+
transform: translateY(-2px) scale(1.05);
651+
box-shadow: 0 8px 25px rgba(13, 202, 240, 0.4);
652+
}
653+
654+
.social-icon {
655+
width: 18px;
656+
height: 18px;
657+
flex-shrink: 0;
658+
border-radius: 15%;
659+
}
660+
661+
/* Pedigree Section (Matches service-card exactly) */
662+
.contact-box1 {
663+
background: rgb(235 239 243);
664+
border-left: 4px solid #fcd34d;
665+
margin-top: 2%;
666+
padding: 24px;
667+
border-radius: 8px;
668+
box-shadow: 0 6px 20px rgba(0, 0, 0, .06)
669+
}
670+
671+
.milestone-number {
672+
font-size: 36px;
673+
font-weight: 800;
674+
margin-bottom: 8px;
675+
background: linear-gradient(135deg, #0dcaf0, #fcd34d);
676+
-webkit-background-clip: text;
677+
-webkit-text-fill-color: transparent;
678+
background-clip: text;
679+
}
680+
681+
.milestone-label {
682+
font-size: 14px;
683+
font-weight: 600;
684+
color: #0f172a
619685
}
620686

621687
/* =========================================================
@@ -674,8 +740,26 @@ footer {
674740
margin: 48px auto;
675741
padding: 28px 6%
676742
}
743+
744+
.footer-social {
745+
gap: 16px;
746+
margin: 16px 0;
747+
}
748+
749+
.social-link {
750+
width: 40px;
751+
height: 40px;
752+
}
753+
754+
.social-icon {
755+
width: 20px;
756+
height: 20px;
757+
border-radius: 10%;
758+
}
677759
}
678760

761+
762+
679763
@media (min-width:769px) and (max-width:1200px) {
680764
.hamburger {
681765
display: none

‎extra‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
2+
<!-- PILOT FORM -->
3+
<section id="contactFormSection" class="section-light">
4+
<h2>Request a Pilot Investigation</h2>
5+
<form class="contact-form pilot-form" id="pilotForm">
6+
<div class="form-group">
7+
<label for="pilotName">Full Name *</label>
8+
<input type="text" id="pilotName" name="name" required placeholder="Enter your full name">
9+
</div>
10+
<div class="form-group">
11+
<label for="pilotDesignation">Designation *</label>
12+
<input type="text" id="pilotDesignation" name="designation" required
13+
placeholder="e.g., Credit Head, Risk Manager">
14+
</div>
15+
<div class="form-group">
16+
<label for="pilotOrg">Bank/NBFC *</label>
17+
<input type="text" id="pilotOrg" name="organization" required placeholder="Your institution name">
18+
</div>
19+
<div class="form-row">
20+
<div class="form-group">
21+
<label for="pilotMobile">Mobile *</label>
22+
<input type="tel" id="pilotMobile" name="mobile" required placeholder="+91 98XXX XXXXX">
23+
</div>
24+
<div class="form-group">
25+
<label for="pilotEmail">Email *</label>
26+
<input type="email" id="pilotEmail" name="email" required placeholder="name@bank.com">
27+
</div>
28+
</div>
29+
<div class="form-group">
30+
<label for="pilotDesc">Brief Case Description *</label>
31+
<textarea id="pilotDesc" name="description" rows="4" required
32+
placeholder="High-level overview (e.g., 'SMA-2 account, appraisal concerns')"></textarea>
33+
</div>
34+
<button type="submit" class="form-submit secure-submit">Send Pilot Request →</button>
35+
<p class="small-note">We'll respond within 24 hours with engagement terms.</p>
36+
</form>
37+
</section>

0 commit comments

Comments
 (0)