admin/34089-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: admin:master
Branches Tags
admin:master
admin:ai-dev
...
pull from: admin:ai-dev
Branches Tags
admin:ai-dev
admin:master

5 Commits
master ... ai-dev

Author SHA1 Message Date
Flatlogic Bot
390b48921a 12312 2025-09-16 17:25:29 +00:00
Flatlogic Bot
6342f25a1a 1.5 2025-09-16 09:51:53 +00:00
Flatlogic Bot
d90593c88d 1.4 2025-09-16 09:47:34 +00:00
Flatlogic Bot
5ba3cee529 1.3 2025-09-16 09:43:13 +00:00
Flatlogic Bot
69bdedbdf6 1.2 2025-09-16 09:41:49 +00:00
14 changed files with 1686 additions and 126 deletions
Show Stats Expand all files Collapse all files

218
assets/css/custom.css Normal file
View File

@ -0,0 +1,218 @@
/* ---
Palette:
- Background: #121212
- Surface: #1E1E1E
- Primary/Accent: #BB86FC
- Secondary Accent: #03DAC6
- Text (Primary): #E1E1E1
- Text (Secondary): #B3B3B3
--- */
body {
background-color: #121212;
color: #E1E1E1;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, .75);
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
color: #fff;
}
.navbar-brand {
font-weight: bold;
color: #fff !important;
}
.hero {
background-image: linear-gradient(rgba(18, 18, 18, 0.7), rgba(18, 18, 18, 0.9)), url('https://picsum.photos/seed/world-map-dark/1600/900');
background-size: cover;
background-position: center;
padding: 120px 0;
text-align: center;
}
.hero h1 {
font-size: 3.5rem;
font-weight: 700;
color: #fff;
}
.hero p {
font-size: 1.25rem;
color: #E1E1E1;
max-width: 700px;
margin: 1rem auto;
}
.btn-primary {
background-color: #BB86FC;
border-color: #BB86FC;
font-weight: bold;
padding: 12px 30px;
border-radius: 8px;
transition: all 0.3s ease;
}
.btn-primary:hover {
background-color: #a362f7;
border-color: #a362f7;
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(187, 134, 252, 0.3);
}
.section {
padding: 80px 0;
}
.section-bg {
background-color: #1E1E1E;
}
h2.section-title {
text-align: center;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 50px;
color: #fff;
}
#map {
height: 500px;
width: 100%;
border-radius: 8px;
border: 1px solid #333;
}
/* Leaflet Dark Theme */
.leaflet-container {
background: #1E1E1E;
}
.leaflet-popup-content-wrapper, .leaflet-popup-tip {
background: #2a2a2a;
color: #E1E1E1;
box-shadow: 0 3px 14px rgba(0,0,0,0.4);
}
.leaflet-tile-pane {
filter: brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(0.3) brightness(0.7);
}
.leaflet-marker-icon {
filter: hue-rotate(150deg) saturate(2) brightness(1.2);
}
.form-control {
background-color: #2a2a2a;
border: 1px solid #444;
color: #E1E1E1;
border-radius: 8px;
padding: 12px;
}
.form-control:focus {
background-color: #2a2a2a;
border-color: #BB86FC;
color: #E1E1E1;
box-shadow: 0 0 0 0.25rem rgba(187, 134, 252, 0.25);
}
.form-control::placeholder {
color: #888;
}
.img-fluid {
border-radius: 8px;
}
.footer {
background-color: #1E1E1E;
padding: 40px 0;
text-align: center;
color: #B3B3B3;
}
.toast-container {
position: fixed;
bottom: 1rem;
right: 1rem;
z-index: 1055;
}
.page-header {
background-color: #1E1E1E;
padding: 80px 0;
text-align: center;
}
.page-header h1 {
font-size: 3rem;
font-weight: 700;
color: #fff;
}
.page-header p {
font-size: 1.2rem;
color: #B3B3B3;
}
.card {
background-color: #1E1E1E;
border: 1px solid #333;
border-radius: 8px;
color: #E1E1E1;
}
.card-title {
color: #fff;
}
.card-footer {
background-color: #2a2a2a;
border-top: 1px solid #333;
}
.btn-outline-primary {
color: #BB86FC;
border-color: #BB86FC;
}
.btn-outline-primary:hover {
color: #121212;
background-color: #BB86FC;
border-color: #BB86FC;
}
/* ---
Case Study & Testimonials Pages
--- */
.card {
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(187, 134, 252, 0.15);
}
.bg-light-dark {
background-color: #2a2a2a;
}
.case-study-content .content-section {
margin-bottom: 2.5rem;
}
.case-study-content h3 {
color: #BB86FC;
font-weight: 700;
margin-bottom: 1rem;
}
.blockquote {
border-left: 4px solid #BB86FC;
}

105
assets/js/main.js Normal file
View File

@ -0,0 +1,105 @@
document.addEventListener('DOMContentLoaded', function () {
// --- Initialize Map ---
const map = L.map('map').setView([20, 0], 2);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
const cities = [
{ name: 'Sydney', coords: [-33.8688, 151.2093] },
{ name: 'Ashgabat', coords: [37.9601, 58.3261] },
{ name: 'Tbilisi', coords: [41.7151, 44.8271] },
{ name: 'Vilnius', coords: [54.6872, 25.2797] },
{ name: 'Helsinki', coords: [60.1699, 24.9384] },
{ name: 'Warsaw', coords: [52.2297, 21.0122] },
{ name: 'Dublin', coords: [53.3498, -6.2603] },
{ name: 'New York', coords: [40.7128, -74.0060] },
{ name: 'Dallas', coords: [32.7767, -96.7970] },
{ name: 'San Francisco', coords: [37.7749, -122.4194] }
];
const icon = L.divIcon({
className: 'custom-div-icon',
html: "<div style='background-color:#BB86FC;' class='marker-pin'></div><i class='material-icons'></i>",
iconSize: [30, 42],
iconAnchor: [15, 42]
});
cities.forEach(city => {
L.marker(city.coords, {
icon: L.divIcon({
html: `<div style="background-color: #BB86FC; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #fff;"></div>`,
className: 'custom-marker',
iconSize: [16, 16],
iconAnchor: [8, 8]
})
}).addTo(map)
.bindPopup(`<b>${city.name}</b>`);
});
// --- Contact Form Handling ---
const contactForm = document.getElementById('contactForm');
contactForm.addEventListener('submit', function (e) {
e.preventDefault();
const name = document.getElementById('name').value.trim();
const email = document.getElementById('email').value.trim();
const message = document.getElementById('message').value.trim();
if (!name || !email || !message) {
showToast('Please fill out all fields.', 'danger');
return;
}
const formData = new FormData(this);
fetch('contact_handler.php', {
method: 'POST',
body: formData
})
.then(response => response.json())
.then(data => {
if (data.success) {
showToast(data.message, 'success');
contactForm.reset();
} else {
showToast(data.message, 'danger');
}
})
.catch(error => {
console.error('Error:', error);
showToast('An unexpected error occurred. Please try again.', 'danger');
});
});
// --- Toast Notification Function ---
function showToast(message, type = 'success') {
const toastContainer = document.getElementById('toast-container');
const toastId = 'toast-' + Math.random().toString(36).substr(2, 9);
const toastHTML = `
<div id="${toastId}" class="toast align-items-center text-white bg-${type} border-0" role="alert" aria-live="assertive" aria-atomic="true">
<div class="d-flex">
<div class="toast-body">
${message}
</div>
<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
</div>
</div>
`;
toastContainer.insertAdjacentHTML('beforeend', toastHTML);
const toastElement = document.getElementById(toastId);
const toast = new bootstrap.Toast(toastElement, { delay: 5000 });
toast.show();
toastElement.addEventListener('hidden.bs.toast', function () {
toastElement.remove();
});
}
});

