HTML・CSS・JavaScript・PHP・MariaDBを用いたサイトを一から作ってみたい(学習してきた物の総復習として)と思いレスポンシブ対応のサイトを制作するに至りました。
スライドショーを実装してみたかった為、プラグインのslick.jsを用いてサイト上の「受託実績」という項目で実装させました。
PHPMariaDBの学習を終えたばかりでしたので実際に自分の架空サイトに練習も含めてローカル環境では反映させています。(使用したのはお問い合わせフォームですが架空サイトの為、不必要な情報を収集する恐れがあるためネット上ではこの機能を閉鎖しています。そのため、PHPファイルをデプロイしていないGithub Pagesのみでの公開としています。)
また、ハンバーガーメニューも実装したいと思っていたのでこちらも機能に加えました。
その他、サイトの閲覧性向上の為、視覚的にタップ(クリック)したらサイト内スクロールできる用に心がけました。
コーディングする際にはEmmetに慣れる為、意識してコーディングしました。
架空のサイトではあるものの初めて自分でデザインを考え一から制作したので愛があります、拙いところも見受けられるかと思いますが御覧いただけると幸いです。

【使用言語等】
HTML/CSS(SASS記法)/JavaScript(JQuery)/PHP/MariaDB
【プラグイン】
slick.js
【制作時間(設計段階含む)】
80時間
URL
https://creareworks.github.io/sbm/

【プレビュー】