|
| 1 | +# Prime Risk Advisory — Website |
1 | 2 |
|
2 | | -/* HAMBURGER */ |
3 | | -.hamburger { |
4 | | - display: none; |
5 | | -} |
6 | | - |
7 | | -.hamburger span { |
8 | | - display: block; |
9 | | - width: 22px; |
10 | | - height: 2px; |
11 | | - background: #ffffff; |
12 | | - margin: 5px 0; |
13 | | - border-radius: 2px; |
14 | | -} |
15 | | - |
16 | | -@media (max-width: 1200px) and (min-width: 769px) { |
17 | | - .hamburger { |
18 | | - display: block; |
19 | | - position: absolute; |
20 | | - right: 18px; |
21 | | - top: 18px; |
22 | | - cursor: pointer; |
23 | | - z-index: 1200; |
24 | | - } |
25 | | - |
26 | | - .nav-links { |
27 | | - position: fixed; |
28 | | - top: 0; |
29 | | - right: 0; |
30 | | - width: 85vw; |
31 | | - max-width: 320px; |
32 | | - height: 100vh; |
33 | | - background: rgba(15, 23, 42, 0.92); |
34 | | - backdrop-filter: blur(16px); |
35 | | - display: flex; |
36 | | - flex-direction: column; |
37 | | - padding-top: 88px; |
38 | | - transform: translate3d(100%, 0, 0); |
39 | | - transition: transform 0.35s ease; |
40 | | - overflow-x: hidden; |
41 | | - box-sizing: border-box; |
42 | | - z-index: 1000; |
43 | | - } |
44 | | - |
45 | | - .nav-links.open { |
46 | | - transform: translate3d(0, 0, 0); |
47 | | - } |
48 | | - |
49 | | - .nav-links::before { |
50 | | - content: ""; |
51 | | - position: absolute; |
52 | | - top: 64px; |
53 | | - left: 24px; |
54 | | - right: 24px; |
55 | | - height: 1px; |
56 | | - background: rgba(255, 255, 255, 0.08); |
57 | | - } |
58 | | - |
59 | | - .nav-links li { |
60 | | - text-align: center; |
61 | | - } |
62 | | - |
63 | | - .nav-links a { |
64 | | - padding: 10px 0; |
65 | | - letter-spacing: 0.3px; |
66 | | - color: #e5e7eb; |
67 | | - font-size: 16px; |
68 | | - display: block; |
69 | | - align-items: center; |
70 | | - } |
71 | | - |
72 | | - .nav-links a:hover { |
73 | | - color: #ffffff; |
74 | | - background: rgba(255, 255, 255, 0.06); |
75 | | - } |
76 | | - |
77 | | - body.menu-open::before { |
78 | | - content: ""; |
79 | | - position: fixed; |
80 | | - inset: 0; |
81 | | - background: rgba(2, 8, 23, 0.65); |
82 | | - backdrop-filter: blur(8px); |
83 | | - z-index: 900; |
84 | | - } |
85 | | -} |
86 | | - |
87 | | - |
88 | | -/* MOBILE */ |
89 | | -@media (max-width: 768px) { |
90 | | - .navbar-wrapper { |
91 | | - position: sticky !important; |
92 | | - top: 0 !important; |
93 | | - will-change: transform; |
94 | | - } |
95 | | - |
96 | | - .navbar { |
97 | | - max-width: 100%; |
98 | | - padding: 0 10px; |
99 | | - } |
100 | | - |
101 | | - .hamburger { |
102 | | - display: block; |
103 | | - position: absolute; |
104 | | - right: 18px; |
105 | | - top: 18px; |
106 | | - cursor: pointer; |
107 | | - z-index: 1200; |
108 | | - } |
109 | | - |
110 | | - .nav-links { |
111 | | - position: fixed; |
112 | | - top: 0; |
113 | | - right: 0; |
114 | | - width: 35vw; |
115 | | - max-width: 300px; |
116 | | - height: 100vh; |
117 | | - background: rgba(15, 23, 42, 0.92); |
118 | | - backdrop-filter: blur(16px); |
119 | | - display: flex; |
120 | | - flex-direction: column; |
121 | | - padding-top: 70px; |
122 | | - transform: translate3d(100%, 0, 0); |
123 | | - transition: transform 0.35s ease; |
124 | | - overflow-x: hidden; |
125 | | - box-sizing: border-box; |
126 | | - z-index: 1000; |
127 | | - } |
128 | | - |
129 | | - .nav-links.open { |
130 | | - transform: translate3d(0, 0, 0); |
131 | | - } |
132 | | - |
133 | | - .nav-links::before { |
134 | | - content: ""; |
135 | | - position: absolute; |
136 | | - top: 54px; |
137 | | - left: 24px; |
138 | | - right: 24px; |
139 | | - height: 1px; |
140 | | - background: rgba(255, 255, 255, 0.08); |
141 | | - } |
142 | | - |
143 | | - .nav-links li { |
144 | | - text-align: center; |
145 | | - } |
146 | | - |
147 | | - .nav-links a { |
148 | | - padding: 16px 24px; /* 44px+ touch target */ |
149 | | - min-height: 48px; |
150 | | - letter-spacing: 0.3px; |
151 | | - color: #e5e7eb; |
152 | | - font-size: 18px; |
153 | | - display: block; |
154 | | - align-items: center; |
155 | | - } |
156 | | - |
157 | | - .nav-links a:hover { |
158 | | - color: #ffffff; |
159 | | - background: rgba(255, 255, 255, 0.06); |
160 | | - } |
161 | | - |
162 | | - body.menu-open::before { |
163 | | - content: ""; |
164 | | - position: fixed; |
165 | | - inset: 0; |
166 | | - background: rgba(2, 8, 23, 0.65); |
167 | | - backdrop-filter: blur(8px); |
168 | | - z-index: 900; |
169 | | - } |
170 | | - |
171 | | - section { |
172 | | - max-width: 100%; |
173 | | - margin: 40px 16px; |
174 | | - padding: 24px; |
175 | | - } |
176 | | - |
177 | | - .site-header { |
178 | | - padding-left: 16px; |
179 | | - padding-right: 16px; |
180 | | - } |
181 | | -} |
182 | | - |
183 | | -@media (max-width: 640px) { |
184 | | - .services-grid { |
185 | | - grid-template-columns: 1fr; |
186 | | - } |
187 | | -} |
| 3 | +Official static website for **Prime Risk Advisory**, an independent consulting practice specializing in fraud investigation, financial risk advisory, AML, and compliance reviews. |
| 4 | + |
| 5 | +🌐 Live Site: https://primeriskadvisory.in/ |
| 6 | + |
| 7 | +--- |
| 8 | + |
| 9 | +## 📌 About the Project |
| 10 | + |
| 11 | +This is a high-performance, responsive static website built to present Prime Risk Advisory’s services and provide a secure contact channel for confidential inquiries. |
| 12 | + |
| 13 | +The site is optimized for: |
| 14 | + |
| 15 | +* Fast load performance |
| 16 | +* Mobile responsiveness |
| 17 | +* Professional financial-services branding |
| 18 | +* Secure form submission to Google Sheets |
| 19 | +* Accessibility and SEO |
| 20 | + |
| 21 | +--- |
| 22 | + |
| 23 | +## 🚀 Features |
| 24 | + |
| 25 | +* ✅ Modern responsive design |
| 26 | +* ✅ Sticky professional navbar |
| 27 | +* ✅ Animated hero section |
| 28 | +* ✅ Services grid with scroll reveal |
| 29 | +* ✅ Secure confidential contact modal |
| 30 | +* ✅ Google Sheets form integration |
| 31 | +* ✅ Spam protection (honeypot) |
| 32 | +* ✅ Success state animation |
| 33 | +* ✅ SEO meta tags & schema |
| 34 | +* ✅ Content Security Policy (CSP) |
| 35 | +* ✅ Lightweight optimized CSS |
| 36 | + |
| 37 | +--- |
| 38 | + |
| 39 | +## 🏗️ Tech Stack |
| 40 | + |
| 41 | +* HTML5 |
| 42 | +* CSS3 (optimized, responsive) |
| 43 | +* Vanilla JavaScript (no frameworks) |
| 44 | +* Google Apps Script (form backend) |
| 45 | +* GitHub Pages (hosting) |
| 46 | + |
| 47 | +--- |
| 48 | + |
| 49 | +## 📁 Project Structure |
| 50 | + |
| 51 | +``` |
| 52 | +primeriskadvisory/ |
| 53 | +│ |
| 54 | +├── index.html |
| 55 | +├── contact-form.html |
| 56 | +│ |
| 57 | +├── css/ |
| 58 | +│ └── style.css |
| 59 | +│ |
| 60 | +├── js/ |
| 61 | +│ └── script.js |
| 62 | +│ |
| 63 | +└── images/ |
| 64 | + └── icon_logo.png |
| 65 | +``` |
| 66 | + |
| 67 | +--- |
| 68 | + |
| 69 | +## 🔐 Contact Form Flow |
| 70 | + |
| 71 | +1. User clicks **Request a Confidential Discussion** |
| 72 | +2. Modal loads dynamically |
| 73 | +3. Form submits securely to Google Apps Script |
| 74 | +4. Data stored in Google Sheets |
| 75 | +5. Success animation shown |
| 76 | +6. Honeypot prevents spam bots |
| 77 | + |
| 78 | +--- |
| 79 | + |
| 80 | +## ⚙️ Local Development |
| 81 | + |
| 82 | +To run locally: |
| 83 | + |
| 84 | +```bash |
| 85 | +# Option 1 — open directly |
| 86 | +Open index.html in browser |
| 87 | + |
| 88 | +# Option 2 — using VS Code Live Server |
| 89 | +Right click → Open with Live Server |
| 90 | +``` |
| 91 | + |
| 92 | +--- |
| 93 | + |
| 94 | +## 🌍 Deployment |
| 95 | + |
| 96 | +This site is deployed via **GitHub Pages** with a custom domain from GoDaddy. |
| 97 | + |
| 98 | +### Steps: |
| 99 | + |
| 100 | +1. Push code to GitHub |
| 101 | +2. Enable Pages from main branch |
| 102 | +3. Configure custom domain |
| 103 | +4. Update GoDaddy DNS |
| 104 | +5. Enable HTTPS |
| 105 | + |
| 106 | +--- |
| 107 | + |
| 108 | +## 🔒 Security Notes |
| 109 | + |
| 110 | +* CSP headers implemented |
| 111 | +* Honeypot spam protection |
| 112 | +* No sensitive data stored client-side |
| 113 | +* Secure Google Apps Script endpoint |
| 114 | +* Form avoids credential collection |
| 115 | + |
| 116 | +--- |
| 117 | + |
| 118 | +## 📈 SEO Implemented |
| 119 | + |
| 120 | +* Meta description & keywords |
| 121 | +* Organization schema markup |
| 122 | +* Mobile viewport optimization |
| 123 | +* Fast Core Web Vitals friendly |
| 124 | +* Semantic HTML structure |
| 125 | + |
| 126 | +--- |
| 127 | + |
| 128 | +## 👤 Proprietor |
| 129 | + |
| 130 | +**Amol Pawar** |
| 131 | +Prime Risk Advisory |
| 132 | +India |
| 133 | + |
| 134 | +--- |
| 135 | + |
| 136 | +## 💻 Developer |
| 137 | + |
| 138 | +Website designed and developed by **Hitesh Mane** |
| 139 | +Java Full Stack Developer |
| 140 | + |
| 141 | +--- |
| 142 | + |
| 143 | +## 📜 License |
| 144 | + |
| 145 | +© 2026 Prime Risk Advisory. All rights reserved. |
| 146 | +This website and its contents are proprietary and confidential. |
| 147 | + |
| 148 | +--- |
| 149 | + |
| 150 | +## 🤝 Support |
| 151 | + |
| 152 | +📧 [primeriskadvisory@gmail.com](mailto:primeriskadvisory@gmail.com) |
| 153 | + |
| 154 | +--- |
| 155 | + |
| 156 | +**Prime Risk Advisory** |
| 157 | +*Facts before Conclusions* |
0 commit comments