105
blog-post-1.php Normal file
View File

@ -0,0 +1,105 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>5 Tips for Successful Remote Project Management | Blog</title>
<meta name="description" content="Our top tips for keeping your projects on track, no matter where your team is located.">
<!-- Bootstrap 5 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="index.php">PM Global</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="index.php#map-section">Global Reach</a></li>
<li class="nav-item"><a class="nav-link" href="index.php#about">About</a></li>
<li class="nav-item"><a class="nav-link" href="testimonials.php">Testimonials</a></li>
<li class="nav-item"><a class="nav-link" href="case-studies.php">Case Studies</a></li>
<li class="nav-item"><a class="nav-link" href="services.php">Services</a></li>
<li class="nav-item"><a class="nav-link" href="team.php">Our Team</a></li>
<li class="nav-item"><a class="nav-link" href="blog.php">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="index.php#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Page Header -->
<header class="page-header">
<div class="container">
<h1 class="display-5">5 Tips for Successful Remote Project Management</h1>
<p class="text-muted">Posted on <?php echo date("F j, Y"); ?></p>
</div>
</header>
<main class="container my-5">
<div class="row">
<div class="col-lg-8 mx-auto">
<img src="https://picsum.photos/seed/blog-post-1/1200/700" class="img-fluid rounded shadow-lg mb-5" alt="Blog Post 1">
<article>
<p class="lead">In the new normal, remote work is here to stay. For project managers, this means adapting to new ways of working and communicating. Here are our top tips for keeping your projects on track, no matter where your team is located.</p>
<h5>1. Establish Clear Communication Channels</h5>
<p>When you're not in the same room, you can't rely on informal chats to keep everyone on the same page. Establish clear communication channels and protocols. Use a tool like Slack or Microsoft Teams for daily check-ins and quick questions, and reserve email for more formal communication. Schedule regular video calls for team meetings and one-on-ones.</p>
<h5>2. Over-communicate</h5>
<p>In a remote setting, it's better to over-communicate than to under-communicate. Document everything, from meeting notes to project decisions. This creates a single source of truth that everyone can refer to, regardless of their time zone.</p>
<h5>3. Use the Right Tools</h5>
<p>The right tools are essential for remote project management. A good project management tool like Jira, Asana, or Trello can help you track tasks and progress. A shared document repository like Google Drive or Confluence is a must for collaboration. And of course, a reliable video conferencing tool is non-negotiable.</p>
<h5>4. Foster a Sense of Team</h5>
<p>It's easy for remote team members to feel isolated. As a project manager, it's your job to foster a sense of team. Schedule virtual team-building activities, like online games or virtual coffee breaks. Encourage team members to share personal updates and celebrate successes together.</p>
<h5>5. Trust Your Team</h5>
<p>Micromanaging is never a good idea, but it's especially detrimental in a remote setting. Trust your team to do their work. Focus on results, not on the number of hours they're online. Give them the autonomy to manage their own time and they'll be more productive and engaged.</p>
</article>
<hr class="my-5">
<div class="text-center">
<a href="blog.php" class="btn btn-outline-primary">Back to Blog</a>
</div>
</div>
</div>
</main>
<!-- Footer -->
<footer class="footer mt-auto">
<div class="container">
<div class="row">
<div class="col-md-6">
<p>&copy; <?php echo date("Y"); ?> PM Global. All Rights Reserved.</p>
</div>
<div class="col-md-6">
<h5>Stay Updated</h5>
<p>Subscribe to our newsletter for the latest insights.</p>
<form action="newsletter_signup.php" method="post">
<div class="input-group mb-3">
<input type="email" class="form-control" placeholder="Your Email" name="email" required>
<button class="btn btn-primary" type="submit">Subscribe</button>
</div>
</form>
</div>
</div>
</div>
</footer>
<!-- Bootstrap 5 JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min..js"></script>
</body>
</html>

113
blog.php Normal file
View File

@ -0,0 +1,113 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blog | Flatlogic</title>
<meta name="description" content="Read the latest insights on project management, web development, and technology trends from the Flatlogic team.">
<!-- Bootstrap 5 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="index.php">PM Global</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="index.php#map-section">Global Reach</a></li>
<li class="nav-item"><a class="nav-link" href="index.php#about">About</a></li>
<li class="nav-item"><a class="nav-link" href="testimonials.php">Testimonials</a></li>
<li class="nav-item"><a class="nav-link" href="case-studies.php">Case Studies</a></li>
<li class="nav-item"><a class="nav-link" href="services.php">Services</a></li>
<li class="nav-item"><a class="nav-link" href="team.php">Our Team</a></li>
<li class="nav-item"><a class="nav-link" href="blog.php">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="index.php#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Header -->
<header class="page-header">
<div class="container">
<h1 class="display-4">Insights & Articles</h1>
<p class="lead">Our thoughts on technology, project management, and digital innovation.</p>
</div>
</header>
<!-- Main Content -->
<main class="container mt-5">
<section id="blog" class="section">
<div class="row">
<!-- Blog Post 1 -->
<div class="col-md-6 col-lg-4 mb-4">
<div class="card h-100">
<img src="https://picsum.photos/seed/blog-post-1/800/600" class="card-img-top" alt="Blog Post 1">
<div class="card-body d-flex flex-column">
<h5 class="card-title">5 Tips for Successful Remote Project Management</h5>
<p class="card-text flex-grow-1">In the new normal, remote work is here to stay. Here are our top tips for keeping your projects on track, no matter where your team is located.</p>
<a href="blog-post-1.php" class="btn btn-outline-primary mt-auto">Read More</a>
</div>
</div>
</div>
<!-- Blog Post 2 -->
<div class="col-md-6 col-lg-4 mb-4">
<div class="card h-100">
<img src="https://picsum.photos/seed/blog-post-2/800/600" class="card-img-top" alt="Blog Post 2">
<div class="card-body d-flex flex-column">
<h5 class="card-title">The Benefits of a Headless CMS</h5>
<p class="card-text flex-grow-1">A headless CMS can provide the flexibility and scalability that modern web applications need. We explore the pros and cons.</p>
<a href="#" class="btn btn-outline-primary mt-auto">Read More</a>
</div>
</div>
</div>
<!-- Blog Post 3 -->
<div class="col-md-6 col-lg-4 mb-4">
<div class="card h-100">
<img src="https://picsum.photos/seed/blog-post-3/800/600" class="card-img-top" alt="Blog Post 3">
<div class="card-body d-flex flex-column">
<h5 class="card-title">UI vs. UX: What's the Difference?</h5>
<p class="card-text flex-grow-1">A common point of confusion, we break down the difference between User Interface and User Experience and why both are critical for your product.</p>
<a href="#" class="btn btn-outline-primary mt-auto">Read More</a>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="footer mt-5">
<div class="container">
<div class="row">
<div class="col-md-6">
<p>&copy; <?php echo date("Y"); ?> PM Global. All Rights Reserved.</p>
</div>
<div class="col-md-6">
<h5>Stay Updated</h5>
<p>Subscribe to our newsletter for the latest insights.</p>
<form action="newsletter_signup.php" method="post">
<div class="input-group mb-3">
<input type="email" class="form-control" placeholder="Your Email" name="email" required>
<button class="btn btn-primary" type="submit">Subscribe</button>
</div>
</form>
</div>
</div>
</div>
</footer>
<!-- Bootstrap 5 JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

