【練習課題】クリニック架空サイト 実装

OVERVIEW

クリニックの架空サイトのコーディングを行いました。

YEAR 2021

【サイト名/URL】

石井総合内科クリニック


http://www.yu528t.xyz/


【担当箇所】

コーディング〜サーバーアップロード

課題提供元:https://note.com/samuraibrass/n/n1622c507b9c7?magazine_key=mad296098d928


【所要時間】

3週間


【使用ツール・使用言語】

・Adobe XD (画像書き出し)

・Visual Studio Code(コーディング)

・HTML5

・CSS3


【気をつけたこと】

ピクセルファーストで実装することを意識しました。配布されているデザインカンプはPC版のみでしたが、〜375pxまでの画面幅で崩れがないように実装いたしました。



【実装画面】

PC

SP


WEBSITE