Skip to content

Commit 3078170

Browse files
CodeWithTanimCodeWithTanim
committed
App Development & Bug Fix
App Development (Android & iSO Version Pricing Added )& Fix a bug of Drop Down Menu.
1 parent 0698b50 commit 3078170

7 files changed

Lines changed: 378 additions & 0 deletions

File tree

‎AppDev.html‎

Lines changed: 339 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,339 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>App Development | ExploitInject</title>
8+
<meta name="description"
9+
content="Professional Android and iOS app development services. Build high-performance, secure mobile applications with ExploitInject.">
10+
<meta name="keywords"
11+
content="App Development, Android App Development, iOS App Development, Mobile App Services, Flutter Development, ExploitInject App Dev">
12+
<meta name="author" content="ExploitInject Team">
13+
14+
<meta property="og:title" content="App Development | ExploitInject">
15+
<meta property="og:description"
16+
content="Professional Android and iOS app development services. Build high-performance, secure mobile applications with us.">
17+
<meta property="og:type" content="website">
18+
<meta property="og:url" content="https://exploitinject.github.io/ExploitInject/AppDev.html">
19+
<meta property="og:image" content="https://i.ibb.co/JWrx9kZG/Simple-Profile-Photo-Instagram-Post.png">
20+
21+
<meta name="robots" content="index, follow">
22+
23+
<script type="application/ld+json">
24+
{
25+
"@context": "https://schema.org",
26+
"@type": "Service",
27+
"serviceType": "Mobile App Development",
28+
"provider": {
29+
"@type": "Organization",
30+
"name": "ExploitInject"
31+
},
32+
"description": "Custom Android and iOS mobile application development from concept to store release."
33+
}
34+
</script>
35+
<link rel="icon" href="https://i.ibb.co/JWrx9kZG/Simple-Profile-Photo-Instagram-Post.png" type="image/png">
36+
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;800&display=swap" rel="stylesheet">
37+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
38+
39+
<!-- Link to the shared design system -->
40+
<link rel="stylesheet" href="style.css">
41+
<style>
42+
.process-step {
43+
text-align: center;
44+
}
45+
46+
.step-number {
47+
width: 60px;
48+
height: 60px;
49+
background: #00eaff;
50+
color: #000;
51+
border-radius: 50%;
52+
display: flex;
53+
align-items: center;
54+
justify-content: center;
55+
font-size: 24px;
56+
font-weight: 800;
57+
margin: 0 auto 20px;
58+
box-shadow: 0 0 15px #00eaff;
59+
}
60+
61+
.platform-header {
62+
text-align: center;
63+
margin: 60px 0 30px;
64+
position: relative;
65+
}
66+
67+
.platform-header h2 {
68+
font-size: 36px;
69+
color: #fff;
70+
display: inline-block;
71+
padding: 10px 40px;
72+
border-bottom: 2px solid #00eaff;
73+
}
74+
75+
.platform-header i {
76+
margin-right: 15px;
77+
color: #00eaff;
78+
}
79+
</style>
80+
</head>
81+
82+
<body>
83+
84+
<!-- BACKGROUND -->
85+
<div class="background-animation">
86+
<div class="grid"></div>
87+
<script>
88+
for (let i = 0; i < 25; i++) {
89+
let circle = document.createElement("div");
90+
circle.classList.add("circle");
91+
circle.style.width = circle.style.height = Math.random() * 15 + 8 + "px";
92+
circle.style.left = Math.random() * 100 + "vw";
93+
circle.style.animationDuration = Math.random() * 7 + 6 + "s";
94+
circle.style.opacity = Math.random();
95+
document.querySelector(".background-animation").appendChild(circle);
96+
}
97+
</script>
98+
</div>
99+
100+
<!-- NAVBAR -->
101+
<nav id="siteNav">
102+
<div class="leftnav">
103+
<a href="index.html" class="logo" title="ExploitInject — Home">
104+
<span class="logo-img" aria-hidden="true">
105+
<img src="https://i.ibb.co/JWrx9kZG/Simple-Profile-Photo-Instagram-Post.png" alt="ExploitInject">
106+
</span>
107+
<span class="logo-text glitch">ExploitInject</span>
108+
</a>
109+
</div>
110+
<div class="navlinks">
111+
<a href="index.html">Home</a>
112+
<a href="about.html">About</a>
113+
<a href="services.html" class="active">Services</a>
114+
<a href="connect.html">Connects</a>
115+
</div>
116+
</nav>
117+
118+
<!-- HERO SECTION -->
119+
<section class="hero" style="height: 60vh; min-height: 400px;">
120+
<div style="width: 100%; text-align: center;">
121+
<h2 style="font-size: 50px;">App Development <br><span>Solutions</span></h2>
122+
<p style="margin: 20px auto; max-width: 800px;">
123+
Build high-performance, secure, and user-friendly mobile applications for Android and iOS.
124+
From MVP to Enterprise-grade solutions, we bring your ideas to life.
125+
</p>
126+
<div class="hero-btns" style="justify-content: center;">
127+
<a href="#android-pricing" class="btn">Android Plans</a>
128+
<a href="#ios-pricing" class="btn" style="background: transparent; border: 1px solid #00eaff; color: #00eaff;">iOS Plans</a>
129+
</div>
130+
</div>
131+
</section>
132+
133+
<!-- SERVICE DETAILS -->
134+
<section class="section">
135+
<div class="contact-grid" style="align-items: center;">
136+
<div class="intro">
137+
<h3 style="color: #00eaff; margin-bottom: 20px; font-size: 28px;">Cross-Platform & Native Apps</h3>
138+
<p style="color: #c9c9c9; line-height: 1.6; margin-bottom: 20px;">
139+
We specialize in creating robust mobile experiences that engage users and drive business growth.
140+
Whether you need a native Android app, a native iOS app, or a cross-platform solution using Flutter or React Native, our team delivers excellence.
141+
</p>
142+
<p style="color: #c9c9c9; line-height: 1.6; margin-bottom: 20px;">
143+
Our development focus is on security, speed, and intuitive UI/UX design, ensuring your app stands out in the crowded app stores.
144+
</p>
145+
</div>
146+
<div class="glass-panel" style="padding: 10px;">
147+
<img src="https://images.unsplash.com/photo-1512941937669-90a1b58e7e9c?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80"
148+
alt="Mobile App Development" style="width: 100%; border-radius: 10px;">
149+
</div>
150+
</div>
151+
</section>
152+
153+
<!-- ANDROID PRICING SECTION -->
154+
<section class="section" id="android-pricing" style="padding-top: 0;">
155+
<div class="platform-header">
156+
<h2><i class="fab fa-android"></i> Android Development</h2>
157+
</div>
158+
<div class="features">
159+
<!-- Android Basic -->
160+
<div class="card">
161+
<div class="service-icon"><i class="fas fa-mobile-alt"></i></div>
162+
<h3>Android Basic</h3>
163+
<div class="price">$300</div>
164+
<ul class="pricing-features">
165+
<li><i class="fas fa-check"></i> Single Platform (Android)</li>
166+
<li><i class="fas fa-check"></i> Basic UI Components</li>
167+
<li><i class="fas fa-check"></i> Standard Features</li>
168+
<li><i class="fas fa-check"></i> 2–3 weeks delivery</li>
169+
</ul>
170+
<a href="order.html" class="btn" style="width:100%; margin-top:15px; text-align:center;">Get Started</a>
171+
</div>
172+
173+
<!-- Android Standard -->
174+
<div class="card" style="border-color: #00eaff; box-shadow: 0 0 20px rgba(0, 238, 255, 0.15);">
175+
<div
176+
style="position: absolute; top: 10px; right: 10px; background: #00eaff; color: #000; padding: 4px 12px; border-radius: 20px; font-weight: bold; font-size: 12px;">
177+
Best Value</div>
178+
<div class="service-icon"><i class="fas fa-code"></i></div>
179+
<h3>Android Standard</h3>
180+
<div class="price">$800</div>
181+
<ul class="pricing-features">
182+
<li><i class="fas fa-check"></i> Custom UI Design</li>
183+
<li><i class="fas fa-check"></i> API Integration</li>
184+
<li><i class="fas fa-check"></i> Push Notifications</li>
185+
<li><i class="fas fa-check"></i> 4–6 weeks delivery</li>
186+
</ul>
187+
<a href="order.html" class="btn" style="width:100%; margin-top:15px; text-align:center;">Get Started</a>
188+
</div>
189+
190+
<!-- Android Premium -->
191+
<div class="card">
192+
<div class="service-icon"><i class="fas fa-shield-alt"></i></div>
193+
<h3>Android Premium</h3>
194+
<div class="price">$2000</div>
195+
<ul class="pricing-features">
196+
<li><i class="fas fa-check"></i> Enterprise Architecture</li>
197+
<li><i class="fas fa-check"></i> Advanced Animations</li>
198+
<li><i class="fas fa-check"></i> Admin Dashboard</li>
199+
<li><i class="fas fa-check"></i> Full Support & Maintenance</li>
200+
</ul>
201+
<a href="order.html" class="btn" style="width:100%; margin-top:15px; text-align:center;">Get Started</a>
202+
</div>
203+
</div>
204+
</section>
205+
206+
<!-- IOS PRICING SECTION -->
207+
<section class="section" id="ios-pricing">
208+
<div class="platform-header">
209+
<h2><i class="fab fa-apple"></i> iOS Development</h2>
210+
</div>
211+
<div class="features">
212+
<!-- iOS Basic -->
213+
<div class="card">
214+
<div class="service-icon"><i class="fas fa-mobile"></i></div>
215+
<h3>iOS Basic</h3>
216+
<div class="price">$500</div>
217+
<ul class="pricing-features">
218+
<li><i class="fas fa-check"></i> Single Platform (iOS)</li>
219+
<li><i class="fas fa-check"></i> Basic UI Components</li>
220+
<li><i class="fas fa-check"></i> Standard Features</li>
221+
<li><i class="fas fa-check"></i> 3–4 weeks delivery</li>
222+
</ul>
223+
<a href="order.html" class="btn" style="width:100%; margin-top:15px; text-align:center;">Get Started</a>
224+
</div>
225+
226+
<!-- iOS Standard -->
227+
<div class="card" style="border-color: #00eaff; box-shadow: 0 0 20px rgba(0, 238, 255, 0.15);">
228+
<div
229+
style="position: absolute; top: 10px; right: 10px; background: #00eaff; color: #000; padding: 4px 12px; border-radius: 20px; font-weight: bold; font-size: 12px;">
230+
Most Popular</div>
231+
<div class="service-icon"><i class="fas fa-paint-brush"></i></div>
232+
<h3>iOS Standard</h3>
233+
<div class="price">$1200</div>
234+
<ul class="pricing-features">
235+
<li><i class="fas fa-check"></i> Custom iOS UI Design</li>
236+
<li><i class="fas fa-check"></i> Advanced Backend Integration</li>
237+
<li><i class="fas fa-check"></i> Core Data / Storage</li>
238+
<li><i class="fas fa-check"></i> 5–8 weeks delivery</li>
239+
</ul>
240+
<a href="order.html" class="btn" style="width:100%; margin-top:15px; text-align:center;">Get Started</a>
241+
</div>
242+
243+
<!-- iOS Premium -->
244+
<div class="card">
245+
<div class="service-icon"><i class="fas fa-crown"></i></div>
246+
<h3>iOS Premium</h3>
247+
<div class="price">$3000</div>
248+
<ul class="pricing-features">
249+
<li><i class="fas fa-check"></i> High-End Custom Features</li>
250+
<li><i class="fas fa-check"></i> Scalable Infrastructure</li>
251+
<li><i class="fas fa-check"></i> Multi-language Support</li>
252+
<li><i class="fas fa-check"></i> App Store Optimization (ASO)</li>
253+
</ul>
254+
<a href="order.html" class="btn" style="width:100%; margin-top:15px; text-align:center;">Get Started</a>
255+
</div>
256+
</div>
257+
</section>
258+
259+
<!-- PROCESS SECTION -->
260+
<section class="section" style="background: rgba(255,255,255,0.02);">
261+
<h2>Our Workflow</h2>
262+
<div class="features">
263+
<div class="card process-step">
264+
<div class="step-number">1</div>
265+
<h3>Wireframing</h3>
266+
<p>Establishing flow and user experience design.</p>
267+
</div>
268+
<div class="card process-step">
269+
<div class="step-number">2</div>
270+
<h3>Development</h3>
271+
<p>Coding with high-quality standards and tests.</p>
272+
</div>
273+
<div class="card process-step">
274+
<div class="step-number">3</div>
275+
<h3>Testing</h3>
276+
<p>Rigorous QA on real devices and simulators.</p>
277+
</div>
278+
<div class="card process-step">
279+
<div class="step-number">4</div>
280+
<h3>Deployment</h3>
281+
<p>Submission to Google Play & Apple App Store.</p>
282+
</div>
283+
</div>
284+
</section>
285+
286+
<!-- CTA SECTION -->
287+
<section class="section">
288+
<div class="glass-panel" style="text-align: center; max-width: 800px; margin: 0 auto;">
289+
<h2 style="margin-bottom: 20px;">Have a Unique Idea?</h2>
290+
<p style="margin-bottom: 30px; color: #c9c9c9;">We can build custom cross-platform solutions tailored exactly to your needs.</p>
291+
<a href="connect.html" class="btn">Talk to an Expert</a>
292+
</div>
293+
</section>
294+
295+
<!-- FOOTER -->
296+
<footer class="main-footer">
297+
<div class="footer-content">
298+
<div class="footer-col">
299+
<h4>ExploitInject</h4>
300+
<p>Bridging the gap between Cyber Security and Software Development.</p>
301+
</div>
302+
<div class="footer-col">
303+
<h4>Quick Links</h4>
304+
<ul class="footer-links">
305+
<li><a href="index.html">Home</a></li>
306+
<li><a href="about.html">About Us</a></li>
307+
<li><a href="services.html">Services</a></li>
308+
<li><a href="connect.html">Connect</a></li>
309+
</ul>
310+
</div>
311+
<div class="footer-col">
312+
<h4>Connect With Us</h4>
313+
<div class="footer-social-icons">
314+
<a href="#" class="footer-social-link" title="Facebook Group"><i class="fab fa-facebook-f"></i></a>
315+
<a href="#" class="footer-social-link" title="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
316+
<a href="#" class="footer-social-link" title="GitHub"><i class="fab fa-github"></i></a>
317+
<a href="mailto:contact@exploitinject.com" class="footer-social-link" title="Email Us"><i
318+
class="fas fa-envelope"></i></a>
319+
</div>
320+
</div>
321+
</div>
322+
<div class="footer-bottom">
323+
&copy; 2022 - <span id="currentYear"></span> ExploitInject • Made in Bangladesh
324+
</div>
325+
</footer>
326+
327+
<script>
328+
document.getElementById("currentYear").textContent = new Date().getFullYear();
329+
330+
// Navbar shrink script
331+
window.onscroll = () => {
332+
let nav = document.querySelector("nav");
333+
if (window.scrollY > 50) nav.classList.add("shrink");
334+
else nav.classList.remove("shrink");
335+
};
336+
</script>
337+
</body>
338+
339+
</html>

