| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Space Art Qatar | Interior Design & Architecture Company in Doha</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
| <style> |
| .hero-slide { |
| background-image: url('https://www.spacegroup.com.qa/uploads/sliding/slide_288cb3f2956f8bdb89a47f8edee58840.jpg'); |
| background-size: cover; |
| background-position: center; |
| height: 100vh; |
| min-height: 600px; |
| } |
| |
| .dropdown:hover .dropdown-menu { |
| display: block; |
| } |
| |
| .project-card { |
| transition: all 0.3s ease; |
| } |
| |
| .project-card:hover { |
| transform: translateY(-10px); |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); |
| } |
| |
| .client-logo { |
| filter: grayscale(100%); |
| transition: all 0.3s ease; |
| } |
| |
| .client-logo:hover { |
| filter: grayscale(0%); |
| } |
| |
| .video-thumbnail { |
| position: relative; |
| } |
| |
| .video-thumbnail::after { |
| content: '\f04b'; |
| font-family |
| </head> |
| </html> |