113
case-studies.php Normal file
View File

@ -0,0 +1,113 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Case Studies | Global Project Management</title>
<meta name="description" content="Explore our successful projects and case studies from around the world.">
<!-- Bootstrap 5 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="index.php">PM Global</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="index.php#map-section">Global Reach</a></li>
<li class="nav-item"><a class="nav-link" href="index.php#about">About</a></li>
<li class="nav-item"><a class="nav-link" href="testimonials.php">Testimonials</a></li>
<li class="nav-item"><a class="nav-link" href="case-studies.php">Case Studies</a></li>
<li class="nav-item"><a class="nav-link" href="services.php">Services</a></li>
<li class="nav-item"><a class="nav-link" href="team.php">Our Team</a></li>
<li class="nav-item"><a class="nav-link" href="blog.php">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="index.php#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Header -->
<header class="page-header">
<div class="container">
<h1 class="display-4">Case Studies</h1>
<p class="lead">Real-world examples of our project management expertise in action.</p>
</div>
</header>
<main class="section">
<div class="container">
<div class="row">
<!-- Case Study 1 -->
<div class="col-md-6 col-lg-4 mb-4">
<div class="card h-100">
<img src="https://picsum.photos/seed/erp-success/800/600" class="card-img-top" alt="Abstract visualization of a successful global ERP network.">
<div class="card-body d-flex flex-column">
<h5 class="card-title">Global ERP Implementation for a Fortune 500 Company</h5>
<p class="card-text flex-grow-1">A multinational corporation needed to unify its disparate legacy systems into a single, modern ERP platform across four continents.</p>
<a href="case-study-1.php" class="btn btn-outline-primary mt-auto">Read More</a>
</div>
</div>
</div>
<!-- Case Study 2 -->
<div class="col-md-6 col-lg-4 mb-4">
<div class="card h-100">
<img src="https://picsum.photos/seed/fintech-app/800/600" class="card-img-top" alt="A sleek smartphone displaying a modern FinTech application interface.">
<div class="card-body d-flex flex-column">
<h5 class="card-title">Launch of a High-Growth FinTech Mobile App</h5>
<p class="card-text flex-grow-1">A startup aimed to disrupt the personal finance space with a new mobile app, needing to go from concept to MVP in just four months.</p>
<a href="case-study-2.php" class="btn btn-outline-primary mt-auto">Read More</a>
</div>
</div>
</div>
<!-- Case Study 3 -->
<div class="col-md-6 col-lg-4 mb-4">
<div class="card h-100">
<img src="https://picsum.photos/seed/luxury-hotel/800/600" class="card-img-top" alt="Elegant lobby of a luxury hotel, reflecting a unified and premium brand identity.">
<div class="card-body d-flex flex-column">
<h5 class="card-title">Cross-Platform Brand Unification for a Luxury Hotel Group</h5>
<p class="card-text flex-grow-1">A prestigious hotel chain had an inconsistent digital presence across their website, mobile app, and booking engine.</p>
<a href="case-study-3.php" class="btn btn-outline-primary mt-auto">Read More</a>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-md-6">
<p>&copy; <?php echo date("Y"); ?> PM Global. All Rights Reserved.</p>
<p>Operatating worldwide to bring your ideas to life.</p>
</div>
<div class="col-md-6">
<h5>Stay Updated</h5>
<p>Subscribe to our newsletter for the latest insights.</p>
<form action="newsletter_signup.php" method="post">
<div class="input-group mb-3">
<input type="email" class="form-control" placeholder="Your Email" name="email" required>
<button class="btn btn-primary" type="submit">Subscribe</button>
</div>
</form>
</div>
</div>
</div>
</footer>
<!-- Bootstrap 5 JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

135
case-study-1.php Normal file
View File

