Spaces:
Running
Running
Update index.html
Browse files- index.html +1 -2
index.html
CHANGED
|
@@ -106,7 +106,6 @@
|
|
| 106 |
margin: 0 auto;
|
| 107 |
padding: 4rem 1.5rem;
|
| 108 |
}
|
| 109 |
-
/* ... (rest of the timeline CSS is unchanged) ... */
|
| 110 |
.timeline-container::before { content: ''; position: absolute; width: 3px; background: linear-gradient(to bottom, var(--border-color), var(--border-color) 50%, transparent 50%); background-size: 100% 10px; top: 0; bottom: 0; left: 50%; margin-left: -1.5px; }
|
| 111 |
.timeline-item { padding: 0 3rem; position: relative; width: 50%; opacity: 0; transform: translateY(40px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; margin-bottom: 3rem; }
|
| 112 |
.timeline-item.visible { opacity: 1; transform: translateY(0); }
|
|
@@ -187,7 +186,7 @@
|
|
| 187 |
<p style="margin-top: 1rem;">當威脅變得「看不見」,我們需要全新的方法來應對。這,就是我們踏上安全轉型之旅的原因。</p>
|
| 188 |
</div>
|
| 189 |
<div class="intro-image">
|
| 190 |
-
<img src="
|
| 191 |
</div>
|
| 192 |
</section>
|
| 193 |
|
|
|
|
| 106 |
margin: 0 auto;
|
| 107 |
padding: 4rem 1.5rem;
|
| 108 |
}
|
|
|
|
| 109 |
.timeline-container::before { content: ''; position: absolute; width: 3px; background: linear-gradient(to bottom, var(--border-color), var(--border-color) 50%, transparent 50%); background-size: 100% 10px; top: 0; bottom: 0; left: 50%; margin-left: -1.5px; }
|
| 110 |
.timeline-item { padding: 0 3rem; position: relative; width: 50%; opacity: 0; transform: translateY(40px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; margin-bottom: 3rem; }
|
| 111 |
.timeline-item.visible { opacity: 1; transform: translateY(0); }
|
|
|
|
| 186 |
<p style="margin-top: 1rem;">當威脅變得「看不見」,我們需要全新的方法來應對。這,就是我們踏上安全轉型之旅的原因。</p>
|
| 187 |
</div>
|
| 188 |
<div class="intro-image">
|
| 189 |
+
<img src="snow-leopard.jpg" alt="一隻完美偽裝在岩石與雪地中的雪豹">
|
| 190 |
</div>
|
| 191 |
</section>
|
| 192 |
|