已經來到網頁最後的部分了，相片區與Footer。
排版相片的部分很單調就是使用flex ，原本有想要添加一些酷炫的特效，但製作之後一方面覺得有些妨礙閱讀，一方面發現需要javascript ，我不太熟悉語法，要使用就得複製別人的作品進行修改覺得拿上分享不太好，於是作罷。
但還是照例的分享一下程式囉。

.ill-gallery{
    display: flex;
    flex-flow: row wrap;
    height: fit-content;
    justify-content: flex-start;
    width: 75vw;
}
.ill-single{
    width: 20vw;
    height: fit-content;
    margin: 30px;
}
.ill-single img{
    width: 100%;
    border-radius: 10px;
}

Footer

當初是把這個網頁想成單純展示給別人看的網頁，所以把footer 設計得很簡單就是放一些聯絡資訊，但覺得加入表單其實也不錯，下次來試試。

footer{
    background-color: #44858C;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    height: fit-content;
    padding:10px 50px;
    margin: 50px 0px 0px 0px;
}
.footer-content{
    display: flex;
    flex-flow: row;
    align-items: center; 
}
.footer-content p ,a{
    margin-right: 16px;
    color: #ffffff;
}
.footer-content .vr{
    border-color: #ffffff;
}

網頁到這邊就結束了，但是還差一步，就是發布網頁，不然只能存在自己電腦裡多可惜哇！

下一章 Keep Going 13 - Github page

※本文章所使用之圖片皆為本人作品，內容則為本人之經驗分享