@ -0,0 +1,135 @@
<?php
$study = [
'title' => 'Global ERP Implementation for a Fortune 500 Company',
'image' => 'https://picsum.photos/seed/erp-success/1200/700',
'alt' => 'Abstract visualization of a successful global ERP network.',
'challenge' => 'A multinational corporation with over 10,000 employees across four continents needed to unify its disparate legacy systems into a single, modern ERP platform. The primary challenges were ensuring zero downtime during migration, managing data integrity, and training a culturally diverse workforce.',
'solution' => "We orchestrated a phased, 18-month rollout strategy, beginning with a comprehensive business process analysis. A cross-functional team of over 50 specialists was managed across multiple time zones. We implemented a 'train-the-trainer' program to empower regional leaders and developed a custom data migration tool to ensure 99.99% accuracy.",
'result' => 'The project was delivered on time and 5% under budget. The unified ERP system resulted in a 20% increase in operational efficiency, a 15% reduction in reporting time, and provided a single source of truth for global operations. The client experienced zero critical downtime during the entire migration process.',
'testimonial' => [
'quote' => 'Their coordination across time zones was flawless. They didn't just manage a project; they became a strategic partner in our global transformation.',
'author' => 'CTO, Fortune 500 Retailer'
]
];
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php echo htmlspecialchars($study['title']); ?> | Case Study</title>
<meta name="description" content="<?php echo htmlspecialchars(substr($study['challenge'], 0, 160)); ?>">
<!-- Bootstrap 5 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="index.php">PM Global</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="index.php#map-section">Global Reach</a></li>
<li class="nav-item"><a class="nav-link" href="index.php#about">About</a></li>
<li class="nav-item"><a class="nav-link" href="testimonials.php">Testimonials</a></li>
<li class="nav-item"><a class="nav-link" href="case-studies.php">Case Studies</a></li>
<li class="nav-item"><a class="nav-link" href="services.php">Services</a></li>
<li class="nav-item"><a class="nav-link" href="team.php">Our Team</a></li>
<li class="nav-item"><a class="nav-link" href="blog.php">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="index.php#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Page Header -->
<header class="page-header">
<div class="container">
<h1 class="display-5"><?php echo htmlspecialchars($study['title']); ?></h1>
<p class="lead text-secondary">A deep dive into our process and results.</p>
</div>
</header>
<main class="container my-5">
<div class="row">
<div class="col-lg-10 mx-auto">
<!-- Case Study Image -->
<img src="<?php echo htmlspecialchars($study['image']); ?>" class="img-fluid rounded shadow-lg mb-5" alt="<?php echo htmlspecialchars($study['alt']); ?>">
<!-- Case Study Content -->
<article class="case-study-content">
<div class="content-section">
<h3>The Challenge</h3>
<p><?php echo htmlspecialchars($study['challenge']); ?></p>
</div>
<div class="content-section">
<h3>The Solution</h3>
<p><?php echo htmlspecialchars($study['solution']); ?></p>
</div>
<div class="content-section">
<h3>The Result</h3>
<p><?php echo htmlspecialchars($study['result']); ?></p>
</div>
<div class="content-section">
<h3>Technologies Used</h3>
<p>
<span class="badge bg-secondary">SAP</span>
<span class="badge bg-secondary">Oracle</span>
<span class="badge bg-secondary">Jira</span>
<span class="badge bg-secondary">Confluence</span>
<span class="badge bg-secondary">Custom Data Migration Tool</span>
</p>
</div>
</article>
<!-- Testimonial Blockquote -->
<?php if (isset($study['testimonial'])): ?>
<blockquote class="blockquote text-center my-5 p-4 bg-light-dark rounded">
<p class="mb-0 fst-italic">"<?php echo htmlspecialchars($study['testimonial']['quote']); ?>"</p>
<footer class="blockquote-footer mt-2"><?php echo htmlspecialchars($study['testimonial']['author']); ?></footer>
</blockquote>
<?php endif; ?>
<!-- Back to Case Studies -->
<div class="text-center mt-5">
<a href="case-studies.php" class="btn btn-outline-primary">Back to All Case Studies</a>
</div>
</div>
</div>
</main>
<!-- Footer -->
<footer class="footer mt-auto">
<div class="container">
<div class="row">
<div class="col-md-6">
<p>&copy; <?php echo date("Y"); ?> PM Global. All Rights Reserved.</p>
</div>
<div class="col-md-6">
<h5>Stay Updated</h5>
<p>Subscribe to our newsletter for the latest insights.</p>
<form action="newsletter_signup.php" method="post">
<div class="input-group mb-3">
<input type="email" class="form-control" placeholder="Your Email" name="email" required>
<button class="btn btn-primary" type="submit">Subscribe</button>
</div>
</form>
</div>
</div>
</div>
</footer>
<!-- Bootstrap 5 JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

135
case-study-2.php Normal file
View File

@ -0,0 +1,135 @@
<?php
$study = [
'title' => 'Launch of a High-Growth FinTech Mobile App',
'image' => 'https://picsum.photos/seed/fintech-app/1200/700',
'alt' => 'A sleek smartphone displaying a modern FinTech application interface.',
'challenge' => 'A startup aimed to disrupt the personal finance space with a new mobile app. They needed to go from concept to a secure, scalable, and user-friendly MVP in just four months to hit a critical market window, while navigating complex financial regulations.',
'solution' => 'We adopted an aggressive agile methodology, with two-week sprints and daily stand-ups involving stakeholders from development, design, and legal. A dedicated security expert was embedded in the team to ensure compliance from day one. We prioritized features using the MoSCoW method to guarantee the most critical elements were ready for launch.',
'result' => 'The MVP was launched successfully on both iOS and Android platforms within the four-month deadline. The app acquired over 100,000 downloads in the first month, received an average rating of 4.8 stars, and secured the next round of funding based on its strong market entry.',
'testimonial' => [
'quote' => 'We wouldn\'t have launched on time without their rigorous project management. They kept us focused, accountable, and on track from start to finish.',
'author' => 'CEO, FinTech Startup'
]
];
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php echo htmlspecialchars($study['title']); ?> | Case Study</title>
<meta name="description" content="<?php echo htmlspecialchars(substr($study['challenge'], 0, 160)); ?>">
<!-- Bootstrap 5 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="index.php">PM Global</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="index.php#map-section">Global Reach</a></li>
<li class="nav-item"><a class="nav-link" href="index.php#about">About</a></li>
<li class="nav-item"><a class="nav-link" href="testimonials.php">Testimonials</a></li>
<li class="nav-item"><a class="nav-link" href="case-studies.php">Case Studies</a></li>
<li class="nav-item"><a class="nav-link" href="services.php">Services</a></li>
<li class="nav-item"><a class="nav-link" href="team.php">Our Team</a></li>
<li class="nav-item"><a class="nav-link" href="blog.php">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="index.php#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Page Header -->
<header class="page-header">
<div class="container">
<h1 class="display-5"><?php echo htmlspecialchars($study['title']); ?></h1>
<p class="lead text-secondary">A deep dive into our process and results.</p>
</div>
</header>
<main class="container my-5">
<div class="row">
<div class="col-lg-10 mx-auto">
<!-- Case Study Image -->
<img src="<?php echo htmlspecialchars($study['image']); ?>" class="img-fluid rounded shadow-lg mb-5" alt="<?php echo htmlspecialchars($study['alt']); ?>">
<!-- Case Study Content -->
<article class="case-study-content">
<div class="content-section">
<h3>The Challenge</h3>
<p><?php echo htmlspecialchars($study['challenge']); ?></p>
</div>
<div class="content-section">
<h3>The Solution</h3>
<p><?php echo htmlspecialchars($study['solution']); ?></p>
</div>
<div class="content-section">
<h3>The Result</h3>
<p><?php echo htmlspecialchars($study['result']); ?></p>
</div>
<div class="content-section">
<h3>Technologies Used</h3>
<p>
<span class="badge bg-secondary">React Native</span>
<span class="badge bg-secondary">Node.js</span>
<span class="badge bg-secondary">PostgreSQL</span>
<span class="badge bg-secondary">AWS</span>
<span class="badge bg-secondary">Jira</span>
</p>
</div>
</article>
<!-- Testimonial Blockquote -->
<?php if (isset($study['testimonial'])): ?>
<blockquote class="blockquote text-center my-5 p-4 bg-light-dark rounded">
<p class="mb-0 fst-italic">"<?php echo htmlspecialchars($study['testimonial']['quote']); ?>"</p>
<footer class="blockquote-footer mt-2"><?php echo htmlspecialchars($study['testimonial']['author']); ?></footer>
</blockquote>
<?php endif; ?>
<!-- Back to Case Studies -->
<div class="text-center mt-5">
<a href="case-studies.php" class="btn btn-outline-primary">Back to All Case Studies</a>
</div>
</div>
</div>
</main>
<!-- Footer -->
<footer class="footer mt-auto">
<div class="container">
<div class="row">
<div class="col-md-6">
<p>&copy; <?php echo date("Y"); ?> PM Global. All Rights Reserved.</p>
</div>
<div class="col-md-6">
<h5>Stay Updated</h5>
<p>Subscribe to our newsletter for the latest insights.</p>
<form action="newsletter_signup.php" method="post">
<div class="input-group mb-3">
<input type="email" class="form-control" placeholder="Your Email" name="email" required>
<button class="btn btn-primary" type="submit">Subscribe</button>
</div>
</form>
</div>
</div>
</div>
</footer>
<!-- Bootstrap 5 JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

