# 練習各種版型切版
###### tags: `OKR` `切版練習`
##### 2020/05/22(Update:2020/06/23)

## 練習目的
不使用bootstrap框架，練習各種網頁上可能常見的各種版型／元件／區塊等，並使用CodePen提供範例參考

Demo1-圖文滿版區塊／雙背景CSS效果(圖片＋背景顏色)
https://codepen.io/yuci0213/pen/KKdbKOm

Demo2-Select選單SCSS＋JS效果
https://codepen.io/yuci0213/pen/xxZqodL

Demo3-tab選單SCSS＋JS效果
https://codepen.io/yuci0213/pen/ZEQyjvG