Skip to content

Commit afbbcb5

Browse files
ExploitInjectExploitInject
committed
ExploitInject | Web Development, App Dev & Cyber Security - Bangladesh
1 parent 5f974e7 commit afbbcb5

20 files changed

Lines changed: 5902 additions & 0 deletions

‎ECommerceStore.html‎

Lines changed: 297 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,297 @@
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>E-Commerce Store | ExploitInject</title>
8+
<meta name="description"
9+
content="Build your online store with ExploitInject's E-Commerce development services. Secure, scalable, and feature-rich online shopping platforms.">
10+
<meta name="keywords"
11+
content="E-Commerce Development, Online Store Builder, WooCommerce Development, Shopify Alternative, ExploitInject E-Commerce">
12+
<meta name="author" content="ExploitInject Team">
13+
14+
<meta property="og:title" content="E-Commerce Store | ExploitInject">
15+
<meta property="og:description"
16+
content="Build your online store with ExploitInject's E-Commerce development services. Secure and scalable platforms.">
17+
<meta property="og:type" content="website">
18+
<meta property="og:url" content="https://exploitinject.github.io/ExploitInject/ECommerceStore.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": "E-Commerce Development",
28+
"provider": {
29+
"@type": "Organization",
30+
"name": "ExploitInject"
31+
},
32+
"description": "Complete e-commerce solutions including shopping cart, payment gateway, and inventory management."
33+
}
34+
</script>
35+
36+
<link rel="icon" href="https://i.ibb.co/JWrx9kZG/Simple-Profile-Photo-Instagram-Post.png" type="image/png">
37+
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;800&display=swap" rel="stylesheet">
38+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
39+
40+
<!-- Link to the shared design system -->
41+
<link rel="stylesheet" href="style.css">
42+
<style>
43+
/* Specific page overrides if needed */
44+
.process-step {
45+
text-align: center;
46+
}
47+
48+
.step-number {
49+
width: 60px;
50+
height: 60px;
51+
background: #00eaff;
52+
color: #000;
53+
border-radius: 50%;
54+
display: flex;
55+
align-items: center;
56+
justify-content: center;
57+
font-size: 24px;
58+
font-weight: 800;
59+
margin: 0 auto 20px;
60+
box-shadow: 0 0 15px #00eaff;
61+
}
62+
</style>
63+
</head>
64+
65+
<body>
66+
67+
<!-- BACKGROUND -->
68+
<div class="background-animation">
69+
<div class="grid"></div>
70+
<script>
71+
for (let i = 0; i < 25; i++) {
72+
let circle = document.createElement("div");
73+
circle.classList.add("circle");
74+
circle.style.width = circle.style.height = Math.random() * 15 + 8 + "px";
75+
circle.style.left = Math.random() * 100 + "vw";
76+
circle.style.animationDuration = Math.random() * 7 + 6 + "s";
77+
circle.style.opacity = Math.random();
78+
document.querySelector(".background-animation").appendChild(circle);
79+
}
80+
</script>
81+
</div>
82+
83+
<!-- NAVBAR -->
84+
<nav id="siteNav">
85+
<div class="leftnav">
86+
<a href="index.html" class="logo" title="ExploitInject — Home">
87+
<span class="logo-img" aria-hidden="true">
88+
<img src="https://i.ibb.co/JWrx9kZG/Simple-Profile-Photo-Instagram-Post.png" alt="ExploitInject">
89+
</span>
90+
<span class="logo-text glitch">ExploitInject</span>
91+
</a>
92+
</div>
93+
<div class="navlinks">
94+
<a href="index.html">Home</a>
95+
<a href="about.html">About</a>
96+
<a href="services.html" class="active">Services</a>
97+
<a href="connect.html">Connects</a>
98+
</div>
99+
</nav>
100+
101+
<!-- HERO SECTION -->
102+
<section class="hero" style="height: 60vh; min-height: 400px;">
103+
<div style="width: 100%; text-align: center;">
104+
<h2 style="font-size: 50px;">E-Commerce <br><span>Solutions</span></h2>
105+
<p style="margin: 20px auto; max-width: 800px;">
106+
Build powerful online stores with complete shopping cart systems, secure payment processing, and
107+
comprehensive inventory management.
108+
</p>
109+
<div class="hero-btns" style="justify-content: center;">
110+
<a href="#pricing" class="btn">View Plans</a>
111+
</div>
112+
</div>
113+
</section>
114+
115+
<!-- SERVICE DETAILS -->
116+
<section class="section">
117+
<div class="contact-grid" style="align-items: center;">
118+
<!-- Using contact-grid for side-by-side layout -->
119+
<div class="intro">
120+
<h3 style="color: #00eaff; margin-bottom: 20px; font-size: 28px;">Sell Products Online</h3>
121+
<p style="color: #c9c9c9; line-height: 1.6; margin-bottom: 20px;">
122+
Our e-commerce solutions are designed to provide seamless shopping experiences for your customers.
123+
We build complete online stores with intuitive product catalogs, secure checkout processes, and
124+
comprehensive inventory management.
125+
</p>
126+
<p style="color: #c9c9c9; line-height: 1.6; margin-bottom: 20px;">
127+
From product management and customer accounts to order tracking and analytics, we create e-commerce
128+
platforms that drive sales and build customer loyalty.
129+
</p>
130+
</div>
131+
<div class="glass-panel" style="padding: 10px;">
132+
<img src="https://images.unsplash.com/photo-1556742049-0cfed4f6a45d?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80"
133+
alt="E-Commerce" style="width: 100%; border-radius: 10px;">
134+
</div>
135+
</div>
136+
</section>
137+
138+
<!-- FEATURES GEID -->
139+
<section class="section" style="padding-top: 0;">
140+
<h2>Key Features</h2>
141+
<div class="features">
142+
<div class="card">
143+
<div class="service-icon"><i class="fas fa-boxes"></i></div>
144+
<h3>Product Catalog</h3>
145+
<p>Organized listing with filters and search.</p>
146+
</div>
147+
<div class="card">
148+
<div class="service-icon"><i class="fas fa-shopping-cart"></i></div>
149+
<h3>Shopping Cart</h3>
150+
<p>Advanced cart with easy checkout flow.</p>
151+
</div>
152+
<div class="card">
153+
<div class="service-icon"><i class="fas fa-credit-card"></i></div>
154+
<h3>Payment Gateway</h3>
155+
<p>Secure processing with multiple options.</p>
156+
</div>
157+
<div class="card">
158+
<div class="service-icon"><i class="fas fa-chart-bar"></i></div>
159+
<h3>Order Management</h3>
160+
<p>Tracking, inventory, and analytics.</p>
161+
</div>
162+
</div>
163+
</section>
164+
165+
<!-- PRICING SECTION -->
166+
<section class="section" id="pricing">
167+
<h2>Store Packages</h2>
168+
<div class="features">
169+
<!-- Basic -->
170+
<div class="card">
171+
<div class="service-icon"><i class="fas fa-store"></i></div>
172+
<h3>Basic Store</h3>
173+
<div class="price">$1,999</div>
174+
<ul class="pricing-features">
175+
<li><i class="fas fa-check"></i> Up to 50 products</li>
176+
<li><i class="fas fa-check"></i> Basic catalog</li>
177+
<li><i class="fas fa-check"></i> Single payment gateway</li>
178+
<li><i class="fas fa-check"></i> 4-5 weeks delivery</li>
179+
</ul>
180+
<a href="order.html" class="btn" style="width:100%; margin-top:15px; text-align:center;">Get Started</a>
181+
</div>
182+
183+
<!-- Business -->
184+
<div class="card" style="border-color: #00eaff; box-shadow: 0 0 20px rgba(0, 238, 255, 0.15);">
185+
<div
186+
style="position: absolute; top: 10px; right: 10px; background: #00eaff; color: #000; padding: 4px 12px; border-radius: 20px; font-weight: bold; font-size: 12px;">
187+
Most Popular</div>
188+
<div class="service-icon"><i class="fas fa-shopping-bag"></i></div>
189+
<h3>Business Store</h3>
190+
<div class="price">$3,499</div>
191+
<ul class="pricing-features">
192+
<li><i class="fas fa-check"></i> Up to 500 products</li>
193+
<li><i class="fas fa-check"></i> Multiple gateways</li>
194+
<li><i class="fas fa-check"></i> Inventory management</li>
195+
<li><i class="fas fa-check"></i> Customer accounts</li>
196+
</ul>
197+
<a href="order.html" class="btn" style="width:100%; margin-top:15px; text-align:center;">Get Started</a>
198+
</div>
199+
200+
<!-- Enterprise -->
201+
<div class="card">
202+
<div class="service-icon"><i class="fas fa-crown"></i></div>
203+
<h3>Enterprise</h3>
204+
<div class="price">$6,499</div>
205+
<ul class="pricing-features">
206+
<li><i class="fas fa-check"></i> Unlimited products</li>
207+
<li><i class="fas fa-check"></i> Multi-currency</li>
208+
<li><i class="fas fa-check"></i> Advanced analytics</li>
209+
<li><i class="fas fa-check"></i> API integrations</li>
210+
</ul>
211+
<a href="order.html" class="btn" style="width:100%; margin-top:15px; text-align:center;">Get Started</a>
212+
</div>
213+
</div>
214+
</section>
215+
216+
<!-- PROCESS SECTION -->
217+
<section class="section" style="background: rgba(255,255,255,0.02);">
218+
<h2>Development Process</h2>
219+
<div class="features">
220+
<div class="card process-step">
221+
<div class="step-number">1</div>
222+
<h3>Planning</h3>
223+
<p>Define product structure and customer journey.</p>
224+
</div>
225+
<div class="card process-step">
226+
<div class="step-number">2</div>
227+
<h3>Design & UX</h3>
228+
<p>Create intuitive shopping experience.</p>
229+
</div>
230+
<div class="card process-step">
231+
<div class="step-number">3</div>
232+
<h3>Development</h3>
233+
<p>Build cart, payment, and backend systems.</p>
234+
</div>
235+
<div class="card process-step">
236+
<div class="step-number">4</div>
237+
<h3>Launch</h3>
238+
<p>Testing, security audit, and deployment.</p>
239+
</div>
240+
</div>
241+
</section>
242+
243+
<!-- CTA SECTION -->
244+
<section class="section">
245+
<div class="glass-panel" style="text-align: center; max-width: 800px; margin: 0 auto;">
246+
<h2 style="margin-bottom: 20px;">Ready to Start Selling?</h2>
247+
<p style="margin-bottom: 30px; color: #c9c9c9;">Build a professional e-commerce store that converts visitors
248+
into customers.</p>
249+
<a href="connect.html" class="btn">Launch Your Store</a>
250+
</div>
251+
</section>
252+
253+
<!-- FOOTER -->
254+
<footer class="main-footer">
255+
<div class="footer-content">
256+
<div class="footer-col">
257+
<h4>ExploitInject</h4>
258+
<p>Bridging the gap between Cyber Security and Software Development.</p>
259+
</div>
260+
<div class="footer-col">
261+
<h4>Quick Links</h4>
262+
<ul class="footer-links">
263+
<li><a href="index.html">Home</a></li>
264+
<li><a href="about.html">About Us</a></li>
265+
<li><a href="services.html">Services</a></li>
266+
<li><a href="connect.html">Connect</a></li>
267+
</ul>
268+
</div>
269+
<div class="footer-col">
270+
<h4>Connect With Us</h4>
271+
<div class="footer-social-icons">
272+
<a href="#" class="footer-social-link" title="Facebook Group"><i class="fab fa-facebook-f"></i></a>
273+
<a href="#" class="footer-social-link" title="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
274+
<a href="#" class="footer-social-link" title="GitHub"><i class="fab fa-github"></i></a>
275+
<a href="mailto:contact@exploitinject.com" class="footer-social-link" title="Email Us"><i
276+
class="fas fa-envelope"></i></a>
277+
</div>
278+
</div>
279+
</div>
280+
<div class="footer-bottom">
281+
&copy; 2022 - <span id="currentYear"></span> ExploitInject • Made in Bangladesh
282+
</div>
283+
</footer>
284+
285+
<script>
286+
document.getElementById("currentYear").textContent = new Date().getFullYear();
287+
288+
// Navbar shrink script
289+
window.onscroll = () => {
290+
let nav = document.querySelector("nav");
291+
if (window.scrollY > 50) nav.classList.add("shrink");
292+
else nav.classList.remove("shrink");
293+
};
294+
</script>
295+
</body>
296+
297+
</html>

0 commit comments

Comments
 (0)