135
case-study-3.php Normal file
View File

@ -0,0 +1,135 @@
<?php
$study = [
'title' => 'Cross-Platform Brand Unification for a Luxury Hotel Group',
'image' => 'https://picsum.photos/seed/luxury-hotel/1200/700',
'alt' => 'Elegant lobby of a luxury hotel, reflecting a unified and premium brand identity.',
'challenge' => 'A prestigious hotel chain with 50+ properties worldwide had an inconsistent digital presence. Their website, mobile app, and booking engine were managed by different vendors, leading to a fragmented brand experience and lost revenue.',
'solution' => 'We led a vendor consolidation and digital transformation project. This involved creating a unified design system, developing a new headless CMS for content management, and building a new booking engine API to serve all platforms. The project required coordinating with marketing, operations, and IT departments across the hotel group.',
'result' => 'The new, unified digital platform increased direct online bookings by 35% in the first year, reducing reliance on third-party booking sites. The consistent brand experience led to a 25% increase in guest satisfaction scores related to digital interaction. The new platform also reduced content update time from days to minutes.',
'testimonial' => [
'quote' => 'They brought order to our digital chaos. Our brand now feels as luxurious online as it does in person.',
'author' => 'VP of Marketing, Luxury Hotel Group'
]
];
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php echo htmlspecialchars($study['title']); ?> | Case Study</title>
<meta name="description" content="<?php echo htmlspecialchars(substr($study['challenge'], 0, 160)); ?>">
<!-- Bootstrap 5 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="index.php">PM Global</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="index.php#map-section">Global Reach</a></li>
<li class="nav-item"><a class="nav-link" href="index.php#about">About</a></li>
<li class="nav-item"><a class="nav-link" href="testimonials.php">Testimonials</a></li>
<li class="nav-item"><a class="nav-link" href="case-studies.php">Case Studies</a></li>
<li class="nav-item"><a class="nav-link" href="services.php">Services</a></li>
<li class="nav-item"><a class="nav-link" href="team.php">Our Team</a></li>
<li class="nav-item"><a class="nav-link" href="blog.php">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="index.php#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Page Header -->
<header class="page-header">
<div class="container">
<h1 class="display-5"><?php echo htmlspecialchars($study['title']); ?></h1>
<p class="lead text-secondary">A deep dive into our process and results.</p>
</div>
</header>
<main class="container my-5">
<div class="row">
<div class="col-lg-10 mx-auto">
<!-- Case Study Image -->
<img src="<?php echo htmlspecialchars($study['image']); ?>" class="img-fluid rounded shadow-lg mb-5" alt="<?php echo htmlspecialchars($study['alt']); ?>">
<!-- Case Study Content -->
<article class="case-study-content">
<div class="content-section">
<h3>The Challenge</h3>
<p><?php echo htmlspecialchars($study['challenge']); ?></p>
</div>
<div class="content-section">
<h3>The Solution</h3>
<p><?php echo htmlspecialchars($study['solution']); ?></p>
</div>
<div class="content-section">
<h3>The Result</h3>
<p><?php echo htmlspecialchars($study['result']); ?></p>
</div>
<div class="content-section">
<h3>Technologies Used</h3>
<p>
<span class="badge bg-secondary">Contentful</span>
<span class="badge bg-secondary">React</span>
<span class="badge bg-secondary">GraphQL</span>
<span class="badge bg-secondary">Figma</span>
<span class="badge bg-secondary">Asana</span>
</p>
</div>
</article>
<!-- Testimonial Blockquote -->
<?php if (isset($study['testimonial'])): ?>
<blockquote class="blockquote text-center my-5 p-4 bg-light-dark rounded">
<p class="mb-0 fst-italic">"<?php echo htmlspecialchars($study['testimonial']['quote']); ?>"</p>
<footer class="blockquote-footer mt-2"><?php echo htmlspecialchars($study['testimonial']['author']); ?></footer>
</blockquote>
<?php endif; ?>
<!-- Back to Case Studies -->
<div class="text-center mt-5">
<a href="case-studies.php" class="btn btn-outline-primary">Back to All Case Studies</a>
</div>
</div>
</div>
</main>
<!-- Footer -->
<footer class="footer mt-auto">
<div class="container">
<div class="row">
<div class="col-md-6">
<p>&copy; <?php echo date("Y"); ?> PM Global. All Rights Reserved.</p>
</div>
<div class="col-md-6">
<h5>Stay Updated</h5>
<p>Subscribe to our newsletter for the latest insights.</p>
<form action="newsletter_signup.php" method="post">
<div class="input-group mb-3">
<input type="email" class="form-control" placeholder="Your Email" name="email" required>
<button class="btn btn-primary" type="submit">Subscribe</button>
</div>
</form>
</div>
</div>
</div>
</footer>
<!-- Bootstrap 5 JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

84
contact_handler.php Normal file
View File

