Stramline template's use and adjust styl.es.
This commit is contained in:
@@ -64,15 +64,15 @@
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background: #4CAF50;
|
||||
background: #667eea;
|
||||
color: white;
|
||||
box-shadow: 0 4px 15px rgba(76, 175, 80, 0.3);
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
background: #45a049;
|
||||
background: linear-gradient(135deg, #5569d6 0%, #6a4195 100%);
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 6px 20px rgba(76, 175, 80, 0.4);
|
||||
box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);
|
||||
}
|
||||
|
||||
.btn-secondary {
|
||||
@@ -83,7 +83,9 @@
|
||||
|
||||
.btn-secondary:hover {
|
||||
background: white;
|
||||
color: #2a5298;
|
||||
color: #667eea;
|
||||
transform: translateY(-1px);
|
||||
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.2);
|
||||
}
|
||||
|
||||
/* Floating Clock Animation */
|
||||
@@ -135,7 +137,7 @@
|
||||
width: 2px;
|
||||
height: 110px;
|
||||
margin-left: -1px;
|
||||
background: #4CAF50;
|
||||
background: #667eea;
|
||||
animation: rotate 60s linear infinite;
|
||||
}
|
||||
|
||||
@@ -171,8 +173,8 @@
|
||||
}
|
||||
|
||||
.feature-card:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 10px 30px rgba(0,0,0,0.12);
|
||||
transform: translateY(-3px);
|
||||
box-shadow: 0 10px 30px rgba(102, 126, 234, 0.2);
|
||||
}
|
||||
|
||||
.feature-icon {
|
||||
@@ -329,7 +331,7 @@
|
||||
top: -15px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
background: #4CAF50;
|
||||
background: #667eea;
|
||||
color: white;
|
||||
padding: 0.5rem 1.5rem;
|
||||
border-radius: 20px;
|
||||
@@ -375,7 +377,7 @@
|
||||
.btn-pricing {
|
||||
display: inline-block;
|
||||
padding: 1rem 2rem;
|
||||
background: #4CAF50;
|
||||
background: #667eea;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 6px;
|
||||
@@ -385,8 +387,9 @@
|
||||
}
|
||||
|
||||
.btn-pricing:hover {
|
||||
background: #45a049;
|
||||
background: linear-gradient(135deg, #5569d6 0%, #6a4195 100%);
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 5px 15px rgba(102, 126, 234, 0.2);
|
||||
}
|
||||
|
||||
.pricing-card.featured .btn-pricing {
|
||||
@@ -394,7 +397,8 @@
|
||||
}
|
||||
|
||||
.pricing-card.featured .btn-pricing:hover {
|
||||
background: #1e3c72;
|
||||
background: linear-gradient(135deg, #5569d6 0%, #6a4195 100%);
|
||||
box-shadow: 0 6px 20px rgba(102, 126, 234, 0.3);
|
||||
}
|
||||
|
||||
/* Final CTA */
|
||||
|
||||
Reference in New Issue
Block a user