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,17 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
{% include "_head.html" %}
|
||||
<body>
|
||||
{% include "_header.html" %}
|
||||
<div id="main-content">
|
||||
<div id="main">
|
||||
{% block content %}{% endblock %} {%include
|
||||
"_footer.html" %}
|
||||
</div>
|
||||
</div>
|
||||
{% block scripts %}
|
||||
<script src="js/nav.js" defer></script>
|
||||
{% endblock %}
|
||||
<script src="js/partner.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,9 @@
|
||||
<div id="footer">
|
||||
<div class="container">
|
||||
<p>
|
||||
© 2025
|
||||
<a href="imprint.html" class="footer-link">AllYouCanGET</a>
|
||||
| All rights reserved.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,35 @@
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=EDGE" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
|
||||
<meta name="description" content="{{ meta.description }}" />
|
||||
<meta name="keywords" content="{{ meta.keywords }}" />
|
||||
|
||||
<!-- SEO and Social Sharing Meta Tags -->
|
||||
<meta name="robots" content="index, follow" />
|
||||
<link rel="canonical" href="https://allucanget.biz/{{ page_url }}" />
|
||||
<meta name="theme-color" content="#111827" />
|
||||
|
||||
<!-- Open Graph / Facebook -->
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:url" content="https://allucanget.biz/{{ page_url }}" />
|
||||
<meta property="og:title" content="{{ meta.title }}" />
|
||||
<meta property="og:description" content="{{ meta.og_description }}" />
|
||||
<meta property="og:image" content="{{ meta.favicon }}" />
|
||||
<meta property="og:site_name" content="AllYouCanGET" />
|
||||
|
||||
<!-- Twitter -->
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta name="twitter:url" content="https://allucanget.biz/{{ page_url }}" />
|
||||
<meta name="twitter:title" content="{{ meta.title }}" />
|
||||
<meta name="twitter:description" content="{{ meta.description }}" />
|
||||
<meta name="twitter:image" content="{{ meta.favicon }}" />
|
||||
<link rel="stylesheet" href="css/styles.css" />
|
||||
<link
|
||||
rel="icon"
|
||||
href="img/cropped-Logo-AllYouCanGet-512x512-1-180x180.png"
|
||||
type="image/x-icon"
|
||||
/>
|
||||
<title>{{ page_title }}</title>
|
||||
</head>
|
||||
@@ -0,0 +1,56 @@
|
||||
<div id="header">
|
||||
<nav id="site-navigation">
|
||||
<div id="site-navigation-container">
|
||||
<div id="site-navigation-content">
|
||||
<div id="site-navigation-bar">
|
||||
<div id="site-navigation-brand">
|
||||
<a href="index.html" class="site-home-link">
|
||||
<img src="img/Logo-AllYouCanGet-204x100.png" alt="AllYouCanGET" class="nav-logo" />
|
||||
<span class="nav-text">AllYouCanGET</span>
|
||||
</a>
|
||||
</div>
|
||||
<button class="hamburger-menu" aria-label="Toggle navigation">
|
||||
<span class="hamburger-line"></span>
|
||||
<span class="hamburger-line"></span>
|
||||
<span class="hamburger-line"></span>
|
||||
</button>
|
||||
<div class="nav-menu">
|
||||
<div id="site-nav-links">
|
||||
{% for key, page in nav_pages.items() %} {% if page.active %}
|
||||
<a href="{{ page.url }}" class="site-nav-link active"
|
||||
>{{ page.name }}</a
|
||||
>
|
||||
{% else %}
|
||||
<a href="{{ page.url }}" class="site-nav-link">{{ page.name }}</a>
|
||||
{% endif %} {% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div id="page-title">
|
||||
<h2 class="page-title-header">{{ page_title }}</h2>
|
||||
<h3 class="page-subtitle">{{ page_subtitle }}</h3>
|
||||
</div>
|
||||
{% if page_cta_url %}
|
||||
<div class="header-cta">
|
||||
<div class="header-cta-buttons">
|
||||
<button class="bigbutton">
|
||||
<a href="{{ page_cta_url }}">
|
||||
<span>{{ page_cta }}</span>
|
||||
<span>→</span>
|
||||
</a>
|
||||
</button>
|
||||
{% if page_cta_url == 'services.html' %}
|
||||
<button class="bigbutton">
|
||||
<a href="#contact-form">
|
||||
<span>Contact Us</span>
|
||||
<span>→</span>
|
||||
</a>
|
||||
</button>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
@@ -0,0 +1,22 @@
|
||||
<nav id="site-navigation">
|
||||
<div id="site-navigation-container">
|
||||
<div id="site-navigation-content">
|
||||
<div id="site-navigation-bar">
|
||||
<div id="site-navigation-brand">
|
||||
<a href="index.html" class="site-home-link">AllYouCanGET</a>
|
||||
</div>
|
||||
<div class="nav-toggle hidden md:block">
|
||||
<div id="site-nav-links">
|
||||
{% for key, page in nav_pages.items() %} {% if page.active %}
|
||||
<a href="{{ page.url }}" class="site-nav-link active"
|
||||
>{{ page.name }}</a
|
||||
>
|
||||
{% else %}
|
||||
<a href="{{ page.url }}" class="site-nav-link">{{ page.name }}</a>
|
||||
{% endif %} {% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
@@ -0,0 +1,498 @@
|
||||
{% 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 Coaching Areas</h1>
|
||||
<p class="text-xl text-gray-600 text-center mb-12">
|
||||
Comprehensive coaching programs tailored to your professional and personal
|
||||
growth
|
||||
</p>
|
||||
|
||||
<!-- Career Advice Section -->
|
||||
<div class="mb-16">
|
||||
<div class="flex items-center mb-8">
|
||||
<img
|
||||
src="img/coaching-career.svg"
|
||||
alt="Career advice icon"
|
||||
class="w-8 h-8 mr-4"
|
||||
width="24"
|
||||
height="24"
|
||||
/>
|
||||
<h2 class="text-3xl font-bold">Career Advice</h2>
|
||||
</div>
|
||||
<p class="text-lg text-gray-600 mb-8">
|
||||
Navigate your career path with expert guidance tailored to your industry
|
||||
and location.
|
||||
</p>
|
||||
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">IT Career</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Career paths in software development</li>
|
||||
<li>• Technical vs management track</li>
|
||||
<li>• Transitioning between specialties</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Switzerland Specifics</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Work culture and expectations</li>
|
||||
<li>• Salary negotiations</li>
|
||||
<li>• Work permits and regulations</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Germany Specifics</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Job market trends</li>
|
||||
<li>• Industry hubs and opportunities</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Remote Work</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Building a remote work routine</li>
|
||||
<li>• Communication strategies</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Freelancing</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Setting up as independent contractor</li>
|
||||
<li>• Client acquisition and retention</li>
|
||||
<li>• Pricing strategies and negotiation</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Startups</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Evaluating startup opportunities</li>
|
||||
<li>• Equity considerations</li>
|
||||
<li>• Growth expectations</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Corporates</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Navigating corporate structures</li>
|
||||
<li>• Internal mobility</li>
|
||||
<li>• Building influence</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Consulting</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Types of consulting roles</li>
|
||||
<li>• Client management</li>
|
||||
<li>• Balancing multiple projects</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Personal Development Section -->
|
||||
<div class="mb-16">
|
||||
<div class="flex items-center mb-8">
|
||||
<img
|
||||
src="img/coaching-personal.svg"
|
||||
alt="Personal development icon"
|
||||
class="w-8 h-8 mr-4"
|
||||
width="24"
|
||||
height="24"
|
||||
/>
|
||||
<h2 class="text-3xl font-bold">Personal Development</h2>
|
||||
</div>
|
||||
<p class="text-lg text-gray-600 mb-8">
|
||||
Discover your values, strengths, and purpose to create a fulfilling life
|
||||
and career.
|
||||
</p>
|
||||
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Values</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Value identification exercises</li>
|
||||
<li>• Aligning career with personal values</li>
|
||||
<li>• Identity Workshop</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Ikigai</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Finding purpose through passion</li>
|
||||
<li>• Mission, vocation, and profession</li>
|
||||
<li>• Practical discovery exercises</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Strengths</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Assessment tools and frameworks</li>
|
||||
<li>• Leveraging strengths professionally</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Weaknesses</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Growth mindset approaches</li>
|
||||
<li>• Strategic improvement planning</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Vision</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Creating personal vision statements</li>
|
||||
<li>• Long-term life planning</li>
|
||||
<li>• Visualization techniques</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Goals</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• SMART goal framework</li>
|
||||
<li>• Balancing short and long-term objectives</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Agile Self Organization</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Personal Kanban implementation</li>
|
||||
<li>• Quarterly planning and review cycles</li>
|
||||
<li>• Agile methods for personal productivity</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Leadership Coaching Section -->
|
||||
<div class="mb-16">
|
||||
<div class="flex items-center mb-8">
|
||||
<img
|
||||
src="img/coaching-leadership.svg"
|
||||
alt="Leadership coaching icon"
|
||||
class="w-8 h-8 mr-4"
|
||||
width="24"
|
||||
height="24"
|
||||
/>
|
||||
<h2 class="text-3xl font-bold">Leadership Coaching</h2>
|
||||
</div>
|
||||
<p class="text-lg text-gray-600 mb-8">
|
||||
Develop essential leadership skills to inspire teams and drive
|
||||
organizational success.
|
||||
</p>
|
||||
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Leadership Styles</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Management vs Leadership</li>
|
||||
<li>• Situational leadership approaches</li>
|
||||
<li>• Transformational vs transactional</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Communication</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Active listening techniques</li>
|
||||
<li>• Delivering difficult messages</li>
|
||||
<li>• Cross-cultural communication</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Feedback</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Structured feedback frameworks</li>
|
||||
<li>• Creating feedback culture</li>
|
||||
<li>• Growth-oriented approaches</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Delegation</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• RACI and DACI models</li>
|
||||
<li>• Identifying tasks to delegate</li>
|
||||
<li>• Building team capacity</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Decision Making</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• OODA loop, DECIDE model</li>
|
||||
<li>• Data-driven decisions</li>
|
||||
<li>• Managing decision paralysis</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Conflict Management</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Conflict resolution models</li>
|
||||
<li>• Mediation techniques</li>
|
||||
<li>• Transforming conflict to opportunity</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Motivation</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Intrinsic vs extrinsic motivation</li>
|
||||
<li>• SCARF and Drive frameworks</li>
|
||||
<li>• Tailoring to individual needs</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Empathy & Compassion</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Building empathetic leadership</li>
|
||||
<li>• Compassion without compromising</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Trust</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Trust-building exercises</li>
|
||||
<li>• Trust in remote teams</li>
|
||||
<li>• Rebuilding broken trust</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Psychological Safety</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Assessment techniques</li>
|
||||
<li>• Creating safety in teams</li>
|
||||
<li>• Connection to innovation</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Team Building</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Tuckman's team formation</li>
|
||||
<li>• Remote team activities</li>
|
||||
<li>• Cross-functional dynamics</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h3 class="text-xl font-bold mb-3">Agile Project Management</h3>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Project roles and responsibilities</li>
|
||||
<li>• Agile hierarchies</li>
|
||||
<li>• Balancing agility with governance</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Technical Coaching Section -->
|
||||
<div class="mb-16">
|
||||
<div class="flex items-center mb-8">
|
||||
<img
|
||||
src="img/coaching-technical.svg"
|
||||
alt="Technical coaching icon"
|
||||
class="w-8 h-8 mr-4"
|
||||
width="24"
|
||||
height="24"
|
||||
/>
|
||||
<h2 class="text-3xl font-bold">Technical Coaching</h2>
|
||||
</div>
|
||||
<p class="text-lg text-gray-600 mb-8">
|
||||
Master technical skills and best practices in software development and
|
||||
IT infrastructure.
|
||||
</p>
|
||||
|
||||
<!-- Software and Web Development Subsection -->
|
||||
<h3 class="text-2xl font-bold mb-6 text-gray-700">
|
||||
Software and Web Development
|
||||
</h3>
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mb-8">
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h4 class="text-xl font-bold mb-3">Scalability</h4>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Horizontal vs vertical scaling</li>
|
||||
<li>• Distributed systems principles</li>
|
||||
<li>• Load balancing strategies</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h4 class="text-xl font-bold mb-3">Browser</h4>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Developer tools mastery</li>
|
||||
<li>• Performance optimization</li>
|
||||
<li>• Extension development</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Operating Systems Subsection -->
|
||||
<h3 class="text-2xl font-bold mb-6 text-gray-700">Operating Systems</h3>
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 mb-8">
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h4 class="text-xl font-bold mb-3">Linux</h4>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Debian, Ubuntu</li>
|
||||
<li>• RedHat, Fedora, CentOS</li>
|
||||
<li>• Arch, Manjaro</li>
|
||||
<li>• SUSE, openSUSE</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h4 class="text-xl font-bold mb-3">Windows</h4>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Windows 10 & 11</li>
|
||||
<li>• Windows Server 2019</li>
|
||||
<li>• Windows Server 2022</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h4 class="text-xl font-bold mb-3">macOS</h4>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• macOS basics</li>
|
||||
<li>• System administration</li>
|
||||
<li>• Shell commands</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Tools Subsection -->
|
||||
<h3 class="text-2xl font-bold mb-6 text-gray-700">Development Tools</h3>
|
||||
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h4 class="text-xl font-bold mb-3">Git</h4>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Advanced git workflows</li>
|
||||
<li>• Git hooks and automation</li>
|
||||
<li>• Collaboration strategies</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h4 class="text-xl font-bold mb-3">Docker</h4>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Container optimization</li>
|
||||
<li>• Docker Compose</li>
|
||||
<li>• Kubernetes orchestration</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="bg-white rounded-lg p-6 shadow-lg hover:shadow-xl transition-shadow"
|
||||
>
|
||||
<h4 class="text-xl font-bold mb-3">Visual Studio Code</h4>
|
||||
<ul class="text-gray-600 space-y-2">
|
||||
<li>• Extension ecosystem</li>
|
||||
<li>• Customization and settings</li>
|
||||
<li>• Productivity optimization</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Call to Action Section -->
|
||||
<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">Ready to Accelerate Your Growth?</h2>
|
||||
<p class="text-xl mb-6">
|
||||
Let's work together to unlock your full potential
|
||||
</p>
|
||||
<button
|
||||
class="bg-white text-blue-600 font-bold py-3 px-8 rounded-lg hover:bg-gray-100"
|
||||
>
|
||||
<a href="mailto:info@allucanget.biz">Schedule Your First Session</a>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,17 @@
|
||||
<div class="section-card">
|
||||
<h3 class="section-card-title">{{ card.title }}</h3>
|
||||
{% if card.content %}
|
||||
<div class="section-content">{{ card.content | safe }}</div>
|
||||
{% endif %} {% if card.details %}
|
||||
<div class="mt-4 space-y-3">
|
||||
{% for detail in card.details %}
|
||||
<div class="section-card-detail">
|
||||
<h4 class="section-card-detail-title">{{ detail.title }}</h4>
|
||||
{% if detail.content %}
|
||||
<div class="section-card-detail-content">{{ detail.content | safe }}</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
@@ -0,0 +1,8 @@
|
||||
<div id="hero">
|
||||
<div class="container">
|
||||
<h1>{{ page.title }}</h1>
|
||||
{% if page.subtitle %}
|
||||
<p>{{ page.subtitle }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,13 @@
|
||||
<div class="section">
|
||||
<div class="section-container container">
|
||||
<h2>{{ section.title }}</h2>
|
||||
{% if section.content %}
|
||||
<div class="section-content">{{ section.content | safe }}</div>
|
||||
{% endif %} {% if section.cards %}
|
||||
<div class="section-cards">
|
||||
{% for card in section.cards %} {% include 'components/card.html' %} {%
|
||||
endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,238 @@
|
||||
{% extends "_base.html" %}{% block content %}
|
||||
<div class="bg-gray-50 py-12">
|
||||
<div class="container mx-auto px-4">
|
||||
<h1 class="text-4xl font-bold text-center mb-4">Imprint</h1>
|
||||
<div class="mb-16">
|
||||
<div class="flex items-center mb-8">
|
||||
<img
|
||||
src="img/imprint-shield.svg"
|
||||
alt="Shield icon"
|
||||
class="w-8 h-8 mr-4"
|
||||
width="24"
|
||||
height="24"
|
||||
/>
|
||||
<h2 class="text-3xl font-bold">AllYouCanGET - Sinn Consulting</h2>
|
||||
</div>
|
||||
<h2 class="text-xl font-bold">Impressum</h2>
|
||||
<p class="text-lg text-gray-600 mb-8">
|
||||
gemäß §5 Telemediengesetz bzw. § 5 Abs. 1 E-Commerce-Gesetz bzw. Art. 3
|
||||
des Bundesgesetzes gegen den unlauteren Wettbewerb (UWG)
|
||||
</p>
|
||||
<div
|
||||
class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex"
|
||||
>
|
||||
<div
|
||||
class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"
|
||||
>
|
||||
<p class="text-lg text-gray-600 mb-8">
|
||||
All You Can GET<br />c/o Sinn Consulting<br />Im Dornäcker
|
||||
16<br />CH-8967 Widen<br />georg AT allucanget DOT biz
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="mb-3" />
|
||||
<h3 class="text-xl font-bold mb-3"><strong>Overview</strong></h3>
|
||||
<p class="text-lg text-gray-600 mb-8">
|
||||
The following are the terms of an agreement between you and
|
||||
AllYouCanGET. By accessing, or using this Web site, you acknowledge that
|
||||
you have read, understand, and agree to be bound by these terms and to
|
||||
comply with all applicable laws and regulations, including export and
|
||||
re-export control laws and regulations. If you do not agree to these
|
||||
terms, please do not use this Web site.
|
||||
</p>
|
||||
<p class="text-lg text-gray-600 mb-8">
|
||||
AllYouCanGET may, without notice to you, at any time, revise these Terms
|
||||
of Use and any other information contained in this Web site.
|
||||
AllYouCanGET may also make improvements or changes in the products,
|
||||
services, or programs described in this site at any time without notice.
|
||||
</p>
|
||||
<h3 class="text-xl font-bold mb-3"><strong>General</strong></h3>
|
||||
<p class="text-lg text-gray-600 mb-8">
|
||||
This Web site contains proprietary notices and copyright information,
|
||||
the terms of which must be observed and followed. Please see the tab
|
||||
entitled “Copyright and trademark information” for related information.
|
||||
</p>
|
||||
<p class="text-lg text-gray-600 mb-8">
|
||||
AllYouCanGET grants you a non-exclusive, non-transferable, limited
|
||||
permission to access and display the Web pages within this site as a
|
||||
customer or potential customer of AllYouCanGET provided you comply with
|
||||
these Terms of Use, and all copyright, trademark, and other proprietary
|
||||
notices remain intact. You may only use a crawler to crawl this Web site
|
||||
as permitted by this Web site’s robots.txt protocol, and AllYouCanGET
|
||||
may block any crawlers in its sole discretion. The use authorized under
|
||||
this agreement is non-commercial in nature (e.g., you may not sell the
|
||||
content you access on or through this Web site.) All other use of this
|
||||
site is prohibited.
|
||||
</p>
|
||||
<p class="text-lg text-gray-600 mb-8">
|
||||
Except for the limited permission in the preceding paragraph,
|
||||
AllYouCanGET does not grant you any express or implied rights or
|
||||
licenses under any patents, trademarks, copyrights, or other proprietary
|
||||
or intellectual property rights. You may not mirror any of the content
|
||||
from this site on another Web site or in any other media. Any software
|
||||
and other materials that are made available for downloading, access, or
|
||||
other use from this site with their own license terms will be governed
|
||||
by such terms, conditions, and notices. Your failure to comply with such
|
||||
terms or any of the terms on this site will result in automatic
|
||||
termination of any rights granted to you, without prior notice, and you
|
||||
must immediately destroy all copies of downloaded materials in your
|
||||
possession, custody or control.
|
||||
</p>
|
||||
<h3 class="text-xl font-bold mb-3"><strong>Disclaimer</strong></h3>
|
||||
<p class="text-lg text-gray-600 mb-8">
|
||||
From time to time, this Web site may contain technical inaccuracies or
|
||||
typographical errors, and we do not warrant the accuracy of any posted
|
||||
information. Please confirm you are using the most up-to-date pages on
|
||||
this Web site, and confirm the accuracy and completeness of information
|
||||
before using it to make decisions relating to services, products, or
|
||||
other matters described in this Web site.
|
||||
</p>
|
||||
<p class="text-lg text-gray-600 mb-8">
|
||||
If any term in this Terms of Use is found by competent judicial
|
||||
authority to be unenforceable in any respect, the validity of the
|
||||
remainder of this Terms of Use will be unaffected, provided that such
|
||||
unenforceability does not materially affect the parties’ rights under
|
||||
this Terms of Use.
|
||||
</p>
|
||||
<h3 class="text-xl font-bold mb-3">
|
||||
<strong>Forward-looking and cautionary statements</strong>
|
||||
</h3>
|
||||
<p class="text-lg text-gray-600 mb-8">
|
||||
Except for historical information and discussions, statements set forth
|
||||
throughout this web site may constitute forward-looking statements
|
||||
within the meaning of the Private Securities Litigation Reform Act of
|
||||
1995 or other applicable laws. These statements involve a number of
|
||||
risks, uncertainties, and other factors that could cause actual results
|
||||
to differ materially, as discussed in the company’s filings with
|
||||
the U.S. Securities and Exchange Commission. See the “SEC filings” tab
|
||||
under “Investor relations” on this Web site for copies of such filings.
|
||||
</p>
|
||||
<h3 class="text-xl font-bold mb-3">
|
||||
<strong>Confidential information</strong>
|
||||
</h3>
|
||||
<p class="text-lg text-gray-600 mb-8">
|
||||
AllYouCanGET does not want to receive confidential or proprietary
|
||||
information from you through our Web site. Please note that any
|
||||
information or material sent to AllYouCanGET will be deemed NOT to be
|
||||
confidential. By sending AllYouCanGET any information or material, you
|
||||
grant AllYouCanGET an unrestricted, irrevocable license to copy,
|
||||
reproduce, publish, upload, post, transmit, distribute, publicly
|
||||
display, perform, modify, create derivative works from, and otherwise
|
||||
freely use, those materials or information. You also agree that
|
||||
AllYouCanGET is free to use any ideas, concepts, know-how, or techniques
|
||||
that you send us for any purpose. However, we will not release your name
|
||||
or otherwise publicize the fact that you submitted materials or other
|
||||
information to us unless: (a) we obtain your permission to use your
|
||||
name; or (b) we first notify you that the materials or other information
|
||||
you submit to a particular part of this site will be published or
|
||||
otherwise used with your name on it; or (c) we are required to do so by
|
||||
law. Personally-identifiable information that you submit to AllYouCanGET
|
||||
for the purpose of receiving products or services will be handled in
|
||||
accordance with our privacy policies. Please see the tab entitled
|
||||
“Privacy” for information regarding AllYouCanGET’s privacy policies.
|
||||
</p>
|
||||
<h3 class="text-xl font-bold mb-3">
|
||||
<strong>U.S. government restricted rights</strong>
|
||||
</h3>
|
||||
<p class="text-lg text-gray-600 mb-8">
|
||||
AllYouCanGET provides the software downloaded from this Web site to U.S.
|
||||
Government users with “RESTRICTED RIGHTS.” Use, reproduction, or
|
||||
disclosure is subject to the restrictions set forth in AllYouCanGET’s
|
||||
GSA ADP Schedule contract.
|
||||
</p>
|
||||
<h3 class="text-xl font-bold mb-3">
|
||||
<strong>Global availability</strong>
|
||||
</h3>
|
||||
<p class="text-lg text-gray-600 mb-8">
|
||||
Information AllYouCanGET publishes on the Internet may contain
|
||||
references or cross references to AllYouCanGET products, programs and
|
||||
services that are not announced or available in your country. Such
|
||||
references do not imply that AllYouCanGET intends to announce or make
|
||||
available such products, programs, or services in your country. Please
|
||||
consult your local AllYouCanGET business contact for information
|
||||
regarding the products, programs, and services that may be available to
|
||||
you.
|
||||
</p>
|
||||
<h3 class="text-xl font-bold mb-3">
|
||||
<strong>Business relationships</strong>
|
||||
</h3>
|
||||
<p class="text-lg text-gray-600 mb-8">
|
||||
This Web site may provide links or references to non-AllYouCanGET Web
|
||||
sites and resources. AllYouCanGET makes no representations, warranties,
|
||||
or other commitments or endorsements whatsoever about any
|
||||
non-AllYouCanGET Web sites or third-party resources (including any
|
||||
Lenovo Web site) that may be referenced, accessible from, or linked to
|
||||
any AllYouCanGET site. In addition, AllYouCanGET is not a party to or
|
||||
responsible for any transactions you may enter into with third parties,
|
||||
even if you learn of such parties (or use a link to such parties) from
|
||||
an AllYouCanGET site. When you access a non-AllYouCanGET Web site, even
|
||||
one that may contain the AllYouCanGET-logo, please understand that it is
|
||||
independent from AllYouCanGET, and that AllYouCanGET does not control
|
||||
the content on that Web site. It is up to you to take precautions to
|
||||
protect yourself from viruses, worms, Trojan horses, and other
|
||||
potentially destructive programs, and to protect your information.
|
||||
</p>
|
||||
<h3 class="text-xl font-bold mb-3">
|
||||
<strong>Linking to this site</strong>
|
||||
</h3>
|
||||
<p class="text-lg text-gray-600 mb-8">
|
||||
AllYouCanGET consents only to links to this Web site in which the link
|
||||
and the pages that are activated by the link do not: (a) create frames
|
||||
around any page on this Web site or use other techniques that alter in
|
||||
any way the visual presentation or appearance of any content within this
|
||||
site; (b) misrepresent your relationship with AllYouCanGET; (c) imply
|
||||
that AllYouCanGET approves or endorses you, your Web site, or your
|
||||
service or product offerings; and (d) present false or misleading
|
||||
impressions about AllYouCanGET or otherwise damage the goodwill
|
||||
associated with the AllYouCanGET name or trademarks. As a further
|
||||
condition to being permitted to link to this site, you agree that
|
||||
AllYouCanGET may at any time, in its sole discretion, terminate
|
||||
permission to link to this Web site. In such event, you agree to
|
||||
immediately remove all links to this Web site and to cease any related
|
||||
use of AllYouCanGET trademarks.
|
||||
</p>
|
||||
<h3 class="text-xl font-bold mb-3">
|
||||
<strong>DISCLAIMER OF WARRANTY</strong>
|
||||
</h3>
|
||||
<p class="text-lg text-gray-600 mb-8">
|
||||
USE OF THIS SITE IS AT YOUR SOLE RISK. ALL MATERIALS, INFORMATION,
|
||||
PRODUCTS, SOFTWARE, PROGRAMS, AND SERVICES ARE PROVIDED “AS
|
||||
IS,” WITH NO WARRANTIES OR GUARANTEES WHATSOEVER. AllYouCanGET
|
||||
EXPRESSLY DISCLAIMS TO THE FULLEST EXTENT PERMITTED BY LAW ALL EXPRESS,
|
||||
IMPLIED, STATUTORY, AND OTHER WARRANTIES, GUARANTEES, OR
|
||||
REPRESENTATIONS, INCLUDING, WITHOUT LIMITATION, THE WARRANTIES OF
|
||||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, AND NON-INFRINGEMENT
|
||||
OF PROPRIETARY AND INTELLECTUAL PROPERTY RIGHTS. WITHOUT LIMITATION,
|
||||
AllYouCanGET MAKES NO WARRANTY OR GUARANTEE THAT THIS WEB SITE WILL BE
|
||||
UNINTERRUPTED, TIMELY, SECURE, OR ERROR-FREE.
|
||||
</p>
|
||||
<p class="text-lg text-gray-600 mb-8">
|
||||
YOU UNDERSTAND AND AGREE THAT IF YOU DOWNLOAD OR OTHERWISE OBTAIN
|
||||
MATERIALS, INFORMATION, PRODUCTS, SOFTWARE, PROGRAMS, OR SERVICES FROM
|
||||
THIS WEB SITE, YOU DO SO AT YOUR OWN DISCRETION AND RISK AND THAT YOU
|
||||
WILL BE SOLELY RESPONSIBLE FOR ANY DAMAGES THAT MAY RESULT, INCLUDING
|
||||
LOSS OF DATA OR DAMAGE TO YOUR COMPUTER SYSTEM. SOME JURISDICTIONS DO
|
||||
NOT ALLOW THE EXCLUSION OF WARRANTIES, SO THE ABOVE EXCLUSIONS MAY NOT
|
||||
APPLY TO YOU.
|
||||
</p>
|
||||
<h3 class="text-xl font-bold mb-3">
|
||||
<strong>LIMITATION OF LIABILITY</strong>
|
||||
</h3>
|
||||
<p class="text-lg text-gray-600 mb-8">
|
||||
TO THE FULLEST EXTENT PERMITTED BY APPLICABLE LAW, IN NO EVENT WILL
|
||||
AllYouCanGET BE LIABLE TO ANY PARTY FOR ANY DIRECT, INDIRECT,
|
||||
INCIDENTAL, SPECIAL, EXEMPLARY OR CONSEQUENTIAL DAMAGES OF ANY TYPE
|
||||
WHATSOEVER RELATED TO OR ARISING FROM THIS WEB SITE OR ANY USE OF THIS
|
||||
WEB SITE, OR OF ANY SITE OR RESOURCE LINKED TO, REFERENCED, OR ACCESSED
|
||||
THROUGH THIS WEB SITE, OR FOR THE USE OR DOWNLOADING OF, OR ACCESS TO,
|
||||
ANY MATERIALS, INFORMATION, PRODUCTS, OR SERVICES, INCLUDING, WITHOUT
|
||||
LIMITATION, ANY LOST PROFITS, BUSINESS INTERRUPTION, LOST SAVINGS OR
|
||||
LOSS OF PROGRAMS OR OTHER DATA, EVEN IF AllYouCanGET IS EXPRESSLY
|
||||
ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. THIS EXCLUSION AND WAIVER OF
|
||||
LIABILITY APPLIES TO ALL CAUSES OF ACTION, WHETHER BASED ON CONTRACT,
|
||||
WARRANTY, TORT, OR ANY OTHER LEGAL THEORIES.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,204 @@
|
||||
{% 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 %}
|
||||
@@ -0,0 +1,20 @@
|
||||
{% extends "_base.html" %} {% block content %}
|
||||
<!-- Hero Section with Page Title -->
|
||||
{% include 'components/hero.html' %}
|
||||
|
||||
<!-- Sections with Cards -->
|
||||
{% for section in page.sections %} {% include 'components/section.html' %} {%
|
||||
endfor %}
|
||||
|
||||
<!-- Call to Action -->
|
||||
<div id="call-to-action" class="bg-blue-600 text-white py-12">
|
||||
<div id="cta-container" class="container">
|
||||
<h2>Ready to Get Started?</h2>
|
||||
<p>
|
||||
Contact us today to learn more about how we can help you.
|
||||
</p>
|
||||
<iframe id="contact-form" src="http://contact.allucanget.biz/embed/contact" width="600" height="600" frameborder="0" allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<script src="js/contact.js"></script>
|
||||
{% endblock %}
|
||||
@@ -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