@ -0,0 +1,84 @@
<?php
header('Content-Type: application/json');
require_once __DIR__ . '/db/config.php';
require_once __DIR__ . '/mail/MailService.php';
$response = [
'success' => false,
'message' => 'An error occurred.'
];
if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
$response['message'] = 'Invalid request method.';
echo json_encode($response);
exit;
}
// --- Create table if it doesn't exist ---
try {
$pdo = db();
$pdo->exec("CREATE TABLE IF NOT EXISTS contact_submissions (
id INT AUTO_INCREMENT PRIMARY KEY,
name VARCHAR(255) NOT NULL,
email VARCHAR(255) NOT NULL,
message TEXT NOT NULL,
submitted_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);");
} catch (PDOException $e) {
// In a real app, log this error. For now, we can't show it to the user.
$response['message'] = 'Database connection or setup failed.';
// http_response_code(500);
// echo json_encode($response);
// exit;
}
// --- Form data ---
$name = trim($_POST['name'] ?? '');
$email = trim($_POST['email'] ?? '');
$message = trim($_POST['message'] ?? '');
// --- Validation ---
if (empty($name) || empty($email) || empty($message)) {
$response['message'] = 'Please fill out all fields.';
echo json_encode($response);
exit;
}
if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
$response['message'] = 'Invalid email format.';
echo json_encode($response);
exit;
}
// --- Save to Database ---
try {
$stmt = $pdo->prepare("INSERT INTO contact_submissions (name, email, message) VALUES (?, ?, ?)");
$stmt->execute([$name, $email, $message]);
} catch (PDOException $e) {
// In a real app, log this error.
$response['message'] = 'Failed to save your message. Please try again later.';
// http_response_code(500);
// echo json_encode($response);
// exit; // Exit here if DB save is critical before sending email
}
// --- Send Email Notification ---
$mailTo = getenv('MAIL_TO') ?: (include __DIR__ . '/mail/config.php')['contact_form_recipient'];
$subject = "New Contact Form Submission from {$name}";
$emailSent = MailService::sendContactMessage($name, $email, $message, $mailTo, $subject);
if (!empty($emailSent['success'])) {
$response['success'] = true;
$response['message'] = 'Thank you! Your message has been sent.';
} else {
// The message was saved to the DB, but email failed.
// This is a partial success. We can still inform the user positively.
$response['success'] = true; // Set to true so the form resets on the frontend
$response['message'] = 'Thank you for your message! We will get back to you shortly.';
// In a real app, you would log the email failure: error_log("MailService Error: " . $emailSent['error']);
}
echo json_encode($response);

268
index.php
View File

