-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
338 lines (312 loc) · 15.8 KB
/
index.html
File metadata and controls
338 lines (312 loc) · 15.8 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CodeTrust IT Services - Enterprise Web Solutions</title>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="css/stylesheet.css">
<!-- Font Awesome Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-light sticky-top">
<div class="container">
<a class="navbar-brand" href="#home">
<i class="fas fa-code"></i> CodeTrust IT Services
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="#home">Home</a></li>
<li class="nav-item"><a class="nav-link" href="#services">Services</a></li>
<li class="nav-item"><a class="nav-link" href="#technology">Technology</a></li>
<li class="nav-item"><a class="nav-link" href="#about">About</a></li>
<li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Hero Section -->
<section id="home" class="hero-section">
<div class="container">
<h1>Enterprise-Grade Web Solutions Built for Scale</h1>
<p>Secure, scalable applications powered by Java Spring Boot, Spring Security, and modern frontend technologies — the same stack trusted by banking and fintech platforms.</p>
<div class="mt-4">
<a href="#contact" class="btn btn-primary-custom">Schedule Free Consultation</a>
<a href="#services" class="btn btn-secondary-custom">View Our Approach</a>
</div>
</div>
</section>
<!-- Services Section -->
<section id="services">
<div class="container">
<h2 class="section-title">What We Build</h2>
<div class="row g-4">
<div class="col-md-6 col-lg-4">
<div class="service-card">
<div class="service-icon"><i class="fas fa-shield-alt"></i></div>
<h3>Secure Web Applications</h3>
<p>Custom applications with JWT authentication and Spring Security — enterprise-level protection for your business data.</p>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="service-card">
<div class="service-icon"><i class="fas fa-globe"></i></div>
<h3>Professional Business Websites</h3>
<p>Fast-loading, mobile-responsive sites built to convert visitors into customers.</p>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="service-card">
<div class="service-icon"><i class="fas fa-bolt"></i></div>
<h3>Performance Optimization</h3>
<p>Speed and security upgrades using industry best practices from financial sector applications.</p>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="service-card">
<div class="service-icon"><i class="fas fa-sync-alt"></i></div>
<h3>System Modernization</h3>
<p>Upgrade legacy systems with scalable architecture built on Java Spring Boot.</p>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="service-card">
<div class="service-icon"><i class="fas fa-headset"></i></div>
<h3>Ongoing Support & Maintenance</h3>
<p>Regular security updates, monitoring, and technical support to keep your systems running smoothly.</p>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="service-card">
<div class="service-icon"><i class="fas fa-laptop-code"></i></div>
<h3>Custom Development</h3>
<p>Tailored solutions designed specifically for your unique business requirements and workflows.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Technology Section -->
<section id="technology" class="tech-section">
<div class="container">
<h2 class="section-title">Built on Proven Technology</h2>
<div class="tech-content">
<p class="lead text-center">We use the same backend technologies that power major banking systems, UPI platforms, and enterprise applications:</p>
<div class="row g-4 mt-3">
<div class="col-md-6 col-lg-4">
<div class="tech-item">
<i class="fab fa-java"></i>
<strong>Java & Spring Boot</strong><br>
<span>Industry-standard backend framework</span>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="tech-item">
<i class="fas fa-lock"></i>
<strong>Spring Security & JWT</strong><br>
<span>Bank-grade authentication</span>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="tech-item">
<i class="fas fa-network-wired"></i>
<strong>RESTful APIs</strong><br>
<span>Scalable, maintainable architecture</span>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="tech-item">
<i class="fas fa-mobile-alt"></i>
<strong>Modern Frontend</strong><br>
<span>Fast, responsive user interfaces</span>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="tech-item">
<i class="fas fa-database"></i>
<strong>Database Management</strong><br>
<span>MySQL, PostgreSQL optimization</span>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="tech-item">
<i class="fas fa-cloud"></i>
<strong>Cloud Deployment</strong><br>
<span>AWS, Azure, scalable hosting</span>
</div>
</div>
</div>
<p class="mt-4 text-center" style="color: #64748b;">Our approach ensures your application can grow with your business.</p>
</div>
</div>
</section>
<!-- About Section -->
<section id="about">
<div class="container">
<h2 class="section-title">Experience That Matters</h2>
<div class="about-content">
<p class="lead text-center">CodeTrust IT Services</p>
<div class="row g-4 mt-4">
<div class="col-md-6 col-lg-4">
<div class="highlight-box">
<i class="fas fa-server"></i>
<h4>Secure Backend Architecture</h4>
<p>Enterprise-level system design</p>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="highlight-box">
<i class="fas fa-user-shield"></i>
<h4>Enterprise-Grade Authentication</h4>
<p>JWT & Spring Security implementation</p>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="highlight-box">
<i class="fas fa-chart-line"></i>
<h4>Long-Term Reliability</h4>
<p>Built to last and scale</p>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="highlight-box">
<i class="fas fa-handshake"></i>
<h4>Professional Delivery</h4>
<p>On-time, quality-focused approach</p>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="highlight-box">
<i class="fas fa-code"></i>
<h4>Clean Code Standards</h4>
<p>Maintainable, documented solutions</p>
</div>
</div>
<div class="col-md-6 col-lg-4">
<div class="highlight-box">
<i class="fas fa-headset"></i>
<h4>Dedicated Support</h4>
<p>24/7 technical assistance available</p>
</div>
</div>
</div>
<p class="text-center mt-4" style="color: #64748b; font-size: 1.1rem;">Our focus is simple: build systems that work reliably, scale efficiently, and protect your data.</p>
</div>
</div>
</section>
<!-- Why Choose Us Section -->
<section id="why-choose" class="why-choose">
<div class="container">
<h2 class="section-title">Our Commitment</h2>
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="check-item">
<i class="fas fa-check-circle"></i>
<div>
<strong>Free consultation and project demo before commitment</strong>
<p style="color: #64748b; margin-top: 5px;">No obligation. We'll show you exactly what we can build for you.</p>
</div>
</div>
<div class="check-item">
<i class="fas fa-check-circle"></i>
<div>
<strong>Backend architecture used by financial institutions</strong>
<p style="color: #64748b; margin-top: 5px;">The same technology stack that powers banking and payment systems.</p>
</div>
</div>
<div class="check-item">
<i class="fas fa-check-circle"></i>
<div>
<strong>Transparent communication throughout development</strong>
<p style="color: #64748b; margin-top: 5px;">Regular updates and clear milestones at every stage.</p>
</div>
</div>
<div class="check-item">
<i class="fas fa-check-circle"></i>
<div>
<strong>Secure data handling and GDPR awareness</strong>
<p style="color: #64748b; margin-top: 5px;">Your data privacy and security is our top priority.</p>
</div>
</div>
<div class="check-item">
<i class="fas fa-check-circle"></i>
<div>
<strong>Long-term support and scalability planning</strong>
<p style="color: #64748b; margin-top: 5px;">We build with your future growth in mind.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="contact-section">
<div class="container">
<div class="contact-form">
<h3>Let's Discuss Your Project</h3>
<p>Free consultation • No obligation • Confidential</p>
<form id="contactForm" onsubmit="return false;">
<input type="text" class="form-control" name="name" placeholder="Full Name" required>
<input type="email" class="form-control" name="email" placeholder="Business Email" required>
<textarea class="form-control" name="message" rows="5" placeholder="Tell us about your project..." required></textarea>
<button type="submit" class="btn btn-submit">Submit Enquiry</button>
<p class="privacy-note">Your information is handled securely and never shared with third parties.</p>
</form>
</div>
</div>
</section>
<!-- Success Modal -->
<div id="successModal" class="success-modal">
<div class="success-modal-content">
<span class="close-modal">×</span>
<div class="success-icon">
<i class="fas fa-check-circle"></i>
</div>
<h3>Something Went Wrong!</h3>
<p>Don't worry, you can still chat with us directly:</p>
<div class="contact-options">
<a href="codetrust.help@gmail.com" class="contact-option-btn gmail-btn">
<i class="fas fa-envelope"></i>
<span>Chat on Gmail</span>
<small>codetrust.help@gmail.com</small>
</a>
<a href="https://www.instagram.com/codetrust_it_services/" target="_blank" rel="noopener noreferrer" class="contact-option-btn instagram-btn">
<i class="fab fa-instagram"></i>
<span>Chat on Instagram</span>
<small>@codetrust_it_services</small>
</a>
</div>
<p class="connect-note">We will connect with you as soon as possible!</p>
</div>
</div>
<!-- Footer -->
<footer>
<div class="container">
<p>© 2026 CodeTrust IT Services. All rights reserved.</p>
<p>Building enterprise-grade web solutions with integrity and excellence.</p>
<div class="footer-links">
<a href="codetrust.help@gmail.com">
<i class="fa-solid fa-envelope"></i> codetrustitservices@gmail.com
</a>
<a href="https://www.instagram.com/codetrust_it_services/" target="_blank">
<i class="fa-brands fa-instagram"></i> codetrust_it_services
</a>
<a href="https://github.com/codetrustitservices" target="_blank">
<i class="fa-brands fa-github"></i> codetrustitservices
</a>
</div>
</div>
</footer>
<!-- Bootstrap JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/js/bootstrap.bundle.min.js"></script>
<!-- Custom JavaScript -->
<script src="js/script.js"></script>
</body>
</html>