Section 4 : remove background and keep white
Browse files- README.md +8 -5
- index.html +595 -18
README.md
CHANGED
|
@@ -1,10 +1,13 @@
|
|
| 1 |
---
|
| 2 |
-
title:
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
|
|
|
|
|
|
| 8 |
---
|
| 9 |
|
| 10 |
-
|
|
|
|
|
|
| 1 |
---
|
| 2 |
+
title: GovConnect Dynamics 365 Suite 🚀
|
| 3 |
+
colorFrom: red
|
| 4 |
+
colorTo: gray
|
| 5 |
+
emoji: 🐳
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
| 8 |
+
tags:
|
| 9 |
+
- deepsite-v3
|
| 10 |
---
|
| 11 |
|
| 12 |
+
# Welcome to your new DeepSite project!
|
| 13 |
+
This project was created with [DeepSite](https://huggingface.co/deepsite).
|
index.html
CHANGED
|
@@ -1,19 +1,596 @@
|
|
| 1 |
<!doctype html>
|
| 2 |
-
<html>
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
| 19 |
-
<
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1 |
<!doctype html>
|
| 2 |
+
<html lang="en">
|
| 3 |
+
<head>
|
| 4 |
+
<meta charset="UTF-8" />
|
| 5 |
+
<link rel="shortcut icon" href="./images/favicon/favicon.png">
|
| 6 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 7 |
+
<title>Unify Operations with Microsoft Dynamics 365</title>
|
| 8 |
+
<meta name="description" content="Transform your business with VLC Solutions. Unify Microsoft Dynamics 365, Power Platform, and Commerce for seamless, growth-driven operations."/>
|
| 9 |
+
<meta name="keywords" content="Microsoft Dynamics 365 Ecosystem, VLC Solutions Dynamics Integration, Unified Business Operations, Dynamics 365 Business Central, Power Platform Integration"/>
|
| 10 |
+
<link rel="canonical" href="https://www.vlcsolutions.com/products.html" />
|
| 11 |
+
|
| 12 |
+
<!-- Twitter Card data -->
|
| 13 |
+
<meta name="twitter:card" content="summary_large_image">
|
| 14 |
+
<meta name="twitter:title" content="Unify E-Commerce with Dynamics 365 Business Central">
|
| 15 |
+
<meta name="twitter:description" content="Transform your business with VLC Solutions. Unify Microsoft Dynamics 365, Power Platform, and Commerce for seamless, growth-driven operations.">
|
| 16 |
+
<meta name="twitter:image:src" content="https://www.vlcsolutions.com/images/logo/VLC_Logo.png">
|
| 17 |
+
|
| 18 |
+
|
| 19 |
+
<!-- Tailwind + libs -->
|
| 20 |
+
<script src="https://cdn.tailwindcss.com"></script>
|
| 21 |
+
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
|
| 22 |
+
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
|
| 23 |
+
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
| 24 |
+
|
| 25 |
+
<!-- VLC Brand Map + UI polish -->
|
| 26 |
+
<style id="vlc-brand-theme">
|
| 27 |
+
:root{
|
| 28 |
+
--vlc-navy:#002060;
|
| 29 |
+
--vlc-navy-700:#001a50;
|
| 30 |
+
--vlc-sky:#00A0E9;
|
| 31 |
+
--vlc-leaf:#8DC63F;
|
| 32 |
+
--vlc-leaf-700:#79b32e;
|
| 33 |
+
--vlc-ink:#1F2A44;
|
| 34 |
+
--vlc-tint:#F5F7FF;
|
| 35 |
+
--vlc-leaf-tint:#F3FAEA;
|
| 36 |
+
--vlc-card:#ffffff;
|
| 37 |
+
}
|
| 38 |
+
html,body{width:100%;margin:0;padding:0}
|
| 39 |
+
body{ color:#1f2937; overflow-x:hidden }
|
| 40 |
+
.service-card:hover{ transform:translateY(-4px); box-shadow:0 16px 28px -8px rgba(0,32,96,.18), 0 10px 14px -6px rgba(0,32,96,.10) }
|
| 41 |
+
.chip{ background:linear-gradient(135deg,var(--vlc-navy),#0b3b8f); color:#fff }
|
| 42 |
+
.btn-primary{ background:var(--vlc-navy); color:#fff }
|
| 43 |
+
.btn-primary:hover{ background:var(--vlc-navy-700) }
|
| 44 |
+
.btn-accent{ background:var(--vlc-leaf); color:#0b2a66 }
|
| 45 |
+
.btn-accent:hover{ background:var(--vlc-leaf-700) }
|
| 46 |
+
.link-brand{ color:var(--vlc-navy) }
|
| 47 |
+
.link-brand:hover{ color:var(--vlc-leaf) }
|
| 48 |
+
|
| 49 |
+
/* Accent top border like vlcsolutions.com cards */
|
| 50 |
+
.card-accent{ position:relative; }
|
| 51 |
+
.card-accent:before{ content:""; position:absolute; inset:0 0 auto 0; height:4px; background:linear-gradient(90deg,var(--vlc-leaf),var(--vlc-sky)); }
|
| 52 |
+
|
| 53 |
+
/* Soft patterned sections */
|
| 54 |
+
.pattern-navy{
|
| 55 |
+
background:
|
| 56 |
+
radial-gradient(24px 24px at 10% 10%, rgba(255,255,255,.06) 0 6px, transparent 7px),
|
| 57 |
+
radial-gradient(24px 24px at 60% 30%, rgba(255,255,255,.05) 0 6px, transparent 7px),
|
| 58 |
+
radial-gradient(24px 24px at 30% 70%, rgba(255,255,255,.04) 0 6px, transparent 7px),
|
| 59 |
+
linear-gradient(180deg, rgba(0,0,0,.0), rgba(0,0,0,.12));
|
| 60 |
+
background-color:var(--vlc-navy);
|
| 61 |
+
}
|
| 62 |
+
|
| 63 |
+
/* Footer */
|
| 64 |
+
footer a:hover{ color:var(--vlc-leaf) }
|
| 65 |
+
|
| 66 |
+
/* Make “Learn more” rows align across cards */
|
| 67 |
+
.card-body{ display:flex; flex-direction:column; height:100% }
|
| 68 |
+
.card-cta{ margin-top:auto }
|
| 69 |
+
</style>
|
| 70 |
+
|
| 71 |
+
<script src="https://analytics.ahrefs.com/analytics.js" data-key="jcrS4NwPF1CB1Z4lNmgDKQ" async></script>
|
| 72 |
+
|
| 73 |
+
<!-- Google tag (gtag.js) -->
|
| 74 |
+
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GH6WBJWXS8"></script>
|
| 75 |
+
|
| 76 |
+
<script type="application/ld+json">
|
| 77 |
+
{
|
| 78 |
+
"@context": "https://schema.org/",
|
| 79 |
+
"@type": "Product",
|
| 80 |
+
"name": "Microsoft Dynamics 365 Unified Ecosystem",
|
| 81 |
+
"alternateName": "VLC Dynamics 365 Integration Suite",
|
| 82 |
+
"image": "https://huggingface.co/spaces/vlcsolutions/vlc-velocity-unification-engine/resolve/main/images/Products.png",
|
| 83 |
+
"description": "VLC Solutions offers a complete Microsoft Dynamics 365 ecosystem integrating Business Central, Power Platform, and Commerce to unify operations and accelerate growth.",
|
| 84 |
+
"brand": {
|
| 85 |
+
"@type": "Brand",
|
| 86 |
+
"name": "VLC Solutions",
|
| 87 |
+
"url": "https://vlcsolutions.com"
|
| 88 |
+
},
|
| 89 |
+
}
|
| 90 |
+
|
| 91 |
+
</script>
|
| 92 |
+
|
| 93 |
+
</head>
|
| 94 |
+
|
| 95 |
+
<body class="font-sans antialiased">
|
| 96 |
+
<!-- Header / Nav -->
|
| 97 |
+
<header class="bg-white text-[var(--vlc-navy)] shadow-md sticky top-0 z-50">
|
| 98 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 99 |
+
<div class="flex justify-between h-16">
|
| 100 |
+
<a href="./index.html" class="flex items-center gap-2">
|
| 101 |
+
<img src="https://huggingface.co/spaces/vlcsolutions/ai-turbobiz-accelerate-with-intelligence/resolve/main/images/VLC_Logo.png" alt="VLC Solutions" class="h-10">
|
| 102 |
+
</a>
|
| 103 |
+
|
| 104 |
+
<nav class="hidden md:flex items-center gap-2">
|
| 105 |
+
<!-- Direct link per your request -->
|
| 106 |
+
<a href="./who-we-serve.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Who We Serve</a>
|
| 107 |
+
|
| 108 |
+
<!-- Solutions -->
|
| 109 |
+
<div class="relative group">
|
| 110 |
+
<button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium" aria-haspopup="true" aria-expanded="false">
|
| 111 |
+
Solutions <i data-feather="chevron-down" class="w-4 h-4 ml-1"></i>
|
| 112 |
+
</button>
|
| 113 |
+
<div class="absolute left-0 top-full mt-2 min-w-[220px] bg-white border border-gray-200 rounded-md shadow-md p-2 opacity-0 invisible translate-y-1 transition-all group-hover:opacity-100 group-hover:visible group-hover:translate-y-0">
|
| 114 |
+
<a href="./solutions.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Business Central Apps</a>
|
| 115 |
+
</div>
|
| 116 |
+
</div>
|
| 117 |
+
|
| 118 |
+
<!-- Services -->
|
| 119 |
+
<div class="relative group">
|
| 120 |
+
<button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium" aria-haspopup="true" aria-expanded="false">
|
| 121 |
+
Services <i data-feather="chevron-down" class="w-4 h-4 ml-1"></i>
|
| 122 |
+
</button>
|
| 123 |
+
<div class="absolute left-0 top-full mt-2 min-w-[240px] bg-white border border-gray-200 rounded-md shadow-md p-2 grid gap-1 opacity-0 invisible translate-y-1 transition-all group-hover:opacity-100 group-hover:visible group-hover:translate-y-0">
|
| 124 |
+
<a href="./services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Services Overview</a>
|
| 125 |
+
<a href="./technology-advisor.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Advisory Services</a>
|
| 126 |
+
<a href="./software-implementation-partner.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Implementation Services</a>
|
| 127 |
+
<a href="./managed-application-services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Managed Application Services</a>
|
| 128 |
+
<a href="./managed-it-services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Managed IT Services</a>
|
| 129 |
+
<a href="./compliance-services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Compliance Services</a>
|
| 130 |
+
<a href="./cloud-services-for-microsoft-dynamics.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Cloud Services</a>
|
| 131 |
+
<a href="./marketing-solutions-strategic-growth.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Marketing Services</a>
|
| 132 |
+
<a href="./data-and-ai-transformation.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">AI and Analytics</a>
|
| 133 |
+
</div>
|
| 134 |
+
</div>
|
| 135 |
+
|
| 136 |
+
<!-- Industries -->
|
| 137 |
+
<div class="relative group">
|
| 138 |
+
<button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium" aria-haspopup="true" aria-expanded="false">
|
| 139 |
+
Industries <i data-feather="chevron-down" class="w-4 h-4 ml-1"></i>
|
| 140 |
+
</button>
|
| 141 |
+
<div class="absolute left-0 top-full mt-2 min-w-[240px] bg-white border border-gray-200 rounded-md shadow-md p-2 grid gap-1 opacity-0 invisible translate-y-1 transition-all group-hover:opacity-100 group-hover:visible group-hover:translate-y-0">
|
| 142 |
+
<a href="./industries.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Industries Overview</a>
|
| 143 |
+
<a href="./microsoft-dynamics-365-business-central-for-distribution.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Distribution</a>
|
| 144 |
+
<a href="./ecommerce-development-services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">E-Commerce</a>
|
| 145 |
+
<a href="./government-contractors.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Government Contractors</a>
|
| 146 |
+
<a href="./microsoft-dynamics-365-for-manufacturing.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Manufacturing</a>
|
| 147 |
+
</div>
|
| 148 |
+
</div>
|
| 149 |
+
|
| 150 |
+
<!-- Products -->
|
| 151 |
+
<div class="relative group">
|
| 152 |
+
<button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium" aria-haspopup="true" aria-expanded="false">
|
| 153 |
+
Products <i data-feather="chevron-down" class="w-4 h-4 ml-1"></i>
|
| 154 |
+
</button>
|
| 155 |
+
<div class="absolute left-0 top-full mt-2 min-w-[240px] bg-white border border-gray-200 rounded-md shadow-md p-2 grid gap-1 opacity-0 invisible translate-y-1 transition-all group-hover:opacity-100 group-hover:visible group-hover:translate-y-0">
|
| 156 |
+
<a href="./products.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Products Overview</a>
|
| 157 |
+
<a href="./microsoft-dynamics-365.html" class="pinline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Dynamics 365</a>
|
| 158 |
+
<a href="./microsoft-dynamics-365-business-central.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Business Central</a>
|
| 159 |
+
<a href="./power-platform.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Power Platform</a>
|
| 160 |
+
<a href="./microsoft-365.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Microsoft 365</a>
|
| 161 |
+
<a href="./microsoft-dynamics-365-commerce.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Dynamics Commerce</a>
|
| 162 |
+
<a href="./magento-commerce.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Magento Commerce</a>
|
| 163 |
+
</div>
|
| 164 |
+
</div>
|
| 165 |
+
|
| 166 |
+
<!-- Who We Are -->
|
| 167 |
+
<div class="relative group">
|
| 168 |
+
<button class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium" aria-haspopup="true" aria-expanded="false">
|
| 169 |
+
Who We Are <i data-feather="chevron-down" class="w-4 h-4 ml-1"></i>
|
| 170 |
+
</button>
|
| 171 |
+
<div class="absolute left-0 top-full mt-2 min-w-[240px] bg-white border border-gray-200 rounded-md shadow-md p-2 grid gap-1 opacity-0 invisible translate-y-1 transition-all group-hover:opacity-100 group-hover:visible group-hover:translate-y-0">
|
| 172 |
+
<a href="./who-we-are.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Overview</a>
|
| 173 |
+
<a href="./partner.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Partner</a>
|
| 174 |
+
<a href="./terms-services.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Terms</a>
|
| 175 |
+
<a href="./privacy.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Privacy Policy</a>
|
| 176 |
+
<a href="./protecting-our-clients.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Client Protection</a>
|
| 177 |
+
<a href="./blog/" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Blog</a>
|
| 178 |
+
<a href="./case-studies.html" class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Case Studies</a>
|
| 179 |
+
<a
|
| 180 |
+
href="./contact-us.html"
|
| 181 |
+
class="inline-flex items-center text-[#002060] hover:text-[#8DC63F] px-3 py-2 text-sm font-medium">Contact VLC</a>
|
| 182 |
+
</div>
|
| 183 |
+
</div>
|
| 184 |
+
|
| 185 |
+
<a href="./contact-us.html"
|
| 186 |
+
class="bg-[#002060] hover:bg-[#001a50] text-white px-4 py-2 rounded-md text-sm font-medium">Let’s Connect</a>
|
| 187 |
+
</nav>
|
| 188 |
+
<button id="mobile-menu-button" class="md:hidden inline-flex items-center p-2 rounded-md text-gray-500 hover:bg-gray-100" aria-label="Open menu">
|
| 189 |
+
<i data-feather="menu"></i>
|
| 190 |
+
</button>
|
| 191 |
+
</div>
|
| 192 |
+
|
| 193 |
+
<!-- Mobile Menu -->
|
| 194 |
+
<div id="mobile-menu" class="md:hidden hidden absolute top-full left-0 right-0 bg-white shadow-lg z-50">
|
| 195 |
+
<div class="px-2 pt-2 pb-3 space-y-1 sm:px-3">
|
| 196 |
+
<a href="./who-we-serve.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Who We Serve</a>
|
| 197 |
+
|
| 198 |
+
<!-- Solutions Dropdown -->
|
| 199 |
+
<div class="relative">
|
| 200 |
+
<button onclick="toggleMobileDropdown('solutions-dropdown')" class="w-full flex justify-between items-center px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">
|
| 201 |
+
<span>Solutions</span>
|
| 202 |
+
<i data-feather="chevron-down" class="w-4 h-4"></i>
|
| 203 |
+
</button>
|
| 204 |
+
<div id="solutions-dropdown" class="hidden pl-4">
|
| 205 |
+
<a href="./solutions.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Business Central Apps</a>
|
| 206 |
+
</div>
|
| 207 |
+
</div>
|
| 208 |
+
|
| 209 |
+
<!-- Services Dropdown -->
|
| 210 |
+
<div class="relative">
|
| 211 |
+
<button onclick="toggleMobileDropdown('services-dropdown')" class="w-full flex justify-between items-center px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">
|
| 212 |
+
<span>Services</span>
|
| 213 |
+
<i data-feather="chevron-down" class="w-4 h-4"></i>
|
| 214 |
+
</button>
|
| 215 |
+
<div id="services-dropdown" class="hidden pl-4">
|
| 216 |
+
<a href="./services.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Services Overview</a>
|
| 217 |
+
<a href="./technology-advisor.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Advisory Services</a>
|
| 218 |
+
<a href="./software-implementation-partner.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Implementation Services</a>
|
| 219 |
+
<a href="./managed-application-services.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Managed Application Services</a>
|
| 220 |
+
<a href="./managed-it-services.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Managed IT Services</a>
|
| 221 |
+
<a href="./compliance-services.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Compliance Services</a>
|
| 222 |
+
<a href="./cloud-services-for-microsoft-dynamics.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Cloud Services</a>
|
| 223 |
+
<a href="./marketing-solutions-strategic-growth.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Marketing Services</a>
|
| 224 |
+
<a href="./data-and-ai-transformation.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">AI and Analytics</a>
|
| 225 |
+
</div>
|
| 226 |
+
</div>
|
| 227 |
+
|
| 228 |
+
<!-- Industries Dropdown -->
|
| 229 |
+
<div class="relative">
|
| 230 |
+
<button onclick="toggleMobileDropdown('industries-dropdown')" class="w-full flex justify-between items-center px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">
|
| 231 |
+
<span>Industries</span>
|
| 232 |
+
<i data-feather="chevron-down" class="w-4 h-4"></i>
|
| 233 |
+
</button>
|
| 234 |
+
<div id="industries-dropdown" class="hidden pl-4">
|
| 235 |
+
<a href="./industries.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Industries Overview</a>
|
| 236 |
+
<a href="./microsoft-dynamics-365-business-central-for-distribution.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Distribution</a>
|
| 237 |
+
<a href="./ecommerce-development-services.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">E-Commerce</a>
|
| 238 |
+
<a href="./government-contractors.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Government Contractors</a>
|
| 239 |
+
<a href="./microsoft-dynamics-365-for-manufacturing.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Manufacturing</a>
|
| 240 |
+
</div>
|
| 241 |
+
</div>
|
| 242 |
+
|
| 243 |
+
<!-- Products Dropdown -->
|
| 244 |
+
<div class="relative">
|
| 245 |
+
<button onclick="toggleMobileDropdown('products-dropdown')" class="w-full flex justify-between items-center px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">
|
| 246 |
+
<span>Products</span>
|
| 247 |
+
<i data-feather="chevron-down" class="w-4 h-4"></i>
|
| 248 |
+
</button>
|
| 249 |
+
<div id="products-dropdown" class="hidden pl-4">
|
| 250 |
+
<a href="./products.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Products Overview</a>
|
| 251 |
+
<a href="./microsoft-dynamics-365.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Dynamics 365</a>
|
| 252 |
+
<a href="./microsoft-dynamics-365-business-central.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Business Central</a>
|
| 253 |
+
<a href="./power-platform.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Power Platform</a>
|
| 254 |
+
<a href="./microsoft-365.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Microsoft 365</a>
|
| 255 |
+
<a href="./microsoft-dynamics-365-commerce.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Dynamics Commerce</a>
|
| 256 |
+
<a href="./magento-commerce.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Magento Commerce</a>
|
| 257 |
+
</div>
|
| 258 |
+
</div>
|
| 259 |
+
|
| 260 |
+
<!-- Who We Are Dropdown -->
|
| 261 |
+
<div class="relative">
|
| 262 |
+
<button onclick="toggleMobileDropdown('about-dropdown')" class="w-full flex justify-between items-center px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">
|
| 263 |
+
<span>Who We Are</span>
|
| 264 |
+
<i data-feather="chevron-down" class="w-4 h-4"></i>
|
| 265 |
+
</button>
|
| 266 |
+
<div id="about-dropdown" class="hidden pl-4">
|
| 267 |
+
<a href="./who-we-are.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Overview</a>
|
| 268 |
+
<a href="./partner.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Partner</a>
|
| 269 |
+
<a href="./terms-services.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Terms</a>
|
| 270 |
+
<a href="./privacy.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Privacy Policy</a>
|
| 271 |
+
<a href="./protecting-our-clients.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Client Protection</a>
|
| 272 |
+
<a href="./blog/" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Blog</a>
|
| 273 |
+
<a href="./case-studies.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Case Studies</a>
|
| 274 |
+
<a href="./contact-us.html" class="block px-3 py-2 text-base font-medium text-gray-700 hover:text-[#8DC63F] hover:bg-gray-50">Contact VLC</a>
|
| 275 |
+
</div>
|
| 276 |
+
</div>
|
| 277 |
+
|
| 278 |
+
<a href="./contact-us.html" class="block w-full text-center bg-[#002060] hover:bg-[#001a50] text-white px-4 py-2 rounded-md text-base font-medium">Let's Connect</a>
|
| 279 |
+
</div>
|
| 280 |
+
</div>
|
| 281 |
+
</div>
|
| 282 |
+
</header>
|
| 283 |
+
|
| 284 |
+
<!-- Banner Section -->
|
| 285 |
+
<section class="pattern-navy text-white py-16 md:py-24">
|
| 286 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 287 |
+
<div class="text-center" data-aos="fade-up">
|
| 288 |
+
<h1 class="text-4xl md:text-5xl font-bold mb-4">Government Contracting Made Simple and Secure</h1>
|
| 289 |
+
<p class="text-xl md:text-2xl mb-8">Simplify compliance and operations with Business Central.</p>
|
| 290 |
+
<a href="./contact-us.html" class="btn-accent px-8 py-3 rounded-full text-lg font-semibold inline-block">Request a Free Demo</a>
|
| 291 |
+
</div>
|
| 292 |
+
</div>
|
| 293 |
+
</section>
|
| 294 |
+
|
| 295 |
+
<!-- Section 1 -->
|
| 296 |
+
<section class="py-16 bg-white">
|
| 297 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 298 |
+
<div class="grid md:grid-cols-2 gap-12 items-center">
|
| 299 |
+
<div data-aos="fade-right">
|
| 300 |
+
<h2 class="text-3xl md:text-4xl font-bold text-[var(--vlc-navy)] mb-6">Next‑Gen Contracting Solutions for the Public Sector</h2>
|
| 301 |
+
<p class="text-lg text-gray-700 mb-6">Enhance the operational efficiency and compliance of your government contract-based projects with Microsoft Dynamics 365 Business Central. Tailored to meet the rigorous demands of CMMC, FISMA/NIST 800-53, ISO 27001:2013, HIPAA, and other security standards, Dynamics 365 empowers government contractors to maintain full compliance while optimizing their business systems.</p>
|
| 302 |
+
<p class="text-lg text-gray-700 mb-8">Government contractors face unique challenges in adhering to complex regulations at the federal, state, and regional levels. Beyond the services or products they provide, managing compliance, security, and risk is critical to their success. A well-integrated, streamlined work environment is crucial for meeting these demands effectively.</p>
|
| 303 |
+
<a href="./contact-us.html" class="btn-primary px-8 py-3 rounded-full text-lg font-semibold inline-block">Schedule a Consultation</a>
|
| 304 |
+
</div>
|
| 305 |
+
<div data-aos="fade-left">
|
| 306 |
+
<img src="http://static.photos/government/1024x576/1" alt="Government Contracting Solutions" class="rounded-lg shadow-xl">
|
| 307 |
+
</div>
|
| 308 |
+
</div>
|
| 309 |
+
</div>
|
| 310 |
+
</section>
|
| 311 |
+
|
| 312 |
+
<!-- Section 2 -->
|
| 313 |
+
<section class="py-16 bg-[var(--vlc-tint)]">
|
| 314 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 315 |
+
<div class="text-center mb-16" data-aos="fade-up">
|
| 316 |
+
<h2 class="text-3xl md:text-4xl font-bold text-[var(--vlc-navy)] mb-4">Why Choose Microsoft Dynamics 365 Business Central for Government Contractors?</h2>
|
| 317 |
+
<p class="text-xl text-gray-700 max-w-4xl mx-auto">Microsoft Dynamics 365 Business Central is a comprehensive, cloud-based ERP solution that helps government contractors manage their projects, finances, and compliance requirements in one integrated system.</p>
|
| 318 |
+
</div>
|
| 319 |
+
|
| 320 |
+
<div class="grid md:grid-cols-2 gap-8">
|
| 321 |
+
<div class="bg-white p-8 rounded-xl shadow-md" data-aos="fade-up">
|
| 322 |
+
<div class="flex items-center mb-4">
|
| 323 |
+
<div class="bg-[var(--vlc-leaf-tint)] p-3 rounded-full mr-4">
|
| 324 |
+
<i data-feather="shield" class="text-[var(--vlc-leaf)] w-6 h-6"></i>
|
| 325 |
+
</div>
|
| 326 |
+
<h3 class="text-xl font-bold text-[var(--vlc-navy)]">Compliance & Security</h3>
|
| 327 |
+
</div>
|
| 328 |
+
<p class="text-gray-700">Whether you're a small agency or a large government contractor, Dynamics 365 scales to meet your needs, providing robust functionality to enhance operational efficiency while maintaining compliance with DCAA, FAR, and other regulations.</p>
|
| 329 |
+
</div>
|
| 330 |
+
|
| 331 |
+
<div class="bg-white p-8 rounded-xl shadow-md" data-aos="fade-up" data-aos-delay="100">
|
| 332 |
+
<div class="flex items-center mb-4">
|
| 333 |
+
<div class="bg-[var(--vlc-leaf-tint)] p-3 rounded-full mr-4">
|
| 334 |
+
<i data-feather="trending-up" class="text-[var(--vlc-leaf)] w-6 h-6"></i>
|
| 335 |
+
</div>
|
| 336 |
+
<h3 class="text-xl font-bold text-[var(--vlc-navy)]">Operational Efficiency</h3>
|
| 337 |
+
</div>
|
| 338 |
+
<p class="text-gray-700">With Dynamics 365, you can ensure full compliance with stringent government regulations and industry standards while driving improved operational performance. From financial management to risk mitigation, this powerful platform offers real-time insights and automation.</p>
|
| 339 |
+
</div>
|
| 340 |
+
</div>
|
| 341 |
+
</div>
|
| 342 |
+
</section>
|
| 343 |
+
|
| 344 |
+
<!-- Section 3 -->
|
| 345 |
+
<section class="py-16 bg-white">
|
| 346 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 347 |
+
<div class="text-center mb-16" data-aos="fade-up">
|
| 348 |
+
<h2 class="text-3xl md:text-4xl font-bold text-[var(--vlc-navy)] mb-4">Key Benefits for Government Contractors</h2>
|
| 349 |
+
</div>
|
| 350 |
+
|
| 351 |
+
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6 mb-16">
|
| 352 |
+
<div class="bg-[var(--vlc-tint)] p-6 rounded-lg" data-aos="fade-up">
|
| 353 |
+
<div class="bg-[var(--vlc-leaf)] text-white p-3 rounded-full w-12 h-12 flex items-center justify-center mb-4">
|
| 354 |
+
<i data-feather="check-circle" class="w-6 h-6"></i>
|
| 355 |
+
</div>
|
| 356 |
+
<h3 class="text-xl font-bold text-[var(--vlc-navy)] mb-2">Streamlined Compliance & Risk Management</h3>
|
| 357 |
+
<p class="text-gray-700">Meet the compliance standards required for government contracts, including CMMC, FISMA/NIST, ISO 27001, HIPAA, and others with built-in tools.</p>
|
| 358 |
+
</div>
|
| 359 |
+
|
| 360 |
+
<div class="bg-[var(--vlc-tint)] p-6 rounded-lg" data-aos="fade-up" data-aos-delay="100">
|
| 361 |
+
<div class="bg-[var(--vlc-leaf)] text-white p-3 rounded-full w-12 h-12 flex items-center justify-center mb-4">
|
| 362 |
+
<i data-feather="dollar-sign" class="w-6 h-6"></i>
|
| 363 |
+
</div>
|
| 364 |
+
<h3 class="text-xl font-bold text-[var(--vlc-navy)] mb-2">Financial Management Excellence</h3>
|
| 365 |
+
<p class="text-gray-700">Handle the complexities of government contracts with real-time financial insights and seamless integration for budgets and expense tracking.</p>
|
| 366 |
+
</div>
|
| 367 |
+
|
| 368 |
+
<div class="bg-[var(--vlc-tint)] p-6 rounded-lg" data-aos="fade-up" data-aos-delay="200">
|
| 369 |
+
<div class="bg-[var(--vlc-leaf)] text-white p-3 rounded-full w-12 h-12 flex items-center justify-center mb-4">
|
| 370 |
+
<i data-feather="activity" class="w-6 h-6"></i>
|
| 371 |
+
</div>
|
| 372 |
+
<h3 class="text-xl font-bold text-[var(--vlc-navy)] mb-2">Optimized Operational Efficiency</h3>
|
| 373 |
+
<p class="text-gray-700">From project management to procurement and delivery, Business Central optimizes all aspects of your operations with automation and collaboration.</p>
|
| 374 |
+
</div>
|
| 375 |
+
|
| 376 |
+
<div class="bg-[var(--vlc-tint)] p-6 rounded-lg" data-aos="fade-up" data-aos-delay="300">
|
| 377 |
+
<div class="bg-[var(--vlc-leaf)] text-white p-3 rounded-full w-12 h-12 flex items-center justify-center mb-4">
|
| 378 |
+
<i data-feather="layers" class="w-6 h-6"></i>
|
| 379 |
+
</div>
|
| 380 |
+
<h3 class="text-xl font-bold text-[var(--vlc-navy)] mb-2">Scalable & Flexible ERP</h3>
|
| 381 |
+
<p class="text-gray-700">Microsoft Dynamics 365 scales with your growing needs, offering flexibility in managing complex multi-project environments and cross-functional teams.</p>
|
| 382 |
+
</div>
|
| 383 |
+
</div>
|
| 384 |
+
|
| 385 |
+
<div class="bg-[var(--vlc-leaf-tint)] p-8 md:p-12 rounded-xl" data-aos="fade-up">
|
| 386 |
+
<h3 class="text-2xl font-bold text-[var(--vlc-navy)] mb-4">How VLC Solutions Supports Your Government Contracting Needs:</h3>
|
| 387 |
+
<p class="text-lg text-gray-700 mb-6">At VLC Solutions, we offer expert guidance in customizing and implementing Microsoft Dynamics 365 Business Central for government contractors. Our services cover everything from secure cloud environments and third-party integrations to cybersecurity solutions and IT audits, ensuring that your business meets the highest standards of compliance and operational efficiency.</p>
|
| 388 |
+
<p class="text-lg text-gray-700 mb-8">Partner with VLC Solutions to optimize your government contracting processes, meet security requirements, and ensure compliance with federal regulations. Let us help you navigate the complexities of government contracting with a tailored, secure, and efficient solution.</p>
|
| 389 |
+
<div class="text-center">
|
| 390 |
+
<a href="./contact-us.html" class="btn-primary px-8 py-3 rounded-full text-lg font-semibold inline-block">Book Your Demo Today</a>
|
| 391 |
+
</div>
|
| 392 |
+
</div>
|
| 393 |
+
</div>
|
| 394 |
+
</section>
|
| 395 |
+
<!-- Section 4 -->
|
| 396 |
+
<section class="py-16 bg-white text-[var(--vlc-navy)]">
|
| 397 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 398 |
+
<h2 class="text-3xl md:text-4xl font-bold mb-12 text-center" data-aos="fade-up">Microsoft Dynamics 365 Business Central</h2>
|
| 399 |
+
|
| 400 |
+
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6" data-aos="fade-up">
|
| 401 |
+
<div class="flex items-center gap-3">
|
| 402 |
+
<i data-feather="check" class="text-[var(--vlc-navy)] w-5 h-5"></i>
|
| 403 |
+
<span>Defense Contract Audit Agency (DCAA)</span>
|
| 404 |
+
</div>
|
| 405 |
+
<div class="flex items-center gap-3">
|
| 406 |
+
<i data-feather="check" class="text-[var(--vlc-leaf)] w-5 h-5"></i>
|
| 407 |
+
<span>Federal Acquisition Regulation (FAR)</span>
|
| 408 |
+
</div>
|
| 409 |
+
<div class="flex items-center gap-3">
|
| 410 |
+
<i data-feather="check" class="text-[var(--vlc-leaf)] w-5 h-5"></i>
|
| 411 |
+
<span>Contract Accounting Standards (CAS) Compliance</span>
|
| 412 |
+
</div>
|
| 413 |
+
<div class="flex items-center gap-3">
|
| 414 |
+
<i data-feather="check" class="text-[var(--vlc-leaf)] w-5 h-5"></i>
|
| 415 |
+
<span>Subcontracts Management</span>
|
| 416 |
+
</div>
|
| 417 |
+
<div class="flex items-center gap-3">
|
| 418 |
+
<i data-feather="check" class="text-[var(--vlc-leaf)] w-5 h-5"></i>
|
| 419 |
+
<span>Tool Management</span>
|
| 420 |
+
</div>
|
| 421 |
+
<div class="flex items-center gap-3">
|
| 422 |
+
<i data-feather="check" class="text-[var(--vlc-leaf)] w-5 h-5"></i>
|
| 423 |
+
<span>Document Management</span>
|
| 424 |
+
</div>
|
| 425 |
+
<div class="flex items-center gap-3">
|
| 426 |
+
<i data-feather="check" class="text-[var(--vlc-leaf)] w-5 h-5"></i>
|
| 427 |
+
<span>Role-Based Security</span>
|
| 428 |
+
</div>
|
| 429 |
+
<div class="flex items-center gap-3">
|
| 430 |
+
<i data-feather="check" class="text-[var(--vlc-leaf)] w-5 h-5"></i>
|
| 431 |
+
<span>Production Scheduling</span>
|
| 432 |
+
</div>
|
| 433 |
+
<div class="flex items-center gap-3">
|
| 434 |
+
<i data-feather="check" class="text-[var(--vlc-leaf)] w-5 h-5"></i>
|
| 435 |
+
<span>Manufacturing</span>
|
| 436 |
+
</div>
|
| 437 |
+
<div class="flex items-center gap-3">
|
| 438 |
+
<i data-feather="check" class="text-[var(--vlc-leaf)] w-5 h-5"></i>
|
| 439 |
+
<span>Time Entry and Analysis</span>
|
| 440 |
+
</div>
|
| 441 |
+
<div class="flex items-center gap-3">
|
| 442 |
+
<i data-feather="check" class="text-[var(--vlc-leaf)] w-5 h-5"></i>
|
| 443 |
+
<span>Workflows</span>
|
| 444 |
+
</div>
|
| 445 |
+
<div class="flex items-center gap-3">
|
| 446 |
+
<i data-feather="check" class="text-[var(--vlc-leaf)] w-5 h-5"></i>
|
| 447 |
+
<span>Indirect Cost Allocation</span>
|
| 448 |
+
</div>
|
| 449 |
+
<div class="flex items-center gap-3">
|
| 450 |
+
<i data-feather="check" class="text-[var(--vlc-leaf)] w-5 h-5"></i>
|
| 451 |
+
<span>Order Processing</span>
|
| 452 |
+
</div>
|
| 453 |
+
<div class="flex items-center gap-3">
|
| 454 |
+
<i data-feather="check" class="text-[var(--vlc-leaf)] w-5 h-5"></i>
|
| 455 |
+
<span>Revenue Recognition</span>
|
| 456 |
+
</div>
|
| 457 |
+
<div class="flex items-center gap-3">
|
| 458 |
+
<i data-feather="check" class="text-[var(--vlc-leaf)] w-5 h-5"></i>
|
| 459 |
+
<span>Project and Financial Reporting</span>
|
| 460 |
+
</div>
|
| 461 |
+
<div class="flex items-center gap-3">
|
| 462 |
+
<i data-feather="check" class="text-[var(--vlc-leaf)] w-5 h-5"></i>
|
| 463 |
+
<span>Integration with Microsoft 365</span>
|
| 464 |
+
</div>
|
| 465 |
+
<div class="flex items-center gap-3">
|
| 466 |
+
<i data-feather="check" class="text-[var(--vlc-leaf)] w-5 h-5"></i>
|
| 467 |
+
<span>Most Secure Cloud for Business</span>
|
| 468 |
+
</div>
|
| 469 |
+
</div>
|
| 470 |
+
</div>
|
| 471 |
+
</section>
|
| 472 |
+
|
| 473 |
+
<!-- FOOTER -->
|
| 474 |
+
<footer class="bg-[var(--vlc-navy)] text-white pt-14 pb-8">
|
| 475 |
+
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
| 476 |
+
<div class="grid md:grid-cols-3 gap-10 mb-10">
|
| 477 |
+
<div>
|
| 478 |
+
<h3 class="font-bold mb-3">Contact Us</h3>
|
| 479 |
+
<div class="text-gray-300 space-y-3">
|
| 480 |
+
<div class="flex items-start"><i data-feather="map-pin" class="w-5 h-5 mr-3"></i>1900 E Golf Rd, Suite 950<br>Schaumburg, IL 60173</div>
|
| 481 |
+
<div class="flex items-center"><i data-feather="phone" class="w-5 h-5 mr-3"></i>+1 (224) 955-1818</div>
|
| 482 |
+
</div>
|
| 483 |
+
</div>
|
| 484 |
+
|
| 485 |
+
<div>
|
| 486 |
+
<h3 class="font-bold mb-3">Quick Links</h3>
|
| 487 |
+
<div class="grid grid-cols-2 gap-4 text-gray-300">
|
| 488 |
+
<ul class="space-y-2">
|
| 489 |
+
<li><a href="./index.html" class="hover:text-white">Home</a></li>
|
| 490 |
+
<li><a href="./who-we-are.html" class="hover:text-white">About Us</a></li>
|
| 491 |
+
<li><a href="./solutions.html" class="hover:text-white">Solutions</a></li>
|
| 492 |
+
<li><a href="./services.html" class="hover:text-white">Services</a></li>
|
| 493 |
+
<li><a href="./industries.html" class="hover:text-white">Industries</a></li>
|
| 494 |
+
<li><a href="./products.html" class="hover:text-white">Products</a></li>
|
| 495 |
+
<li><a href="./who-we-serve.html" class="hover:text-white">Who We Serve</a></li>
|
| 496 |
+
</ul>
|
| 497 |
+
<ul class="space-y-2">
|
| 498 |
+
<li><a href="./contact-us.html" class="hover:text-white">Contact Us</a></li>
|
| 499 |
+
<li><a href="./blog/" class="hover:text-white">Blog</a></li>
|
| 500 |
+
<li><a href="./case-studies.html" class="hover:text-white">Case Studies</a></li>
|
| 501 |
+
<li><a href="./privacy.html" class="hover:text-white">Privacy Policy</a></li>
|
| 502 |
+
<li><a href="./terms-services.html" class="hover:text-white">Terms & Conditions</a></li>
|
| 503 |
+
<li><a href="./protecting-our-clients.html" class="hover:text-white">Client Protection</a></li>
|
| 504 |
+
|
| 505 |
+
</ul>
|
| 506 |
+
</div>
|
| 507 |
+
</div>
|
| 508 |
+
|
| 509 |
+
<div>
|
| 510 |
+
<h3 class="font-bold mb-3">VLC Solutions</h3>
|
| 511 |
+
<p class="text-gray-300 mb-4">Empowering Your Business through Intelligent AI-enabled IT Solutions</p>
|
| 512 |
+
<div class="flex gap-4">
|
| 513 |
+
<a href="https://www.linkedin.com/company/vlc-solutions-llc" target="_blank" class="text-gray-300 hover:text-white" aria-label="LinkedIn"><i data-feather="linkedin" class="w-5 h-5"></i></a>
|
| 514 |
+
<a href="https://www.instagram.com/vlcsolutionsllc/" target="_blank" class="text-gray-300 hover:text-white" aria-label="Instagram"><i data-feather="instagram" class="w-5 h-5"></i></a>
|
| 515 |
+
<a href="https://x.com/vlcsolutions" target="_blank" class="text-gray-300 hover:text-white" aria-label="Twitter / X"><i data-feather="twitter" class="w-5 h-5"></i></a>
|
| 516 |
+
<a href="https://www.pinterest.com/vlcsolutions/" target="_blank" class="group" aria-label="Pinterest">
|
| 517 |
+
<img src="https://cdn.simpleicons.org/pinterest/9ca3af" class="w-5 h-5 transition group-hover:invert" alt="Pinterest">
|
| 518 |
+
</a>
|
| 519 |
+
<a href="https://www.youtube.com/@vlcsolutions/" target="_blank" class="text-gray-300 hover:text-white" aria-label="YouTube"><i data-feather="youtube" class="w-5 h-5"></i></a>
|
| 520 |
+
</div>
|
| 521 |
+
</div>
|
| 522 |
+
</div>
|
| 523 |
+
|
| 524 |
+
<div class="border-t border-[var(--vlc-navy-700)] pt-6 text-center text-gray-300">
|
| 525 |
+
© 2026 VLC Solutions. All rights reserved.
|
| 526 |
+
</div>
|
| 527 |
+
</div>
|
| 528 |
+
</footer>
|
| 529 |
+
|
| 530 |
+
|
| 531 |
+
<script>
|
| 532 |
+
// Init animations and handle mobile menu functionality after scripts loaded
|
| 533 |
+
document.addEventListener('DOMContentLoaded', () => {
|
| 534 |
+
// Initialize AOS (Animation On Scroll)
|
| 535 |
+
if (window.AOS) {
|
| 536 |
+
AOS.init({
|
| 537 |
+
duration: 800,
|
| 538 |
+
easing: 'ease-in-out',
|
| 539 |
+
once: true,
|
| 540 |
+
mirror: false,
|
| 541 |
+
offset: 120,
|
| 542 |
+
disable: window.innerWidth < 768
|
| 543 |
+
});
|
| 544 |
+
}
|
| 545 |
+
|
| 546 |
+
// Replace Feather icons
|
| 547 |
+
if (window.feather) {
|
| 548 |
+
feather.replace();
|
| 549 |
+
}
|
| 550 |
+
|
| 551 |
+
// Mobile menu toggle functionality
|
| 552 |
+
const mobileMenuButton = document.getElementById('mobile-menu-button');
|
| 553 |
+
const mobileMenu = document.getElementById('mobile-menu');
|
| 554 |
+
|
| 555 |
+
if (mobileMenuButton && mobileMenu) {
|
| 556 |
+
mobileMenuButton.addEventListener('click', () => {
|
| 557 |
+
// Toggle the mobile menu visibility
|
| 558 |
+
mobileMenu.classList.toggle('hidden');
|
| 559 |
+
|
| 560 |
+
// Change icon from menu to close (or vice versa)
|
| 561 |
+
const icon = mobileMenuButton.querySelector('i');
|
| 562 |
+
if (mobileMenu.classList.contains('hidden')) {
|
| 563 |
+
feather.icons.menu.replace(); // Show menu icon
|
| 564 |
+
} else {
|
| 565 |
+
feather.icons.x.replace(); // Show close (X) icon
|
| 566 |
+
}
|
| 567 |
+
});
|
| 568 |
+
}
|
| 569 |
+
|
| 570 |
+
// Function to toggle mobile dropdowns
|
| 571 |
+
window.toggleMobileDropdown = function(id) {
|
| 572 |
+
const dropdown = document.getElementById(id);
|
| 573 |
+
dropdown.classList.toggle('hidden');
|
| 574 |
+
|
| 575 |
+
// Update chevron icon
|
| 576 |
+
const button = dropdown.previousElementSibling;
|
| 577 |
+
const icon = button.querySelector('i');
|
| 578 |
+
if (dropdown.classList.contains('hidden')) {
|
| 579 |
+
feather.icons['chevron-down'].replace(); // Show down arrow
|
| 580 |
+
} else {
|
| 581 |
+
feather.icons['chevron-up'].replace(); // Show up arrow
|
| 582 |
+
}
|
| 583 |
+
};
|
| 584 |
+
|
| 585 |
+
});
|
| 586 |
+
|
| 587 |
+
// Refresh AOS on window resize (guard if AOS is present)
|
| 588 |
+
window.addEventListener('resize', function() {
|
| 589 |
+
if (window.AOS && AOS.refreshHard) {
|
| 590 |
+
AOS.refreshHard();
|
| 591 |
+
}
|
| 592 |
+
});
|
| 593 |
+
</script>
|
| 594 |
+
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script>
|
| 595 |
+
</body>
|
| 596 |
+
</html>
|