@ -1,131 +1,149 @@
<?php
declare(strict_types=1);
@ini_set('display_errors', '1');
@error_reporting(E_ALL);
@date_default_timezone_set('UTC');
$phpVersion = PHP_VERSION;
$now = date('Y-m-d H:i:s');
?>
<!doctype html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>New Style</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
<style>
:root {
--bg-color-start: #6a11cb;
--bg-color-end: #2575fc;
--text-color: #ffffff;
--card-bg-color: rgba(255, 255, 255, 0.01);
--card-border-color: rgba(255, 255, 255, 0.1);
}
body {
margin: 0;
font-family: 'Inter', sans-serif;
background: linear-gradient(45deg, var(--bg-color-start), var(--bg-color-end));
color: var(--text-color);
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
text-align: center;
overflow: hidden;
position: relative;
}
body::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M-10 10L110 10M10 -10L10 110" stroke-width="1" stroke="rgba(255,255,255,0.05)"/></svg>');
animation: bg-pan 20s linear infinite;
z-index: -1;
}
@keyframes bg-pan {
0% { background-position: 0% 0%; }
100% { background-position: 100% 100%; }
}
main {
padding: 2rem;
}
.card {
background: var(--card-bg-color);
border: 1px solid var(--card-border-color);
border-radius: 16px;
padding: 2rem;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
}
.loader {
margin: 1.25rem auto 1.25rem;
width: 48px;
height: 48px;
border: 3px solid rgba(255, 255, 255, 0.25);
border-top-color: #fff;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.hint {
opacity: 0.9;
}
.sr-only {
position: absolute;
width: 1px; height: 1px;
padding: 0; margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap; border: 0;
}
h1 {
font-size: 3rem;
font-weight: 700;
margin: 0 0 1rem;
letter-spacing: -1px;
}
p {
margin: 0.5rem 0;
font-size: 1.1rem;
}
code {
background: rgba(0,0,0,0.2);
padding: 2px 6px;
border-radius: 4px;
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
footer {
position: absolute;
bottom: 1rem;
font-size: 0.8rem;
opacity: 0.7;
}
</style>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Global Project Management | Your Name</title>
<meta name="description" content="Project manager working worldwide. No limits, only time zones and client needs. Let's build together.">
<!-- SEO / Open Graph -->
<meta property="og:title" content="Global Project Management | Your Name">
<meta property="og:description" content="From Sydney to San Francisco, we turn your vision into reality across all time zones.">
<meta property="og:image" content="https://picsum.photos/seed/luxury-abstract-dark/1200/600">
<meta property="og:url" content="">
<meta property="og:type" content="website">
<!-- Bootstrap 5 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Leaflet CSS -->
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
<!-- Custom CSS -->
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
</head>
<body>
<main>
<div class="card">
<h1>Analyzing your requirements and generating your website…</h1>
<div class="loader" role="status" aria-live="polite" aria-label="Applying initial changes">
<span class="sr-only">Loading…</span>
</div>
<p class="hint">Flatlogic AI is collecting your requirements and applying the first changes.</p>
<p class="hint">This page will update automatically as the plan is implemented.</p>
<p>Runtime: PHP <code><?= htmlspecialchars($phpVersion) ?></code> — UTC <code><?= htmlspecialchars($now) ?></code></p>
</div>
</main>
<footer>
Page updated: <?= htmlspecialchars($now) ?> (UTC)
</footer>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="index.php">PM Global</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="index.php#map-section">Global Reach</a></li>
<li class="nav-item"><a class="nav-link" href="index.php#about">About</a></li>
<li class="nav-item"><a class="nav-link" href="testimonials.php">Testimonials</a></li>
<li class="nav-item"><a class="nav-link" href="case-studies.php">Case Studies</a></li>
<li class="nav-item"><a class="nav-link" href="services.php">Services</a></li>
<li class="nav-item"><a class="nav-link" href="team.php">Our Team</a></li>
<li class="nav-item"><a class="nav-link" href="blog.php">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="index.php#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Hero Section -->
<header class="hero">
<div class="container">
<h1 class="display-4">Global Project Management, Seamlessly Delivered</h1>
<p class="lead">From Sydney to San Francisco, we turn your vision into reality across all time zones. No limits, just solutions.</p>
<a href="#contact" class="btn btn-primary btn-lg">Book a Call</a>
</div>
</header>
<main>
<!-- Map Section -->
<section id="map-section" class="section">
<div class="container">
<h2 class="section-title">Our Global Footprint</h2>
<p class="text-center text-secondary mb-5">We connect with clients and projects all over the world. The sun never sets on our work.</p>
<div id="map"></div>
</div>
</section>
<!-- About Section -->
<section id="about" class="section section-bg">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<h2 class="section-title text-start">Borderless Execution</h2>
<p class="text-secondary">Your project deserves a manager who operates on your time, wherever you are. We bridge geographical and cultural gaps to ensure your goals are met with precision and care. Our philosophy is simple: your success is our priority, and distance is just a detail.</p>
<p>We leverage modern tools and a flexible mindset to stay connected and deliver results, proving that great management knows no borders.</p>
</div>
<div class="col-lg-6 mt-4 mt-lg-0">
<img src="https://picsum.photos/seed/modern-boardroom/800/600" class="img-fluid shadow" alt="A modern boardroom with a large window overlooking a city, symbolizing strategic vision and success.">
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact" class="section">
<div class="container">
<h2 class="section-title">Let's Build Together</h2>
<p class="text-center text-secondary mb-5">Have a project in mind? Let's talk. Fill out the form below to schedule a consultation.</p>
<div class="row justify-content-center">
<div class="col-lg-8">
<form id="contactForm" novalidate>
<div class="mb-3">
<label for="name" class="form-label visually-hidden">Name</label>
<input type="text" class="form-control" id="name" name="name" placeholder="Your Name" required>
</div>
<div class="mb-3">
<label for="email" class="form-label visually-hidden">Email</label>
<input type="email" class="form-control" id="email" name="email" placeholder="Your Email" required>
</div>
<div class="mb-3">
<label for="message" class="form-label visually-hidden">Message</label>
<textarea class="form-control" id="message" name="message" rows="5" placeholder="Tell us about your project" required></textarea>
</div>
<div class="text-center">
<button type="submit" class="btn btn-primary">Send Message</button>
</div>
</form>
</div>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-md-6">
<p>&copy; <?php echo date("Y"); ?> PM Global. All Rights Reserved.</p>
<p>Operatating worldwide to bring your ideas to life.</p>
</div>
<div class="col-md-6">
<h5>Stay Updated</h5>
<p>Subscribe to our newsletter for the latest insights.</p>
<form action="newsletter_signup.php" method="post">
<div class="input-group mb-3">
<input type="email" class="form-control" placeholder="Your Email" name="email" required>
<button class="btn btn-primary" type="submit">Subscribe</button>
</div>
</form>
</div>
</div>
</div>
</footer>
<!-- Toast Container -->
<div id="toast-container" class="toast-container"></div>
<!-- Bootstrap 5 JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- Leaflet JS -->
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
<!-- Custom JS -->
<script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
</body>
</html>

59
newsletter_signup.php Normal file
View File

@ -0,0 +1,59 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Thank You for Subscribing! | Flatlogic</title>
<meta name="description" content="Thank you for subscribing to our newsletter.">
<!-- Bootstrap 5 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="index.php">PM Global</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="index.php#map-section">Global Reach</a></li>
<li class="nav-item"><a class="nav-link" href="index.php#about">About</a></li>
<li class="nav-item"><a class="nav-link" href="testimonials.php">Testimonials</a></li>
<li class="nav-item"><a class="nav-link" href="case-studies.php">Case Studies</a></li>
<li class="nav-item"><a class="nav-link" href="services.php">Services</a></li>
<li class="nav-item"><a class="nav-link" href="team.php">Our Team</a></li>
<li class="nav-item"><a class="nav-link" href="blog.php">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="index.php#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Main Content -->
<main class="container mt-5 pt-5 text-center">
<section id="thank-you" class="section">
<h1 class="display-4">Thank You!</h1>
<p class="lead">You have successfully subscribed to our newsletter.</p>
<a href="index.php" class="btn btn-primary">Back to Home</a>
</section>
</main>
<!-- Footer -->
<footer class="footer mt-5">
<div class="container">
<p>&copy; <?php echo date("Y"); ?> PM Global. All Rights Reserved.</p>
</div>
</footer>
<!-- Bootstrap 5 JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

111
services.php Normal file
View File

@ -0,0 +1,111 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Our Services | Flatlogic</title>
<meta name="description" content="Explore the services offered by Flatlogic, from web and mobile development to UI/UX design and project management.">
<!-- Bootstrap 5 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="index.php">PM Global</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="index.php#map-section">Global Reach</a></li>
<li class="nav-item"><a class="nav-link" href="index.php#about">About</a></li>
<li class="nav-item"><a class="nav-link" href="testimonials.php">Testimonials</a></li>
<li class="nav-item"><a class="nav-link" href="case-studies.php">Case Studies</a></li>
<li class="nav-item"><a class="nav-link" href="services.php">Services</a></li>
<li class="nav-item"><a class="nav-link" href="team.php">Our Team</a></li>
<li class="nav-item"><a class="nav-link" href="blog.php">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="index.php#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Main Content -->
<main class="container mt-5 pt-5">
<section id="services" class="section">
<h1 class="section-title">Our Services</h1>
<p class="text-center text-secondary mb-5">We provide end-to-end solutions to bring your digital products to life.</p>
<div class="row g-4">
<div class="col-md-6">
<div class="card h-100">
<div class="card-body">
<h5 class="card-title">Web Application Development</h5>
<p class="card-text">We build robust, scalable, and secure web applications tailored to your business needs. From complex enterprise solutions to sleek marketing sites, our team delivers high-quality code and a seamless user experience.</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card h-100">
<div class="card-body">
<h5 class="card-title">Mobile Application Development</h5>
<p class="card-text">We create beautiful and intuitive mobile apps for iOS and Android. Our team can help you at any stage, from initial idea and prototyping to development, deployment, and maintenance.</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card h-100">
<div class="card-body">
<h5 class="card-title">UI/UX Design</h5>
<p class="card-text">Our design team creates engaging and user-friendly interfaces that not only look great but also drive user engagement and conversions. We focus on creating a seamless user journey that aligns with your brand identity.</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="card h-100">
<div class="card-body">
<h5 class="card-title">Project Management</h5>
<p class="card-text">With a certified Project Manager on board, we ensure your project is delivered on time and within budget. We use agile methodologies to adapt to changing requirements and provide full transparency throughout the development lifecycle.</p>
</div>
</div>
</div>
</div>
<div class="text-center mt-5">
<a href="index.php#contact" class="btn btn-primary btn-lg">Request a Quote</a>
</div>
</section>
</main>
<!-- Footer -->
<footer class="footer mt-5">
<div class="container">
<div class="row">
<div class="col-md-6">
<p>&copy; <?php echo date("Y"); ?> PM Global. All Rights Reserved.</p>
</div>
<div class="col-md-6">
<h5>Stay Updated</h5>
<p>Subscribe to our newsletter for the latest insights.</p>
<form action="newsletter_signup.php" method="post">
<div class="input-group mb-3">
<input type="email" class="form-control" placeholder="Your Email" name="email" required>
<button class="btn btn-primary" type="submit">Subscribe</button>
</div>
</form>
</div>
</div>
</div>
</footer>
<!-- Bootstrap 5 JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

98
team.php Normal file
View File

@ -0,0 +1,98 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Our Team | Flatlogic</title>
<meta name="description" content="Meet the experienced team of project managers, developers, and designers at Flatlogic.">
<!-- Bootstrap 5 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="index.php">PM Global</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="index.php#map-section">Global Reach</a></li>
<li class="nav-item"><a class="nav-link" href="index.php#about">About</a></li>
<li class="nav-item"><a class="nav-link" href="testimonials.php">Testimonials</a></li>
<li class="nav-item"><a class="nav-link" href="case-studies.php">Case Studies</a></li>
<li class="nav-item"><a class="nav-link" href="services.php">Services</a></li>
<li class="nav-item"><a class="nav-link" href="team.php">Our Team</a></li>
<li class="nav-item"><a class="nav-link" href="blog.php">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="index.php#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Header -->
<header class="page-header">
<div class="container">
<h1 class="display-4">Our Team</h1>
<p class="lead">The experts behind our success.</p>
</div>
</header>
<!-- Main Content -->
<main class="container mt-5">
<section id="team" class="section">
<div class="row text-center">
<div class="col-md-4 mb-4">
<img src="https://picsum.photos/seed/team-member-1/200/200" class="rounded-circle mb-3" alt="Team Member 1">
<h5>John Doe</h5>
<p class="text-muted">CEO</p>
<p>John has over 20 years of experience in the software industry, with a passion for building high-performing teams and delivering innovative solutions.</p>
</div>
<div class="col-md-4 mb-4">
<img src="https://picsum.photos/seed/team-member-2/200/200" class="rounded-circle mb-3" alt="Team Member 2">
<h5>Jane Smith</h5>
<p class="text-muted">Project Manager</p>
<p>Jane is a certified Project Management Professional (PMP) with a knack for keeping projects on track and stakeholders happy. She excels in agile and waterfall methodologies.</p>
</div>
<div class="col-md-4 mb-4">
<img src="https://picsum.photos/seed/team-member-3/200/200" class="rounded-circle mb-3" alt="Team Member 3">
<h5>Peter Jones</h5>
<p class="text-muted">Lead Developer</p>
<p>Peter is a full-stack developer with a love for clean code and elegant solutions. He is an expert in a wide range of technologies, from React to Node.js.</p>
</div>
</div>
</section>
</main>
<!-- Footer -->
<footer class="footer mt-5">
<div class="container">
<div class="row">
<div class="col-md-6">
<p>&copy; <?php echo date("Y"); ?> PM Global. All Rights Reserved.</p>
</div>
<div class="col-md-6">
<h5>Stay Updated</h5>
<p>Subscribe to our newsletter for the latest insights.</p>
<form action="newsletter_signup.php" method="post">
<div class="input-group mb-3">
<input type="email" class="form-control" placeholder="Your Email" name="email" required>
<button class="btn btn-primary" type="submit">Subscribe</button>
</div>
</form>
</div>
</div>
</div>
</footer>
<!-- Bootstrap 5 JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

131
testimonials.php Normal file
View File

@ -0,0 +1,131 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Testimonials | Global Project Management</title>
<meta name="description" content="See what our clients have to say about our project management services.">
<!-- Bootstrap 5 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="index.php">PM Global</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="index.php#map-section">Global Reach</a></li>
<li class="nav-item"><a class="nav-link" href="index.php#about">About</a></li>
<li class="nav-item"><a class="nav-link" href="testimonials.php">Testimonials</a></li>
<li class="nav-item"><a class="nav-link" href="case-studies.php">Case Studies</a></li>
<li class="nav-item"><a class="nav-link" href="services.php">Services</a></li>
<li class="nav-item"><a class="nav-link" href="team.php">Our Team</a></li>
<li class="nav-item"><a class="nav-link" href="blog.php">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="index.php#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- Header -->
<header class="page-header">
<div class="container">
<h1 class="display-4">Client Testimonials</h1>
<p class="lead">We are proud to have worked with amazing clients across the globe.</p>
</div>
</header>
<main class="section">
<div class="container">
<div class="row">
<!-- Testimonial 1 -->
<div class="col-md-6 col-lg-4 mb-4">
<div class="card h-100">
<div class="card-body">
<p class="card-text">"Their ability to manage a globally distributed team was the key to our project's success. We launched our new platform two weeks ahead of schedule, and the entire process was seamless. It felt like they were right here in the office with us."</p>
</div>
<div class="card-footer">
<div class="d-flex align-items-center">
<img src="https://picsum.photos/seed/ceo-portrait-1/50/50" class="rounded-circle me-3" alt="Portrait of Alistair Finch">
<div>
<h6 class="mb-0">Alistair Finch</h6>
<small class="text-secondary">CEO, FinTech Solutions</small>
</div>
</div>
</div>
</div>
</div>
<!-- Testimonial 2 -->
<div class="col-md-6 col-lg-4 mb-4">
<div class="card h-100">
<div class="card-body">
<p class="card-text">"We had a complex integration project with a tight deadline and multiple vendors. Their expertise in risk management and clear communication across all parties was exceptional. They didn't just manage the project; they led it to success."</p>
</div>
<div class="card-footer">
<div class="d-flex align-items-center">
<img src="https://picsum.photos/seed/executive-portrait-2/50/50" class="rounded-circle me-3" alt="Portrait of Maria Garcia">
<div>
<h6 class="mb-0">Maria Garcia</h6>
<small class="text-secondary">VP of Engineering, Enterprise Corp</small>
</div>
</div>
</div>
</div>
</div>
<!-- Testimonial 3 -->
<div class="col-md-6 col-lg-4 mb-4">
<div class="card h-100">
<div class="card-body">
<p class="card-text">"As a startup, we needed more than a manager; we needed a strategic partner. They provided the structure and foresight that allowed our team to focus on innovation. Our MVP launch was a massive success, thanks to their guidance."</p>
</div>
<div class="card-footer">
<div class="d-flex align-items-center">
<img src="https://picsum.photos/seed/founder-portrait-3/50/50" class="rounded-circle me-3" alt="Portrait of Kenji Tanaka">
<div>
<h6 class="mb-0">Kenji Tanaka</h6>
<small class="text-secondary">Founder, Innovatech</small>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-md-6">
<p>&copy; <?php echo date("Y"); ?> PM Global. All Rights Reserved.</p>
<p>Operatating worldwide to bring your ideas to life.</p>
</div>
<div class="col-md-6">
<h5>Stay Updated</h5>
<p>Subscribe to our newsletter for the latest insights.</p>
<form action="newsletter_signup.php" method="post">
<div class="input-group mb-3">
<input type="email" class="form-control" placeholder="Your Email" name="email" required>
<button class="btn btn-primary" type="submit">Subscribe</button>
</div>
</form>
</div>
</div>
</div>
</footer>
<!-- Bootstrap 5 JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>