Data-Forge-Solutions.github.io/index.html at main · Data-Forge-Solutions/Data-Forge-Solutions.github.io · 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
<!DOCTYPE html>
<html lang="en" data-bs-theme="dark">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Data Forge Solutions</title>
    <link rel="icon" href="/favicon.ico" type="image/x-icon">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <header class="d-flex flex-column text-white">
        <nav class="navbar navbar-expand-lg navbar-dark navbar-hero">
            <div class="container">
                <!-- <a class="navbar-brand" href="/">Data Forge Solutions</a> -->
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarNav">
                    <ul class="navbar-nav ms-auto">
                        <li class="nav-item"><a class="nav-link active" aria-current="page" href="/">Home</a></li>
                        <li class="nav-item"><a class="nav-link" href="/team.html">Meet the Team</a></li>
                        <li class="nav-item"><a class="nav-link" href="/open-source.html">Open Source</a></li>
                        <li class="nav-item"><a class="nav-link" href="/paid-tools.html">Paid Tools</a></li>
                        <li class="nav-item d-flex align-items-center">
                            <button id="theme-toggle" class="nav-link btn btn-link ms-lg-3" aria-label="Toggle theme">
                                <i id="theme-icon" class="bi bi-moon-fill"></i>
                            </button>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
        <div class="container flex-grow-1 d-flex align-items-center justify-content-center text-center flex-column flex-md-row gap-3">
            <img src="assets/dfs-removebg.png" alt="DFS Logo" class="logo-img">
            <div>
                <h1 class="display-4 fw-bold mb-2 gradient-text">Data Forge Solutions</h1>
                <h2 class="lead tagline"><i>Forging data into actionable intelligence</i></h2>
            </div>
        </div>
    </header>

    <div class="section-divider"></div>
    <br/>

    <main class="container py-4">
        <section class="container py-5">
            <h2 class="text-center mb-4 neon-shadow">What We Do</h2>
            <div class="row g-4">
                <div class="col-md-4 text-center">
                    <i class="bi bi-code-slash display-5 neon-gradient-icon neon-delay-1"></i>
                    <h3 class="h3 mt-3 mb-3 neon-gradient-icon neon-delay-1">Custom Development</h3>
                    <p class="text-body"><i>Tailored software built for your business needs.</i></p>
                </div>
                <div class="col-md-4 text-center">
                    <i class="bi bi-bar-chart-line display-5 neon-gradient-icon neon-delay-3"></i>
                    <h3 class="h3 mt-3 mb-3 neon-gradient-icon neon-delay-3">Data Visualization</h3>
                    <p class="text-body"><i>Transform raw data into meaningful insights.</i></p>
                </div>
                <div class="col-md-4 text-center">
                    <i class="bi bi-robot display-5 neon-gradient-icon neon-delay-2"></i>
                    <h3 class="h3 mt-3 mb-3 neon-gradient-icon neon-delay-2">Machine Learning</h3>
                    <p class="text-body"><i>Integrate AI to boost decision making.</i></p>
                </div>
            </div>
        </section>

        <section class="py-5 text-center">
            <div class="container rounded-4 bg-dark-subtle p-5 shadow-lg">
                <h2 class="mb-3 neon-shadow">Open Source First</h2>
                <p class="mb-4"><i>We build in the open and welcome collaboration from the community.</i></p>
                <!-- <a href="/open-source.html" class="btn btn-primary btn-lg">View Projects</a> -->
                <a href="/open-source.html" class="btn btn-neon btn-lg">View Projects</a>
            </div>
        </section>
    </main>

    <footer class="bg-body-secondary text-body py-3 text-center">
        <div class="container">
            &copy; 2025 Data Forge Solutions, LLC. All rights reserved.
        </div>
    </footer>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
    <script src="js/theme-toggle.js"></script>
</body>
</html>