Tempor incididunt ut laboret dolore magna aliquaut enimad mini veniam quis nostrud exrciton. Lorem ipsum dolor sit amet, consectetur adipisicing elit sed eiusmod tempor incididunt labore dolore magna aliqua quis nostrud. Lorem ipsum dolor sit amet, con sectetur adipisicing elit, sed do eiusmod tempor.
Incididunt ut laboret dolore magna aliqua. Ut enim ad minim veniam quis nostrud ex citation ulamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore geu fugiat.
Godrej Thanisandra Overview
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.godrej-overview {
min-height: 100vh;
background: linear-gradient(135deg, #f8fafc 0%, #dbeafe 50%, #e0e7ff 100%);
padding: 2rem 1rem;
font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, ‘Roboto’, sans-serif;
}
.container {
max-width: 1200px;
margin: 0 auto;
}
/* Header Styles */
.header {
text-align: center;
margin-bottom: 3rem;
}
.status-badge {
display: inline-flex;
align-items: center;
gap: 0.5rem;
background: #dbeafe;
border-radius: 9999px;
padding: 0.5rem 1rem;
margin-bottom: 1rem;
}
.status-icon {
width: 16px;
height: 16px;
color: #2563eb;
}
.status-text {
color: #1d4ed8;
font-weight: 500;
font-size: 0.875rem;
}
.main-title {
font-size: 2.5rem;
font-weight: 700;
color: #111827;
margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
.main-title {
font-size: 3rem;
}
}
.subtitle {
font-size: 1.125rem;
color: #6b7280;
}
/* Grid Layout */
.overview-grid {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
}
@media (min-width: 1024px) {
.overview-grid {
grid-template-columns: 1fr 1fr;
}
}
/* Card Styles */
.overview-card {
background: white;
border-radius: 1rem;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
border: 1px solid #f3f4f6;
overflow: hidden;
transition: all 0.3s ease;
}
.overview-card:hover {
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.card-header {
background: linear-gradient(135deg, #2563eb 0%, #4f46e5 100%);
padding: 1rem;
}
.header-content {
display: flex;
align-items: center;
gap: 0.75rem;
}
.header-icon {
padding: 0.5rem;
background: rgba(255, 255, 255, 0.2);
border-radius: 0.5rem;
color: white;
}
.header-icon svg {
width: 20px;
height: 20px;
}
.category-title {
font-size: 1.125rem;
font-weight: 600;
color: white;
}
.card-content {
padding: 1.5rem;
display: flex;
flex-direction: column;
gap: 1rem;
}
.feature-item {
border-left: 4px solid #bfdbfe;
padding-left: 1rem;
transition: border-color 0.2s ease;
}
.feature-item:hover {
border-left-color: #3b82f6;
}
.feature-header {
display: flex;
align-items: flex-start;
gap: 0.75rem;
margin-bottom: 0.5rem;
}
.feature-icon {
padding: 0.375rem;
background: #dbeafe;
border-radius: 0.5rem;
color: #2563eb;
margin-top: 0.125rem;
flex-shrink: 0;
}
.feature-icon svg {
width: 16px;
height: 16px;
}
.feature-content {
flex: 1;
min-width: 0;
}
.feature-name {
font-weight: 600;
color: #111827;
font-size: 0.875rem;
margin-bottom: 0.25rem;
}
.feature-details {
color: #374151;
font-size: 0.875rem;
line-height: 1.5;
margin-bottom: 0.25rem;
}
.feature-extra {
color: #2563eb;
font-size: 0.75rem;
font-weight: 500;
}
/* Bottom Highlight */
.bottom-highlight {
margin-top: 3rem;
background: linear-gradient(135deg, #2563eb 0%, #4f46e5 100%);
border-radius: 1rem;
padding: 2rem;
text-align: center;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.highlight-header {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
margin-bottom: 1rem;
}
.highlight-icon {
width: 24px;
height: 24px;
color: white;
}
.highlight-title {
font-size: 1.5rem;
font-weight: 700;
color: white;
}
.highlight-text {
color: #bfdbfe;
font-size: 1.125rem;
max-width: 32rem;
margin: 0 auto;
}
/* Mobile Responsive */
@media (max-width: 768px) {
.godrej-overview {
padding: 1rem 0.5rem;
}
.main-title {
font-size: 2rem;
}
.card-content {
padding: 1rem;
}
.bottom-highlight {
padding: 1.5rem;
}
.highlight-title {
font-size: 1.25rem;
}
.highlight-text {
font-size: 1rem;
}
}
@media (max-width: 480px) {
.main-title {
font-size: 1.75rem;
}
.feature-header {
flex-direction: column;
gap: 0.5rem;
}
.feature-icon {
align-self: flex-start;
}
}
Pre-launch pricing with Godrej’s trusted legacy in North Bangalore’s fastest-growing corridor
Godrej Thanisandra Comparison
Eiusmod temporl incididunt utys labore dolor magna aliqua sed enim audy lorem ipsum dolor.
Amedya J. Hilson
Discover great stuff & services
Excepteur sint ocaecat cupidatat non proident sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem acus antium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta.
- Laboret dolore magna aliquaut
- Enimad mini veniam quis nostrud erciton
- Lorem ipsum dolor sit amet consectetur
- Adipisicing ipsum elit sed
Tempor incididunt ut laboret dolore magna aliquaut enimad mini veniam quis nostrud exrciton. Lorem ipsum dolor sit amet, consectetur adipisicing elit sed eiusmod tempor incididunt labore dolore magna aliqua quis nostrud.
