---
# System prepended metadata

title: 11/18 前端集訓

---

**今日不上課 練習用react切版
明天會繼續教react相關的東西**

## 專案下載
https://drive.google.com/file/d/13PmUnP_36v_-Fa5QXDNaQBovY3SfyxYg/view

## 切版練習
* 利用react切版，請善用component方法

[網頁連結](https://zh.wix.com/website-template/view/html/2948?originUrl=https%3A%2F%2Fzh.wix.com%2Fwebsite%2Ftemplates%2Fhtml%2Fall%2F2&tpClick=view_button&esi=295217af-c723-4317-93f8-b301638d1edf)

### 練習一(Careers)
![image](https://hackmd.io/_uploads/SkbjwKOz1g.png)


### 練習二(About)
![image](https://hackmd.io/_uploads/SyEMPKOGJe.png)

### 練習三(About)
請做出hover特效
![image](https://hackmd.io/_uploads/HJEUvK_G1g.png)

### 練習四
* 若有能力可以嘗試切About出完整畫面