diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..7a236fd --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,62 @@ + +body { + font-family: 'Helvetica Neue', Arial, sans-serif; + color: #212529; + background-color: #f8f9fa; +} + +h1, h2, h3, h4, h5, h6 { + font-family: Georgia, serif; +} + +.navbar { + transition: background-color 0.3s ease-in-out; +} + +.navbar-sticky { + background-color: rgba(255, 255, 255, 0.95); + box-shadow: 0 2px 4px rgba(0,0,0,.04); +} + +.hero { + color: white; + padding: 12rem 0; + background: linear-gradient(45deg, rgba(13, 110, 253, 0.7), rgba(13, 110, 253, 0.9)), url('https://picsum.photos/seed/hero/1600/900') no-repeat center center; + background-size: cover; +} + +.hero h1 { + font-size: 4.5rem; + font-weight: bold; +} + +.section { + padding: 6rem 0; +} + +.card { + border: none; + box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15); +} + +.btn-primary { + background-color: #0d6efd; + border-color: #0d6efd; + padding: 0.75rem 1.5rem; + font-weight: bold; + transition: background-color 0.2s, border-color 0.2s; +} + +.btn-primary:hover { + background-color: #0b5ed7; + border-color: #0a58ca; +} + +.btn-secondary { + padding: 0.75rem 1.5rem; + font-weight: bold; +} + +footer { + background-color: #e9ecef; +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..0a3f35a --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,36 @@ + +document.addEventListener('DOMContentLoaded', function () { + // Sticky header + const navbar = document.querySelector('.navbar'); + if (navbar) { + window.addEventListener('scroll', () => { + if (window.scrollY > 50) { + navbar.classList.add('navbar-sticky'); + } else { + navbar.classList.remove('navbar-sticky'); + } + }); + } + + // Smooth scrolling for anchor links + document.querySelectorAll('a[href^="#"]').forEach(anchor => { + anchor.addEventListener('click', function (e) { + e.preventDefault(); + document.querySelector(this.getAttribute('href')).scrollIntoView({ + behavior: 'smooth' + }); + }); + }); + + // Contact form validation + const contactForm = document.getElementById('contactForm'); + if (contactForm) { + contactForm.addEventListener('submit', function(e) { + if (!this.checkValidity()) { + e.preventDefault(); + e.stopPropagation(); + } + this.classList.add('was-validated'); + }, false); + } +}); diff --git a/includes/footer.php b/includes/footer.php new file mode 100644 index 0000000..3dcd068 --- /dev/null +++ b/includes/footer.php @@ -0,0 +1,12 @@ + + + + + +