Deploy from Lumerel
This commit is contained in:
Lumerel Deploy
64
public/contact.php
Normal file
64
public/contact.php
Normal file
@@ -0,0 +1,64 @@
|
||||
<?php
|
||||
$pageTitle = "Contact | Todd Low Media";
|
||||
include_once 'includes/header.php';
|
||||
?>
|
||||
|
||||
<div class="container py-5">
|
||||
<div class="row">
|
||||
<div class="col-lg-6 offset-lg-3">
|
||||
<div class="card shadow-lg border-0">
|
||||
<div class="card-body p-5">
|
||||
<h2 class="text-center mb-4">Let's Start Your Project</h2>
|
||||
<form id="contactForm" action="#" method="POST">
|
||||
<div class="mb-3">
|
||||
<label for="name" class="form-label">Full Name</label>
|
||||
<input type="text" class="form-control" id="name" name="name" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="email" class="form-label">Email Address</label>
|
||||
<input type="email" class="form-control" id="email" name="email" required>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="phone" class="form-label">Phone Number (Optional)</label>
|
||||
<input type="tel" class="form-control" id="phone" name="phone">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="project" class="form-label">Project Type</label>
|
||||
<select class="form-select" id="project" name="project" required>
|
||||
<option value="">Select a Project Type</option>
|
||||
<option value="web_design">Website Design</option>
|
||||
<option value="app_development">Web/Mobile App</option>
|
||||
<option value="redesign">Website Redesign</option>
|
||||
<option value="other">Other</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label for="message" class="form-label">Project Details</label>
|
||||
<textarea class="form-control" id="message" name="message" rows="4" required placeholder="Tell me about your project goals..."></textarea>
|
||||
</div>
|
||||
<div class="d-grid">
|
||||
<button type="submit" class="btn btn-primary btn-lg">Send Project Request</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-4">
|
||||
<h4>Alternative Contact Methods</h4>
|
||||
<div class="d-flex justify-content-center gap-3 mt-3">
|
||||
<a href="mailto:toddlowmedia@gmail.com" class="text-decoration-none">
|
||||
<i class="fas fa-envelope fa-2x text-primary"></i>
|
||||
</a>
|
||||
<a href="tel:+1-555-123-4567" class="text-decoration-none">
|
||||
<i class="fas fa-phone fa-2x text-success"></i>
|
||||
</a>
|
||||
<a href="https://linkedin.com/in/toddlow" target="_blank" class="text-decoration-none">
|
||||
<i class="fab fa-linkedin fa-2x text-info"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php include_once 'includes/footer.php'; ?>
|
||||
37
public/css/custom.css
Normal file
37
public/css/custom.css
Normal file
@@ -0,0 +1,37 @@
|
||||
:root {
|
||||
--primary-color: #007bff;
|
||||
--secondary-color: #6c757d;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'Inter', 'Segoe UI', Roboto, sans-serif;
|
||||
}
|
||||
|
||||
.service-card, .portfolio-item {
|
||||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||||
}
|
||||
|
||||
.service-card:hover, .portfolio-item:hover {
|
||||
transform: translateY(-10px);
|
||||
box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
|
||||
}
|
||||
|
||||
.bg-primary {
|
||||
background: linear-gradient(135deg, #007bff, #4dabf7) !important;
|
||||
}
|
||||
|
||||
nav {
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
|
||||
footer {
|
||||
background: linear-gradient(135deg, #212529, #343a40) !important;
|
||||
}
|
||||
|
||||
.social-links a {
|
||||
transition: color 0.3s ease;
|
||||
}
|
||||
|
||||
.social-links a:hover {
|
||||
color: var(--primary-color) !important;
|
||||
}
|
||||
38
public/includes/footer.php
Normal file
38
public/includes/footer.php
Normal file
@@ -0,0 +1,38 @@
|
||||
</main>
|
||||
|
||||
<footer class="bg-dark text-white py-5">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<h5>Todd Low Media</h5>
|
||||
<p class="text-muted">Crafting digital experiences that drive business success.</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h5>Quick Links</h5>
|
||||
<ul class="list-unstyled">
|
||||
<li><a href="/" class="text-muted text-decoration-none">Home</a></li>
|
||||
<li><a href="/services.php" class="text-muted text-decoration-none">Services</a></li>
|
||||
<li><a href="/portfolio.php" class="text-muted text-decoration-none">Portfolio</a></li>
|
||||
<li><a href="/contact.php" class="text-muted text-decoration-none">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<h5>Connect</h5>
|
||||
<div class="social-links">
|
||||
<a href="#" class="text-white me-3"><i class="fab fa-linkedin"></i></a>
|
||||
<a href="#" class="text-white me-3"><i class="fab fa-github"></i></a>
|
||||
<a href="#" class="text-white me-3"><i class="fab fa-twitter"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="my-4 text-muted">
|
||||
<div class="text-center">
|
||||
<p class="text-muted mb-0">© <?php echo date('Y'); ?> Todd Low Media. All Rights Reserved.</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Bootstrap 5 JS Bundle with Popper -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
43
public/includes/header.php
Normal file
43
public/includes/header.php
Normal file
@@ -0,0 +1,43 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title><?php echo $pageTitle ?? 'Todd Low Media'; ?></title>
|
||||
|
||||
<!-- Bootstrap 5 CSS -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||
|
||||
<!-- Font Awesome -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
|
||||
|
||||
<!-- Custom CSS -->
|
||||
<link href="/css/custom.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm">
|
||||
<div class="container">
|
||||
<a class="navbar-brand fw-bold" href="/">Todd Low Media</a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
||||
<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="/">Home</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="/portfolio.php">Portfolio</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="/contact.php">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<main>
|
||||
106
public/index.php
Normal file
106
public/index.php
Normal file
@@ -0,0 +1,106 @@
|
||||
<?php
|
||||
$pageTitle = "Todd Low Media | Web Design & Development";
|
||||
include_once 'includes/header.php';
|
||||
?>
|
||||
|
||||
<div class="container-fluid bg-primary text-white position-relative overflow-hidden">
|
||||
<div class="row py-5">
|
||||
<div class="col-lg-6 px-5 d-flex align-items-center">
|
||||
<div>
|
||||
<h1 class="display-3 fw-bold mb-4">Transform Your Digital Presence</h1>
|
||||
<p class="lead mb-4">
|
||||
We craft stunning, high-performance websites and web applications
|
||||
that help your business stand out in the digital landscape.
|
||||
</p>
|
||||
<div class="d-flex gap-3">
|
||||
<a href="/services.php" class="btn btn-light btn-lg">Our Services</a>
|
||||
<a href="/contact.php" class="btn btn-outline-light btn-lg">Start a Project</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 d-none d-lg-flex justify-content-center align-items-center">
|
||||
<i class="fas fa-code fa-10x text-white-50 opacity-50"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container py-5">
|
||||
<div class="row text-center">
|
||||
<div class="col-12">
|
||||
<h2 class="mb-5">Why Choose Todd Low Media?</h2>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="card h-100 border-0">
|
||||
<div class="card-body">
|
||||
<i class="fas fa-rocket fa-3x text-primary mb-3"></i>
|
||||
<h4 class="card-title">Performance-Driven</h4>
|
||||
<p class="card-text text-muted">
|
||||
Websites optimized for speed, user experience, and conversion.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="card h-100 border-0">
|
||||
<div class="card-body">
|
||||
<i class="fas fa-mobile-alt fa-3x text-success mb-3"></i>
|
||||
<h4 class="card-title">Responsive Design</h4>
|
||||
<p class="card-text text-muted">
|
||||
Seamless experience across all devices and screen sizes.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="card h-100 border-0">
|
||||
<div class="card-body">
|
||||
<i class="fas fa-layer-group fa-3x text-warning mb-3"></i>
|
||||
<h4 class="card-title">Custom Solutions</h4>
|
||||
<p class="card-text text-muted">
|
||||
Tailored web solutions that meet your unique business needs.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="bg-light py-5">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center mb-5">
|
||||
<h2>Our Recent Projects</h2>
|
||||
<p class="text-muted">A glimpse of our creative solutions</p>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="card h-100">
|
||||
<div class="card-body text-center">
|
||||
<h4>E-Commerce Platform</h4>
|
||||
<p class="text-muted">Custom online store development</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="card h-100">
|
||||
<div class="card-body text-center">
|
||||
<h4>Business Dashboard</h4>
|
||||
<p class="text-muted">Analytics and reporting system</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-4">
|
||||
<div class="card h-100">
|
||||
<div class="card-body text-center">
|
||||
<h4>Restaurant App</h4>
|
||||
<p class="text-muted">Mobile reservation system</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 text-center">
|
||||
<a href="/portfolio.php" class="btn btn-primary">View Full Portfolio</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<?php include_once 'includes/footer.php'; ?>
|
||||
71
public/portfolio.php
Normal file
71
public/portfolio.php
Normal file
@@ -0,0 +1,71 @@
|
||||
<?php
|
||||
$pageTitle = "Portfolio | Todd Low Media";
|
||||
include_once 'includes/header.php';
|
||||
?>
|
||||
|
||||
<div class="container py-5">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center mb-5">
|
||||
<h1 class="display-4 fw-bold">Our Recent Projects</h1>
|
||||
<p class="lead text-muted">A showcase of innovative digital solutions</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row g-4">
|
||||
<div class="col-md-4">
|
||||
<div class="card portfolio-item h-100 shadow-sm">
|
||||
<img src="https://via.placeholder.com/400x300" class="card-img-top" alt="Project 1">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">E-Commerce Platform</h5>
|
||||
<p class="card-text text-muted">
|
||||
Custom online store with integrated payment processing and inventory management.
|
||||
</p>
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<span class="badge bg-primary">Web Application</span>
|
||||
<a href="#" class="btn btn-outline-secondary btn-sm">View Project</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card portfolio-item h-100 shadow-sm">
|
||||
<img src="https://via.placeholder.com/400x300" class="card-img-top" alt="Project 2">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Business Dashboard</h5>
|
||||
<p class="card-text text-muted">
|
||||
Real-time analytics and reporting system for small to medium enterprises.
|
||||
</p>
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<span class="badge bg-success">SaaS Solution</span>
|
||||
<a href="#" class="btn btn-outline-secondary btn-sm">View Project</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card portfolio-item h-100 shadow-sm">
|
||||
<img src="https://via.placeholder.com/400x300" class="card-img-top" alt="Project 3">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Restaurant Booking App</h5>
|
||||
<p class="card-text text-muted">
|
||||
Mobile-friendly reservation and menu management system for restaurants.
|
||||
</p>
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<span class="badge bg-warning">Mobile Web App</span>
|
||||
<a href="#" class="btn btn-outline-secondary btn-sm">View Project</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mt-5">
|
||||
<div class="col-12 text-center">
|
||||
<h3>Interested in Collaborating?</h3>
|
||||
<p class="lead">Let's create something amazing together.</p>
|
||||
<a href="contact.php" class="btn btn-primary btn-lg">Get Started</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php include_once 'includes/footer.php'; ?>
|
||||
64
public/services.php
Normal file
64
public/services.php
Normal file
@@ -0,0 +1,64 @@
|
||||
<?php
|
||||
$pageTitle = "Web Design Services | Todd Low Media";
|
||||
include_once 'includes/header.php';
|
||||
?>
|
||||
|
||||
<div class="container py-5">
|
||||
<div class="row">
|
||||
<div class="col-12 text-center mb-5">
|
||||
<h1 class="display-4 fw-bold">Our Web Design Services</h1>
|
||||
<p class="lead text-muted">Crafting digital experiences that drive results</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row g-4">
|
||||
<div class="col-md-4">
|
||||
<div class="card h-100 shadow-sm border-0 service-card">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-desktop fa-3x mb-3 text-primary"></i>
|
||||
<h3 class="card-title">Web Design</h3>
|
||||
<p class="card-text text-muted">
|
||||
Custom website design that reflects your brand's unique identity and engages your target audience.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card h-100 shadow-sm border-0 service-card">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-mobile-alt fa-3x mb-3 text-success"></i>
|
||||
<h3 class="card-title">Responsive Development</h3>
|
||||
<p class="card-text text-muted">
|
||||
Mobile-first designs that look great and function perfectly on all devices and screen sizes.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card h-100 shadow-sm border-0 service-card">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-code fa-3x mb-3 text-warning"></i>
|
||||
<h3 class="card-title">Custom Web Applications</h3>
|
||||
<p class="card-text text-muted">
|
||||
Powerful, scalable web applications tailored to your specific business needs and workflows.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mt-5">
|
||||
<div class="col-12 text-center">
|
||||
<h2 class="mb-4">Our Technology Stack</h2>
|
||||
<div class="d-flex justify-content-center flex-wrap gap-4">
|
||||
<span class="badge bg-primary p-2">PHP Laravel</span>
|
||||
<span class="badge bg-success p-2">React</span>
|
||||
<span class="badge bg-info p-2">Vue.js</span>
|
||||
<span class="badge bg-warning p-2">TypeScript</span>
|
||||
<span class="badge bg-danger p-2">Bootstrap 5</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php include_once 'includes/footer.php'; ?>
|
||||
Reference in New Issue
Block a user