diff --git a/assets/css/custom.css b/assets/css/custom.css index 789e87a..6908f0e 100644 --- a/assets/css/custom.css +++ b/assets/css/custom.css @@ -1,11 +1,12 @@ - :root { - --bs-primary-rgb: 74, 144, 226; /* for Bootstrap components */ - --primary-color: #4A90E2; - --secondary-color: #50E3C2; - --bg-color: #F4F7F9; - --surface-color: #FFFFFF; - --text-color: #333333; + --primary-color: #7f5af0; + --secondary-color: #2cb67d; + --bg-color: #16161a; + --surface-color: #242629; + --text-color: #fffffe; + --text-secondary: #94a1b2; + --border-color: rgba(255, 255, 255, 0.1); + --bs-primary-rgb: 127, 90, 240; } body { @@ -16,19 +17,41 @@ body { .navbar { background-color: var(--surface-color); - box-shadow: 0 2px 4px rgba(0,0,0,.05); + box-shadow: 0 2px 4px rgba(0,0,0,.5); + border-bottom: 1px solid var(--border-color); +} + +.navbar-brand, .nav-link, .navbar-toggler-icon { + color: var(--text-color) !important; +} + +.navbar-light .navbar-brand, .navbar-light .nav-link { + color: var(--text-color); +} + +.navbar-toggler { + border-color: var(--border-color); } .card { - border: none; + background-color: var(--surface-color); + border: 1px solid var(--border-color); border-radius: 0.5rem; - box-shadow: 0 4px 12px rgba(0,0,0,.08); + box-shadow: 0 4px 12px rgba(0,0,0,.5); transition: transform .2s ease-in-out, box-shadow .2s ease-in-out; } .card:hover { transform: translateY(-5px); - box-shadow: 0 8px 20px rgba(0,0,0,.12); + box-shadow: 0 8px 20px rgba(0,0,0,.7); +} + +.card-title { + color: var(--text-color); +} + +.card-text { + color: var(--text-secondary); } .card-img-top { @@ -38,10 +61,47 @@ body { .footer { background-color: var(--surface-color); + border-top: 1px solid var(--border-color); + color: var(--text-secondary); } .hero { - background: linear-gradient(135deg, #4A90E2 0%, #81C784 100%); + background: linear-gradient(135deg, var(--primary-color) 0%, #2d1e5c 100%); padding: 4rem 0; color: white; } + +.btn-primary { + background-color: var(--primary-color); + border-color: var(--primary-color); + color: var(--text-color); +} + +.btn-primary:hover { + background-color: #6b44d6; + border-color: #6b44d6; +} + +.btn-secondary { + background-color: var(--secondary-color); + border-color: var(--secondary-color); + color: var(--text-color); +} + +.btn-secondary:hover { + background-color: #249d6b; + border-color: #249d6b; +} + +.text-muted { + color: var(--text-secondary) !important; +} + +a { + color: var(--primary-color); + text-decoration: none; +} + +a:hover { + color: #9d7fee; +} diff --git a/assets/images/pexels/10330117.jpg b/assets/images/pexels/10330117.jpg new file mode 100644 index 0000000..6fcdb78 Binary files /dev/null and b/assets/images/pexels/10330117.jpg differ diff --git a/assets/images/pexels/159888.jpg b/assets/images/pexels/159888.jpg new file mode 100644 index 0000000..08af96b Binary files /dev/null and b/assets/images/pexels/159888.jpg differ diff --git a/assets/images/pexels/3829224.jpg b/assets/images/pexels/3829224.jpg new file mode 100644 index 0000000..51a3a81 Binary files /dev/null and b/assets/images/pexels/3829224.jpg differ diff --git a/contact.php b/contact.php index f4ee2e3..06013a6 100644 --- a/contact.php +++ b/contact.php @@ -71,21 +71,34 @@ if ($_SERVER["REQUEST_METHOD"] == "POST") { -