Files
zwitschi 9f0a216c5e 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>
2026-05-02 13:05:43 +02:00

205 lines
6.8 KiB
HTML

{% extends "_base.html" %} {% block content %}
<div class="bg-gray-50 py-12">
<div class="container mx-auto px-6" id="services">
<h2 class="text-2xl md:text-4xl font-bold text-center mb-12">
Streamline operations, optimize performance, and drive innovation with
AllYouCanGET
</h2>
<div class="grid md:grid-cols-3 gap-8">
<a href="services.html">
<div class="bg-white p-6 rounded-lg shadow-lg service-card">
<div class="w-12 h-12 text-blue-600 mb-4">
<img
src="img/it-consulting.svg"
alt="IT Consulting"
class="lucide lucide-shield w-12 h-12 text-blue-600 mb-4"
width="24"
height="24"
/>
</div>
<h3 class="text-xl font-bold mb-3">IT Consulting</h3>
<p class="text-gray-600 mb-4">
Strategic technology solutions to drive your digital transformation
</p>
<ul>
<li class="flex items-center mb-2">
<span class="text-green-500 mr-2"></span>
<span class="text-gray-700">IT Strategy & Planning</span>
</li>
<li class="flex items-center mb-2">
<span class="text-green-500 mr-2"></span>
<span class="text-gray-700">Technology Assessment</span>
</li>
<li class="flex items-center mb-2">
<span class="text-green-500 mr-2"></span>
<span class="text-gray-700">Enterprise Architecture</span>
</li>
<li class="flex items-center mb-2">
<span class="text-green-500 mr-2"></span>
<span class="text-gray-700">Cybersecurity</span>
</li>
</ul>
</div>
</a>
<a href="services.html">
<div class="bg-white p-6 rounded-lg shadow-lg service-card">
<div class="w-12 h-12 text-blue-600 mb-4">
<img
src="img/management-consulting.svg"
alt="Management Consulting"
class="lucide lucide-trending-up w-12 h-12 text-blue-600 mb-4"
width="24"
height="24"
/>
</div>
<h3 class="text-xl font-bold mb-3">Management Consulting</h3>
<p class="text-gray-600 mb-4">
Optimize operations and accelerate business growth
</p>
<ul>
<li class="flex items-center mb-2">
<span class="text-green-500 mr-2"></span>
<span class="text-gray-700">Strategy Development</span>
</li>
<li class="flex items-center mb-2">
<span class="text-green-500 mr-2"></span>
<span class="text-gray-700">Process Optimization</span>
</li>
<li class="flex items-center mb-2">
<span class="text-green-500 mr-2"></span>
<span class="text-gray-700">Change Management</span>
</li>
<li class="flex items-center mb-2">
<span class="text-green-500 mr-2"></span>
<span class="text-gray-700">Financial Analysis</span>
</li>
</ul>
</div>
</a>
<a href="services.html">
<div class="bg-white p-6 rounded-lg shadow-lg service-card">
<div class="w-12 h-12 text-blue-600 mb-4">
<img
src="img/infrastructure.svg"
alt="Infrastructure Services"
class="lucide lucide-server w-12 h-12 text-blue-600 mb-4"
width="24"
height="24"
/>
</div>
<h3 class="text-xl font-bold mb-3">Infrastructure Services</h3>
<p class="text-gray-600 mb-4">
Build robust foundations for your business success
</p>
<ul>
<li class="flex items-center mb-2">
<span class="text-green-500 mr-2"></span>
<span class="text-gray-700">Cloud Solutions</span>
</li>
<li class="flex items-center mb-2">
<span class="text-green-500 mr-2"></span>
<span class="text-gray-700">Network Design</span>
</li>
<li class="flex items-center mb-2">
<span class="text-green-500 mr-2"></span>
<span class="text-gray-700">System Integration</span>
</li>
<li class="flex items-center mb-2">
<span class="text-green-500 mr-2"></span>
<span class="text-gray-700">Security Implementation</span>
</li>
</ul>
</div>
</a>
</div>
</div>
</div>
<div class="bg-gray-50 py-16">
<div class="container mx-auto px-6" id="partner">
<h2 class="text-3xl font-bold mb-4">Our Partners</h2>
<div class="items-center justify-center">
<p class="text-xl mb-8">
We collaborate with leading technology providers to deliver the best
solutions for your business.
</p>
<div class="flex items-center justify-center" id="partner-logos">
<img
src="img/ibm.svg"
height="24"
width="24"
alt="IBM"
class="h-16 w-auto"
/>
<img
src="img/microsoft.svg"
height="24"
width="24"
alt="Microsoft"
class="h-16 w-auto"
/>
<img
src="img/aws.svg"
height="24"
width="24"
alt="AWS"
class="h-16 w-auto"
/>
<img
src="img/google.svg"
height="24"
width="24"
alt="Google"
class="h-16 w-auto"
/>
<img
src="img/oracle.svg"
height="24"
width="24"
alt="Oracle"
class="h-16 w-32"
/>
<img
src="img/informatica.svg"
height="24"
width="24"
alt="Informatica"
class="h-16 w-auto"
/>
<img
src="img/sap.svg"
height="24"
width="24"
alt="SAP"
class="h-16 w-auto"
/>
<img
src="img/salesforce.svg"
height="24"
width="24"
alt="Salesforce"
class="h-16 w-auto"
/>
</div>
</div>
</div>
</div>
<div class="bg-blue-600 text-white py-16">
<div class="container mx-auto px-6 text-center">
<h2 class="text-3xl font-bold mb-4">Ready to Transform Your Business?</h2>
<p class="text-xl mb-8">Schedule a free consultation with our experts</p>
<button class="bigbutton">
<a href="mailto:info@allucanget.biz">Contact Us</a>
</button>
</div>
</div>
{% endblock %} {% block scripts %}
<script src="js/partner.js"></script>
<script>
document
.getElementByClass("service-card")
.addEventListener("click", function (e) {
window.location.href = "services.html";
});
</script>
{% endblock %}