ExploitInject/services.html at main · Exploit-Inject/ExploitInject · GitHub

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
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>All Services | ExploitInject</title>
  <meta name="description"
    content="Explore ExploitInject's full range of services: Web Development, Cyber Security, IT Training, Digital Marketing, and more.">
  <meta name="keywords"
    content="Web Development, Cyber Security, IT Training, Digital Marketing, Graphics Design, Web Analytics">
  <meta name="author" content="ExploitInject Team">

  <meta property="og:title" content="Our Services | ExploitInject">
  <meta property="og:description"
    content="Explore ExploitInject's full range of services: Web Development, Cyber Security, IT Training, Digital Marketing, and more.">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://exploitinject.dev/services.html">
  <meta property="og:image" content="https://i.ibb.co/JWrx9kZG/Simple-Profile-Photo-Instagram-Post.png">

  <meta name="robots" content="index, follow">

  <link rel="icon" href="https://i.ibb.co/JWrx9kZG/Simple-Profile-Photo-Instagram-Post.png" type="image/png">
  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;800&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

  <!-- Link to the shared design system -->
  <link rel="stylesheet" href="style.css">
</head>

<body>

  <!-- BACKGROUND -->
  <div class="background-animation">
    <div class="grid"></div>
    <script>
      for (let i = 0; i < 25; i++) {
        let circle = document.createElement("div");
        circle.classList.add("circle");
        circle.style.width = circle.style.height = Math.random() * 15 + 8 + "px";
        circle.style.left = Math.random() * 100 + "vw";
        circle.style.animationDuration = Math.random() * 7 + 6 + "s";
        circle.style.opacity = Math.random();
        document.querySelector(".background-animation").appendChild(circle);
      }
    </script>
  </div>

  <!-- NAVBAR -->
  <nav id="siteNav">
    <div class="leftnav">
      <a href="index.html" class="logo" title="ExploitInject — Home">
        <span class="logo-img" aria-hidden="true">
          <img src="https://i.ibb.co/JWrx9kZG/Simple-Profile-Photo-Instagram-Post.png" alt="ExploitInject">
        </span>
        <span class="logo-text glitch">ExploitInject</span>
      </a>
    </div>
    <div class="navlinks">
      <a href="index.html">Home</a>
      <a href="about.html">About</a>
      <a href="services.html" class="active">Services</a>
      <a href="connect.html">Connects</a>
    </div>
  </nav>

  <!-- HERO SECTION -->
  <section class="hero" style="height: 50vh; min-height: 350px;">
    <div style="width: 100%; text-align: center;">
      <h2 style="font-size: 42px;">Solutions for Every <br><span>Digital Scale</span></h2>
      <p style="margin: 20px auto; max-width: 800px;">
        From high-performance development to elite cyber security defense. Explore our full ecosystem of services.
      </p>
    </div>
  </section>

  <!-- SERVICES HUB SECTION -->
  <section class="section" style="padding-top: 0;">
    <h2>Explore Our Services</h2>

    <div class="features">

      <!-- 1. Web Development -->
      <div class="card">
        <div class="service-icon"><i class="fas fa-globe"></i></div>
        <h3>Web Development</h3>
        <p>Premium landing pages, e-commerce stores, SaaS platforms, and custom full-stack applications.</p>
        <a href="webservice.html" class="btn" style="width:100%; margin-top:15px; text-align:center;">View Pricing</a>
      </div>

      <!-- 2. Cyber Security -->
      <div class="card">
        <div class="service-icon"><i class="fas fa-user-shield"></i></div>
        <h3>Cyber Security</h3>
        <p>Penetration testing, bug hunting, incident response, and advanced security audits for your business.</p>
        <a href="connect.html" class="btn" style="width:100%; margin-top:15px; text-align:center;">Get A Quote</a>
      </div>

      <!-- 3. Cyber Security Training -->
      <div class="card">
        <div class="service-icon"><i class="fas fa-shield-virus"></i></div>
        <h3>Security Training</h3>
        <p>Master ethical hacking and cyber defense with our expert-led tutorial programs and workshops.</p>
        <a href="connect.html" class="btn" style="width:100%; margin-top:15px; text-align:center;">Enroll Now</a>
      </div>

      <!-- 4. Programming Training -->
      <div class="card">
        <div class="service-icon"><i class="fas fa-code"></i></div>
        <h3>Coding Training</h3>
        <p>Learn Python, JavaScript, and modern software development from scratch with hands-on projects.</p>
        <a href="connect.html" class="btn" style="width:100%; margin-top:15px; text-align:center;">Enroll Now</a>
      </div>

      <!-- 5. Digital Marketing -->
      <div class="card">
        <div class="service-icon"><i class="fas fa-ad"></i></div>
        <h3>Digital Marketing</h3>
        <p>Boost your brand visibility with SEO, Social Media Management, and strategic ad campaigns.</p>
        <a href="connect.html" class="btn" style="width:100%; margin-top:15px; text-align:center;">Boost Growth</a>
      </div>

      <!-- 6. Graphics Design -->
      <div class="card">
        <div class="service-icon"><i class="fas fa-paint-brush"></i></div>
        <h3>Graphics Design</h3>
        <p>Professional logo design, UI/UX prototyping, and creative visual branding for your company.</p>
        <a href="connect.html" class="btn" style="width:100%; margin-top:15px; text-align:center;">Hire Designer</a>
      </div>

      <!-- 7. Web Analytics -->
      <div class="card">
        <div class="service-icon"><i class="fas fa-chart-line"></i></div>
        <h3>Analytics & Tracking</h3>
        <p>Gain data-driven insights with advanced tracking setups, G4 conversion audits, and custom reports.</p>
        <a href="connect.html" class="btn" style="width:100%; margin-top:15px; text-align:center;">Optimize Data</a>
      </div>

      <!-- 8. App Development -->
      <div class="card">
        <div class="service-icon"><i class="fas fa-mobile-alt"></i></div>
        <h3>App Development</h3>
        <p>Secure and scalable Android and iOS applications built with modern cross-platform technologies.</p>
        <a href="order.html" class="btn" style="width:100%; margin-top:15px; text-align:center;">Start Project</a>
      </div>

    </div>
  </section>

  <!-- PROOF OF EXCELLENCE SECTION -->
  <section class="section" style="background: rgba(255,255,255,0.02); margin-top: 50px; border-radius: 30px; padding: 60px;">
    <div style="display: flex; align-items: center; justify-content: space-between; gap: 40px; flex-wrap: wrap;">
        <div style="flex: 1; min-width: 300px;">
            <h2 style="text-align: left; margin: 0 0 15px 0;">Proof of <span>Excellence</span></h2>
            <p style="color: #c9c9c9; margin-bottom: 20px;">
                Our reputation is built on the success of our clients. Explore verified, authentic reviews from business owners and students who have grown with ExploitInject.
            </p>
            <a href="https://review.exploitinject.dev/" target="_blank" class="btn">
                <i class="fas fa-star" style="margin-right: 8px; color: #ffcc00;"></i> See All Reviews
            </a>
        </div>
        <div class="glass-panel" style="padding: 40px; text-align: center; border-color: rgba(0, 234, 255, 0.2);">
            <div style="font-size: 48px; font-weight: 800; color: #00eaff; margin-bottom: 10px;">100%</div>
            <div style="color: #fff; font-weight: 600;">Authentic Customer Feedback</div>
        </div>
    </div>
  </section>

  <!-- CTA SECTION -->
  <section class="section" style="background: rgba(255,255,255,0.02); margin-top: 50px;">
    <h2>Not Sure Which One?</h2>
    <p style="color: #c9c9c9; margin-bottom: 30px;">Our experts can guide you to the perfect solution for your specific needs.</p>
    <a href="consultation.html" class="btn" style="padding: 15px 40px;">Free Consultation</a>
  </section>

  <!-- FOOTER -->
  <footer class="main-footer">
    <div class="footer-content">
      <div class="footer-col">
        <h4>ExploitInject</h4>
        <p>Bridging the gap between Cyber Security and Software Development.</p>
      </div>
      <div class="footer-col">
        <h4>Quick Links</h4>
        <ul class="footer-links">
          <li><a href="index.html">Home</a></li>
          <li><a href="about.html">About Us</a></li>
          <li><a href="services.html">Services</a></li>
          <li><a href="connect.html">Connect</a></li>
          <li><a href="FAQ.html">FAQ</a></li>
          <li><a href="consultation.html">Consultation</a></li>
          <li><a href="https://review.exploitinject.dev/" target="_blank">Client Reviews</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h4>Legal</h4>
        <ul class="footer-links">
          <li><a href="privacy-policy.html">Privacy Policy</a></li>
          <li><a href="terms-and-conditions.html">Terms & Conditions</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h4>Connect With Us</h4>
        <div class="footer-social-icons">
          <a href="https://www.facebook.com/exploitinjectofficial/" class="footer-social-link" title="Facebook Page"><i class="fab fa-facebook-f"></i></a>
          <a href="https://www.instagram.com/exploitinjectofficial/" class="footer-social-link" title="Instagram"><i class="fab fa-instagram"></i></a>
          <a href="https://github.com/ExploitInject" class="footer-social-link" title="GitHub"><i class="fab fa-github"></i></a>
          <a href="mailto:support@exploitinject.dev" class="footer-social-link" title="Email Us"><i
              class="fas fa-envelope"></i></a>
        </div>
      </div>
    </div>
    <div class="footer-bottom">
      &copy; 2022 - <span id="currentYear"></span> ExploitInject • Made in Bangladesh
    </div>
  </footer>

  <script>
    document.getElementById("currentYear").textContent = new Date().getFullYear();

    // Navbar shrink script
    window.onscroll = () => {
      let nav = document.querySelector("nav");
      if (window.scrollY > 50) nav.classList.add("shrink");
      else nav.classList.remove("shrink");
    };
  </script>
</body>

</html>