|
Tags: Blanking Manual revert |
| Line 1: |
Line 1: |
| /* Hero Section */
| |
| .hero-section {
| |
| text-align: center;
| |
| padding: 30px;
| |
| background-color: #f5f5f5;
| |
| border-bottom: 2px solid #e0e0e0;
| |
| }
| |
|
| |
|
| .hero-section h1 {
| |
| font-size: 2.5em;
| |
| margin-bottom: 10px;
| |
| }
| |
|
| |
| .hero-section p {
| |
| font-size: 1.2em;
| |
| color: #555;
| |
| }
| |
|
| |
| .hero-buttons {
| |
| margin-top: 20px;
| |
| }
| |
|
| |
| .hero-buttons .button {
| |
| display: inline-block;
| |
| margin: 0 10px;
| |
| padding: 10px 20px;
| |
| background-color: #0073e6;
| |
| color: #fff;
| |
| text-decoration: none;
| |
| border-radius: 5px;
| |
| font-weight: bold;
| |
| }
| |
|
| |
| .hero-buttons .button:hover {
| |
| background-color: #005bb5;
| |
| }
| |
|
| |
| /* Main Grid */
| |
| .main-grid {
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| gap: 20px;
| |
| padding: 20px;
| |
| margin: 0 auto;
| |
| max-width: 1200px;
| |
| }
| |
|
| |
| .grid-item {
| |
| flex: 1 1 calc(33.333% - 20px);
| |
| background-color: #ffffff;
| |
| border: 1px solid #e0e0e0;
| |
| border-radius: 8px;
| |
| padding: 15px;
| |
| box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
| |
| }
| |
|
| |
| .grid-item h2 {
| |
| font-size: 1.5em;
| |
| margin-bottom: 10px;
| |
| }
| |
|
| |
| .grid-item p {
| |
| font-size: 1em;
| |
| margin-bottom: 10px;
| |
| }
| |
|
| |
| .grid-item ul {
| |
| list-style: none;
| |
| padding: 0;
| |
| }
| |
|
| |
| .grid-item li {
| |
| margin-bottom: 8px;
| |
| }
| |
|
| |
| .grid-item a {
| |
| color: #0073e6;
| |
| text-decoration: none;
| |
| }
| |
|
| |
| .grid-item a:hover {
| |
| text-decoration: underline;
| |
| }
| |
|
| |
| /* Footer Section */
| |
| .footer-section {
| |
| text-align: center;
| |
| padding: 20px;
| |
| background-color: #f5f5f5;
| |
| border-top: 2px solid #e0e0e0;
| |
| }
| |
|
| |
| .footer-section a {
| |
| color: #0073e6;
| |
| text-decoration: none;
| |
| }
| |
|
| |
| .footer-section a:hover {
| |
| text-decoration: underline;
| |
| }
| |
