Add new templates and tests for improved functionality
- 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>
This commit is contained in:
@@ -0,0 +1,208 @@
|
||||
{% 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 %}
|
||||
Reference in New Issue
Block a user