diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..17f3480 --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,72 @@ + +@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Poppins:wght@600&display=swap'); + +:root { + --primary-color: #3E86F8; + --secondary-color: #FF6B6B; + --background-color: #F8F9FA; + --surface-color: #FFFFFF; + --text-color: #212529; + --heading-font: 'Poppins', sans-serif; + --body-font: 'Open Sans', sans-serif; + --border-radius: 0.5rem; +} + +body { + font-family: var(--body-font); + color: var(--text-color); + background-color: var(--background-color); +} + +h1, h2, h3, h4, h5, h6 { + font-family: var(--heading-font); +} + +.btn-primary { + background-color: var(--primary-color); + border-color: var(--primary-color); + border-radius: var(--border-radius); + padding: 0.75rem 1.5rem; +} + +.btn-primary:hover { + background-color: #2a75e8; + border-color: #2a75e8; +} + +.btn-secondary { + background-color: var(--secondary-color); + border-color: var(--secondary-color); + border-radius: var(--border-radius); + padding: 0.75rem 1.5rem; +} + +.btn-secondary:hover { + background-color: #fa5252; + border-color: #fa5252; +} + +.navbar-sticky { + transition: all 0.3s ease-in-out; +} + +.navbar-scrolled { + background-color: var(--surface-color); + box-shadow: 0 2px 10px rgba(0,0,0,0.1); +} + +.hero { + background: linear-gradient(45deg, #3E86F8, #5C9DFF); + color: white; + padding: 6rem 0; +} + +.section { + padding: 4rem 0; +} + +.card { + border: none; + border-radius: var(--border-radius); + box-shadow: 0 4px 12px rgba(0,0,0,0.08); +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..2995250 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,23 @@ + +document.addEventListener('DOMContentLoaded', function () { + const navbar = document.querySelector('.navbar-sticky'); + if (navbar) { + window.addEventListener('scroll', () => { + if (window.scrollY > 50) { + navbar.classList.add('navbar-scrolled'); + } else { + navbar.classList.remove('navbar-scrolled'); + } + }); + } + + // Smooth scroll for anchor links + document.querySelectorAll('a[href^="#"]').forEach(anchor => { + anchor.addEventListener('click', function (e) { + e.preventDefault(); + document.querySelector(this.getAttribute('href')).scrollIntoView({ + behavior: 'smooth' + }); + }); + }); +}); diff --git a/index.php b/index.php index 12eeffe..43450e6 100644 --- a/index.php +++ b/index.php @@ -1,176 +1,173 @@ - - Ava Reed | Designer & Developer + Event Management Platform + + - + + + -