refactor: cleaned up comments
This commit is contained in:
parent
ddcd84da0a
commit
c48fa3f068
1 changed files with 4 additions and 43 deletions
|
|
@ -1,4 +1,3 @@
|
|||
/* Update the font family */
|
||||
body {
|
||||
font-family: 'Inter', sans-serif;
|
||||
margin: 0;
|
||||
|
|
@ -11,7 +10,6 @@ body {
|
|||
line-height: 1.6;
|
||||
}
|
||||
|
||||
/* Header Styles */
|
||||
.main-header {
|
||||
background: #fff;
|
||||
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
|
||||
|
|
@ -68,7 +66,6 @@ body {
|
|||
letter-spacing: 0.5px;
|
||||
}
|
||||
|
||||
/* Navigation */
|
||||
.main-nav {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -117,7 +114,6 @@ body {
|
|||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Header Right */
|
||||
.header-right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -163,7 +159,6 @@ body {
|
|||
box-shadow: 0 6px 20px rgba(231, 76, 60, 0.4);
|
||||
}
|
||||
|
||||
/* Mobile Menu Toggle */
|
||||
.mobile-menu-toggle {
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
|
|
@ -194,7 +189,6 @@ body {
|
|||
transform: rotate(-45deg) translate(6px, -6px);
|
||||
}
|
||||
|
||||
/* Mobile Navigation */
|
||||
.mobile-nav {
|
||||
display: none;
|
||||
background: #fff;
|
||||
|
|
@ -231,7 +225,6 @@ body {
|
|||
padding-left: 2.5rem;
|
||||
}
|
||||
|
||||
/* Flash Messages */
|
||||
.flash-messages {
|
||||
max-width: 1400px;
|
||||
margin: 0 auto;
|
||||
|
|
@ -288,12 +281,10 @@ body {
|
|||
background: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
/* Main Content */
|
||||
.main-content {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
/* Footer Styles */
|
||||
.main-footer {
|
||||
background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
|
||||
color: #ecf0f1;
|
||||
|
|
@ -319,7 +310,6 @@ body {
|
|||
flex-direction: column;
|
||||
}
|
||||
|
||||
/* Footer Brand */
|
||||
.footer-logo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -374,7 +364,6 @@ body {
|
|||
border: 1px solid rgba(52, 152, 219, 0.3);
|
||||
}
|
||||
|
||||
/* Footer Sections */
|
||||
.footer-title {
|
||||
color: #fff;
|
||||
font-size: 1.1rem;
|
||||
|
|
@ -416,7 +405,6 @@ body {
|
|||
padding-left: 0.5rem;
|
||||
}
|
||||
|
||||
/* Footer Contact */
|
||||
.footer-contact {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
|
@ -445,7 +433,6 @@ body {
|
|||
color: #3498db;
|
||||
}
|
||||
|
||||
/* Social Media */
|
||||
.social-media h5 {
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
|
|
@ -479,7 +466,6 @@ body {
|
|||
box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);
|
||||
}
|
||||
|
||||
/* Footer Bottom */
|
||||
.footer-bottom {
|
||||
padding: 2rem 0;
|
||||
}
|
||||
|
|
@ -532,7 +518,6 @@ body {
|
|||
border: 1px solid rgba(39, 174, 96, 0.3);
|
||||
}
|
||||
|
||||
/* Responsive Design */
|
||||
@media (max-width: 1024px) {
|
||||
.footer-top {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
|
|
@ -594,7 +579,6 @@ body {
|
|||
}
|
||||
}
|
||||
|
||||
/* Hero Section - Enhanced */
|
||||
.hero {
|
||||
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
|
||||
color: #fff;
|
||||
|
|
@ -732,7 +716,6 @@ body {
|
|||
margin-top: 0.5rem;
|
||||
}
|
||||
|
||||
/* Hero Visual */
|
||||
.hero-visual {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
|
@ -784,7 +767,6 @@ body {
|
|||
50% { transform: scale(1.1); opacity: 0.6; }
|
||||
}
|
||||
|
||||
/* About Section - Enhanced */
|
||||
.about {
|
||||
padding: 6rem 2rem;
|
||||
background: #fff;
|
||||
|
|
@ -915,7 +897,6 @@ body {
|
|||
50% { transform: translateY(-20px); }
|
||||
}
|
||||
|
||||
/* Features Section - Enhanced */
|
||||
.features {
|
||||
padding: 6rem 2rem;
|
||||
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
|
||||
|
|
@ -1018,7 +999,6 @@ body {
|
|||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
/* Final CTA Section */
|
||||
.final-cta {
|
||||
padding: 6rem 2rem;
|
||||
background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
|
||||
|
|
@ -1086,7 +1066,6 @@ body {
|
|||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Responsive Design */
|
||||
@media (max-width: 1024px) {
|
||||
.hero-container,
|
||||
.about-content {
|
||||
|
|
@ -1158,7 +1137,6 @@ body {
|
|||
}
|
||||
}
|
||||
|
||||
/* Services Section */
|
||||
.services {
|
||||
padding: 5rem 1rem;
|
||||
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
|
||||
|
|
@ -1234,7 +1212,7 @@ body {
|
|||
border: 1px solid #f1f3f4;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
min-height: 600px; /* Set minimum height for all cards */
|
||||
min-height: 600px;
|
||||
}
|
||||
|
||||
.service-card::before {
|
||||
|
|
@ -1337,8 +1315,8 @@ body {
|
|||
padding: 0;
|
||||
margin: 0 0 2.5rem 0;
|
||||
text-align: left;
|
||||
flex-grow: 1; /* Allow features to expand and fill space */
|
||||
min-height: 200px; /* Minimum height for features section */
|
||||
flex-grow: 1;
|
||||
min-height: 200px;
|
||||
}
|
||||
|
||||
.service-features li {
|
||||
|
|
@ -1383,7 +1361,7 @@ body {
|
|||
}
|
||||
|
||||
.service-card .btn {
|
||||
width: calc(50% - 10px); /* Account for any border/padding */
|
||||
width: calc(50% - 10px);
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
padding: 1rem 2rem;
|
||||
|
|
@ -1412,7 +1390,6 @@ body {
|
|||
left: 100%;
|
||||
}
|
||||
|
||||
/* Responsive Design */
|
||||
@media (max-width: 1200px) {
|
||||
.services-grid {
|
||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||
|
|
@ -1474,7 +1451,6 @@ body {
|
|||
margin-top: auto;
|
||||
}
|
||||
|
||||
/* Buttons */
|
||||
.btn {
|
||||
display: inline-block;
|
||||
padding: 0.8rem 1.5rem;
|
||||
|
|
@ -1513,7 +1489,6 @@ body {
|
|||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
/* About Section */
|
||||
.about {
|
||||
padding: 4rem 1rem;
|
||||
background-color: #f8f9fa;
|
||||
|
|
@ -1538,7 +1513,6 @@ body {
|
|||
line-height: 1.8;
|
||||
}
|
||||
|
||||
/* Features Section */
|
||||
.features {
|
||||
padding: 4rem 1rem;
|
||||
background-color: #fff;
|
||||
|
|
@ -1587,7 +1561,6 @@ body {
|
|||
line-height: 1.6;
|
||||
}
|
||||
|
||||
/* CONTACT SECTION - COMPLETELY REDESIGNED */
|
||||
.contact {
|
||||
padding: 4rem 1rem;
|
||||
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
|
||||
|
|
@ -1607,7 +1580,6 @@ body {
|
|||
position: relative;
|
||||
}
|
||||
|
||||
/* Remove the problematic shimmer effect */
|
||||
.contact-container::before {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -1728,7 +1700,6 @@ body {
|
|||
transform: translateY(0);
|
||||
}
|
||||
|
||||
/* Form validation styles */
|
||||
.form-group input:invalid:not(:placeholder-shown),
|
||||
.form-group textarea:invalid:not(:placeholder-shown) {
|
||||
border-color: #e74c3c;
|
||||
|
|
@ -1741,7 +1712,6 @@ body {
|
|||
background-color: #f8fff9;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
footer {
|
||||
background: #2c3e50;
|
||||
color: #fff;
|
||||
|
|
@ -1797,7 +1767,6 @@ footer {
|
|||
background-color: rgba(52, 152, 219, 0.1);
|
||||
}
|
||||
|
||||
/* Flash Messages */
|
||||
.flash-messages {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
|
|
@ -1825,7 +1794,6 @@ footer {
|
|||
border: 1px solid #f5c6cb;
|
||||
}
|
||||
|
||||
/* Responsive Design */
|
||||
@media (max-width: 768px) {
|
||||
.hero h1 {
|
||||
font-size: 2.5rem;
|
||||
|
|
@ -1890,7 +1858,6 @@ footer {
|
|||
}
|
||||
}
|
||||
|
||||
/* Solutions Hero Section */
|
||||
.solutions-hero {
|
||||
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
|
||||
color: #fff;
|
||||
|
|
@ -1919,7 +1886,6 @@ footer {
|
|||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
/* Solutions Grid Section */
|
||||
.solutions-grid-section {
|
||||
padding: 6rem 2rem;
|
||||
background: #f8f9fa;
|
||||
|
|
@ -2120,7 +2086,6 @@ footer {
|
|||
color: #2c3e50;
|
||||
}
|
||||
|
||||
/* Why Open Source Section */
|
||||
.why-opensource {
|
||||
padding: 6rem 2rem;
|
||||
background: #fff;
|
||||
|
|
@ -2170,7 +2135,6 @@ footer {
|
|||
line-height: 1.6;
|
||||
}
|
||||
|
||||
/* Integration Support Section */
|
||||
.integration-support {
|
||||
padding: 6rem 2rem;
|
||||
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
|
||||
|
|
@ -2234,7 +2198,6 @@ footer {
|
|||
margin: 0;
|
||||
}
|
||||
|
||||
/* Integration Diagram */
|
||||
.integration-diagram {
|
||||
position: relative;
|
||||
width: 300px;
|
||||
|
|
@ -2299,7 +2262,6 @@ footer {
|
|||
color: #3498db;
|
||||
}
|
||||
|
||||
/* Solutions CTA Section */
|
||||
.solutions-cta {
|
||||
padding: 6rem 2rem;
|
||||
background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%);
|
||||
|
|
@ -2328,7 +2290,6 @@ footer {
|
|||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
/* Responsive Design */
|
||||
@media (max-width: 1024px) {
|
||||
.solutions-grid {
|
||||
grid-template-columns: 1fr;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue