pcms-html-css-basic–中一第二段實作題

Requirement

請按照 Media File 中的示意圖實現一個網頁

製作頁面所需的文字和圖片內容以及 CSS 素材已經準備好：https://codepen.io/city01/pen/VwYryEM

請根據你們這幾節課所學的知識，使用提供的素材，新增適當的 HTML 標籤，並應用正確的 css 來實現所需的網頁。

最終成品必須符合 Marking scheme 裡的要求

Marking scheme

[["頁面上有兩張卡片",null,null,null,null],["兩張卡片內都有 logo、學校名稱、時間",null,null,null,null],["logo 和學校名稱左右排列",null,null,null,null],["logo 和學校名稱間距符合要求",null,null,null,null],["學校名稱以及下方的時間的文字顏色符合要求",null,null,null,null],["第一張卡片內有一張圖片",null,null,null,null],["兩張卡片內都有主要文字區域",null,null,null,null],["主要文字區域的內間距符合要求",null,null,null,null],["主要文字的「查看更多」連接顏色符合要求",null,null,null,null],["兩張卡片底部都有四個連接",null,null,null,null],["卡片底部連接的顏色符合要求",null,null,null,null],["卡片底部連接並排顯示",null,null,null,null],["卡片底部連接寬度一致",null,null,null,null],["卡片底部連接中的文字居中顯示",null,null,null,null],["卡片底部連接上方有灰色邊框",null,null,null,null],["第二張卡片內有三張圖片",null,null,null,null],["第二張卡片的第一張圖片高度和寬度符合要求",null,null,null,null],["第二張卡片的第一張圖片沒有被拉伸",null,null,null,null],["第二張卡片的第二、三張圖片的高度和寬度符合要求",null,null,null,null],["第二張卡片的第二、三張圖片沒有被拉伸",null,null,null,null],[null,null,null,null,null]]