zwitschi
9f0a216c5e
- Created index.html template for the homepage with service cards and partner logos. - Added page_from_md.html template for rendering pages from markdown. - Developed services.html template detailing various services offered. - Implemented tests for link handling in markdown, ensuring external links open in new tabs and internal links function correctly. - Enhanced markdown parser tests to validate heading extraction, content rendering, and link safety. - Introduced utility tests for template rendering, HTML minification, and JavaScript minification. Co-authored-by: Copilot <copilot@github.com>
209 lines
7.1 KiB
HTML
209 lines
7.1 KiB
HTML
{% extends "_base.html" %} {% block content %}
|
|
<div class="bg-gray-50 py-12">
|
|
<div class="container mx-auto px-6">
|
|
<h1 class="text-4xl font-bold text-center mb-4">Our Services</h1>
|
|
<p class="text-xl text-gray-600 text-center mb-12">
|
|
Comprehensive solutions to transform your business
|
|
</p>
|
|
<div class="mb-16">
|
|
<div class="flex items-center mb-8">
|
|
<img
|
|
src="img/it-consulting.svg"
|
|
height="24"
|
|
width="24"
|
|
alt="IT Consulting"
|
|
class="lucide lucide-shield w-8 h-8 text-blue-600 mr-4"
|
|
/>
|
|
<h2 class="text-3xl font-bold">IT Consulting</h2>
|
|
</div>
|
|
<p class="text-lg text-gray-600 mb-8">
|
|
Comprehensive IT solutions to drive digital transformation and optimize
|
|
your technology infrastructure.
|
|
</p>
|
|
<div class="grid md:grid-cols-3 gap-8">
|
|
<div
|
|
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
|
>
|
|
<img
|
|
src="img/management-consulting.svg"
|
|
height="24"
|
|
width="24"
|
|
alt="IT Strategy & Planning"
|
|
class="lucide lucide-trending-up w-12 h-12 text-blue-600 mb-4"
|
|
/>
|
|
<h3 class="text-xl font-bold mb-3">IT Strategy & Planning</h3>
|
|
<p class="text-gray-600">
|
|
Develop technology roadmaps aligned with business objectives
|
|
</p>
|
|
</div>
|
|
<div
|
|
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
|
>
|
|
<img
|
|
src="img/infrastructure.svg"
|
|
height="24"
|
|
width="24"
|
|
alt="Infrastructure Management"
|
|
class="lucide lucide-trending-up w-12 h-12 text-blue-600 mb-4"
|
|
/>
|
|
<h3 class="text-xl font-bold mb-3">Infrastructure Management</h3>
|
|
<p class="text-gray-600">
|
|
Design and implement robust IT infrastructure solutions
|
|
</p>
|
|
</div>
|
|
<div
|
|
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
|
>
|
|
<img
|
|
src="img/security.svg"
|
|
height="24"
|
|
width="24"
|
|
alt="Cybersecurity"
|
|
class="lucide lucide-trending-up w-12 h-12 text-blue-600 mb-4"
|
|
/>
|
|
<h3 class="text-xl font-bold mb-3">Cybersecurity</h3>
|
|
<p class="text-gray-600">
|
|
Protect your assets with advanced security measures
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mb-16">
|
|
<div class="flex items-center mb-8">
|
|
<img
|
|
src="img/barchart.svg"
|
|
height="24"
|
|
width="24"
|
|
alt="Management Consulting"
|
|
class="lucide lucide-shield w-8 h-8 text-blue-600 mr-4"
|
|
/>
|
|
<h2 class="text-3xl font-bold">Management Consulting</h2>
|
|
</div>
|
|
<p class="text-lg text-gray-600 mb-8">
|
|
Strategic business solutions to improve efficiency and drive growth.
|
|
</p>
|
|
<div class="grid md:grid-cols-3 gap-8">
|
|
<div
|
|
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
|
>
|
|
<img
|
|
src="img/management-consulting.svg"
|
|
height="24"
|
|
width="24"
|
|
alt="Process Optimization"
|
|
class="lucide lucide-trending-up w-12 h-12 text-blue-600 mb-4"
|
|
/>
|
|
<h3 class="text-xl font-bold mb-3">Process Optimization</h3>
|
|
<p class="text-gray-600">
|
|
Streamline operations and improve business efficiency
|
|
</p>
|
|
</div>
|
|
<div
|
|
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
|
>
|
|
<img
|
|
src="img/people.svg"
|
|
height="24"
|
|
width="24"
|
|
alt="Change Management"
|
|
class="lucide lucide-trending-up w-12 h-12 text-blue-600 mb-4"
|
|
/>
|
|
<h3 class="text-xl font-bold mb-3">Change Management</h3>
|
|
<p class="text-gray-600">
|
|
Guide organizational transformation effectively
|
|
</p>
|
|
</div>
|
|
<div
|
|
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
|
>
|
|
<img
|
|
src="img/barchart.svg"
|
|
height="24"
|
|
width="24"
|
|
alt="Financial Analysis"
|
|
class="lucide lucide-trending-up w-12 h-12 text-blue-600 mb-4"
|
|
/>
|
|
<h3 class="text-xl font-bold mb-3">Financial Analysis</h3>
|
|
<p class="text-gray-600">
|
|
Data-driven financial planning and optimization
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mb-16">
|
|
<div class="flex items-center mb-8">
|
|
<img
|
|
src="img/infrastructure.svg"
|
|
height="24"
|
|
width="24"
|
|
alt="Infrastructure Services"
|
|
class="lucide lucide-shield w-8 h-8 text-blue-600 mr-4"
|
|
/>
|
|
<h2 class="text-3xl font-bold">Infrastructure Services</h2>
|
|
</div>
|
|
<p class="text-lg text-gray-600 mb-8">
|
|
Build robust foundations for your business success
|
|
</p>
|
|
<div class="grid md:grid-cols-3 gap-8">
|
|
<div
|
|
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
|
>
|
|
<img
|
|
src="img/cloud.svg"
|
|
height="24"
|
|
width="24"
|
|
alt="Cloud Solutions"
|
|
class="lucide lucide-trending-up w-12 h-12 text-blue-600 mb-4"
|
|
/>
|
|
<h3 class="text-xl font-bold mb-3">Cloud Solutions</h3>
|
|
<p class="text-gray-600">
|
|
Leverage cloud technology for scalable solutions
|
|
</p>
|
|
</div>
|
|
<div
|
|
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
|
>
|
|
<img
|
|
src="img/network.svg"
|
|
height="24"
|
|
width="24"
|
|
alt="Network Design"
|
|
class="lucide lucide-trending-up w-12 h-12 text-blue-600 mb-4"
|
|
/>
|
|
<h3 class="text-xl font-bold mb-3">Network Design</h3>
|
|
<p class="text-gray-600">
|
|
Create secure and efficient network architectures
|
|
</p>
|
|
</div>
|
|
<div
|
|
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
|
>
|
|
<img
|
|
src="img/system-integration.svg"
|
|
height="24"
|
|
width="24"
|
|
alt="System Integration"
|
|
class="lucide lucide-trending-up w-12 h-12 text-blue-600 mb-4"
|
|
/>
|
|
<h3 class="text-xl font-bold mb-3">System Integration</h3>
|
|
<p class="text-gray-600">
|
|
Seamlessly integrate systems for optimal performance
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="bg-blue-600 text-white py-12">
|
|
<div class="container mx-auto px-6 text-center">
|
|
<h2 class="text-3xl font-bold mb-4">Need Customized Solutions?</h2>
|
|
<p class="text-xl mb-6">
|
|
Let's discuss how we can help transform your business
|
|
</p>
|
|
<button class="bigbutton">
|
|
<a href="mailto:info@allucanget.biz">Schedule Consultation</a>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|