‎client-info-rp-trader.html‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -160,6 +160,11 @@
160160
background: rgba(0, 0, 0, 0.6);
161161
}
162162

163+
select option {
164+
background: #05070e;
165+
color: #fff;
166+
}
167+
163168
.form-group .file-info {
164169
font-size: 12px;
165170
color: #9aa4af;

‎connect.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -160,6 +160,7 @@ <h3 style="color: #00eaff; margin-bottom: 15px; font-size: 24px;">Connect With U
160160
<option>Training & Placement</option>
161161
<option>Incident Response</option>
162162
<option>Web Development</option>
163+
<option>App Development</option>
163164
</select>
164165

165166
<textarea name="message" rows="5" placeholder="Brief description of your request" required></textarea>

‎index.html‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -198,6 +198,7 @@ <h3>Programming Training</h3>
198198
</div>
199199
<h3>App Development</h3>
200200
<p>Android & iOS apps, cross‑platform solutions, clean UI and robust backend.</p>
201+
<a href="AppDev.html" style="color: #00eaff; text-decoration: none; font-size: 14px; margin-top: 10px; display: inline-block;">Learn More <i class="fas fa-arrow-right" style="font-size: 12px;"></i></a>
201202
</div>
202203
<!-- 6. software development -->
203204
<div class="card">

0 commit comments

Comments
 (0)