Spaces:
Running
Running
File size: 4,228 Bytes
7c34da2 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Astronova - Our Services</title>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display&family=Lato&display=swap" rel="stylesheet">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Lato', sans-serif;
}
body {
background-color: #f4f4fa;
color: #2C3E50;
}
header {
background-color: #2C3E50;
color: white;
padding: 10px 30px;
display: flex;
align-items: center;
justify-content: space-between;
}
.logo-container {
display: flex;
align-items: center;
gap: 15px;
}
.logo {
height: 80px; /* Zoom in logo size */
width: auto;
}
header h1 {
font-family: 'Playfair Display', serif;
}
nav {
display: flex;
justify-content: center;
gap: 30px;
margin-top: 10px;
}
nav a {
color: white;
text-decoration: none;
font-weight: bold;
}
.hero {
background: linear-gradient(to right, #d6d6f5, #ffffff);
text-align: center;
padding: 60px 20px;
}
.hero h2 {
font-size: 2.5rem;
color: #2C3E50;
font-family: 'Playfair Display', serif;
}
.hero p {
margin: 20px 0;
font-size: 1.2rem;
}
.hero button {
padding: 10px 25px;
font-size: 1rem;
background-color: #F1C40F;
border: none;
cursor: pointer;
border-radius: 5px;
}
.section {
padding: 40px 20px;
max-width: 1100px;
margin: auto;
}
.services {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 30px;
margin-top: 20px;
}
.card {
background: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.testimonials {
background-color: #f9f9ff;
padding: 40px 20px;
}
.footer {
background-color: #2C3E50;
color: white;
padding: 20px;
text-align: center;
font-size: 0.9rem;
}
</style>
</head>
<body>
<header>
<div class="logo-container">
<img src="logo.png" alt="Astronova Logo" class="logo">
<h1>Astronova</h1>
</div>
<nav>
<li><a href="index3.html">Home</a></li>
<a href="about3.html">About</a>
<a href="services3.html">Our Services</a>
<a href="booking3.html">Contact</a>
</nav>
</header>
<section class="hero">
<h2>Our Services</h2>
<p>Explore our personalized offerings to guide your life's journey through astrology, numerology, tarot, and more.</p>
</section>
<section class="section">
<div class="services">
<div class="card">
<h3>Personalized Horoscope</h3>
<p>Get a detailed analysis of your birth chart and understand the stars' impact on your life path.</p>
</div>
<div class="card">
<h3>Relationship Guidance</h3>
<p>Resolve love life doubts with insightful advice based on your zodiac compatibility and planetary alignment.</p>
</div>
<div class="card">
<h3>Career & Finance</h3>
<p>Receive clarity on job decisions, business ventures, and financial stability through Vedic astrology.</p>
</div>
<div class="card">
<h3>Numerology Consultation</h3>
<p>Discover the secrets behind your numbers and unlock energy aligned with your life goals.</p>
</div>
<div class="card">
<h3>Tarot Reading</h3>
<p>Uncover hidden messages and gain perspective on present challenges through intuitive card readings.</p>
</div>
<div class="card">
<h3>Matchmaking & Kundli Milan</h3>
<p>Find your ideal life partner based on deep astrological compatibility and dosha analysis.</p>
</div>
</div>
</section>
<footer class="footer">
© 2025 Astronova. All rights reserved.
</footer>
</body>
</html>
|