diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..2ebd99d --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,166 @@ +/* General Body Styles */ +body { + font-family: 'Roboto', sans-serif; + color: #333; + line-height: 1.6; +} + +/* Typography */ +h1, h2, h3, h4, h5, h6 { + font-family: 'Poppins', sans-serif; + font-weight: 700; +} + +/* Header & Navbar */ +.navbar { + transition: background-color 0.3s ease-in-out; +} + +.navbar-brand { + font-family: 'Poppins', sans-serif; + font-weight: 700; + color: #fff !important; +} + +.nav-link { + font-weight: 500; + transition: color 0.2s; +} + +/* Hero Section */ +.hero-section { + background: linear-gradient(135deg, #007BFF, #0056b3); + color: white; + padding: 100px 0; + text-align: center; +} + +.hero-section h1 { + font-size: 3.5rem; + font-weight: 700; + margin-bottom: 0.5rem; +} + +.hero-section .lead { + font-size: 1.25rem; + margin-bottom: 2rem; +} + +.btn-primary { + background-color: #fff; + border-color: #fff; + color: #007BFF; + font-weight: 700; + padding: 0.75rem 1.5rem; + border-radius: 50px; + transition: all 0.3s ease; +} + +.btn-primary:hover { + background-color: #f0f0f0; + border-color: #f0f0f0; + transform: translateY(-2px); +} + +/* Sections */ +.section { + padding: 80px 0; +} + +.section-title { + text-align: center; + margin-bottom: 4rem; + font-size: 2.5rem; + font-weight: 700; +} + +/* Segment Cards */ +.segment-card { + border: none; + border-radius: 0.75rem; + box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); + transition: transform 0.3s, box-shadow 0.3s; + overflow: hidden; +} + +.segment-card:hover { + transform: translateY(-10px); + box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12); +} + +.segment-card .card-body { + padding: 2rem; +} + +/* Pricing/Plans Section */ +.pricing-card { + border-radius: 0.75rem; + box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); + transition: transform 0.3s, box-shadow 0.3s; + border: none; +} + +.pricing-card:hover { + transform: translateY(-10px); + box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12); +} + +.pricing-card .card-header { + background: transparent; + border-bottom: none; + padding: 1.5rem; +} + +.pricing-card .price { + font-size: 2.5rem; + font-weight: 700; +} + +.pricing-card .price .period { + font-size: 1rem; + font-weight: 400; + color: #6c757d; +} + +.pricing-card .btn { + border-radius: 50px; + font-weight: 700; + padding: 0.75rem 1.5rem; +} + +.pricing-card.featured { + border: 2px solid #007BFF; +} + +.pricing-card.featured .btn-primary { + background-color: #007BFF; + border-color: #007BFF; + color: #fff; +} +.pricing-card.featured .btn-primary:hover { + background-color: #0056b3; + border-color: #0056b3; +} + + +/* Footer */ +.footer { + background-color: #343a40; + color: #f8f9fa; + padding: 40px 0; +} + +.footer a { + color: #f8f9fa; + text-decoration: none; + transition: color 0.2s; +} + +.footer a:hover { + color: #007BFF; +} + +.social-icons a { + font-size: 1.5rem; + margin: 0 0.5rem; +} diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..dc643fe --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,37 @@ +document.addEventListener('DOMContentLoaded', function () { + + // Navbar transparency scroll effect + const navbar = document.querySelector('.navbar'); + if (navbar) { + function handleScroll() { + if (window.scrollY > 50) { + navbar.classList.add('bg-dark'); + } else { + navbar.classList.remove('bg-dark'); + } + } + + // Initial check + handleScroll(); + + // Listen for scroll events + window.addEventListener('scroll', handleScroll); + } + + // Smooth scrolling for anchor links + document.querySelectorAll('a[href^="#"]').forEach(anchor => { + anchor.addEventListener('click', function (e) { + e.preventDefault(); + + const targetId = this.getAttribute('href'); + const targetElement = document.querySelector(targetId); + + if (targetElement) { + targetElement.scrollIntoView({ + behavior: 'smooth' + }); + } + }); + }); + +}); diff --git a/dashboard.php b/dashboard.php new file mode 100644 index 0000000..00b36d9 --- /dev/null +++ b/dashboard.php @@ -0,0 +1,75 @@ + + +
This is your central hub to manage your account and services. More features will be added soon.
+You are not subscribed to any services yet.
"; + } + ?> +$ /
+ Subscribe +