架空の病院サイト

Chihiro Suga
Webサイト制作/コーディング

内容

架空の病院について

　※デザインカンプより、コーディングのみ対応しています。

サイトURL

https://chihiro-hiro.conohawing.com/ishii-clinic/

※Basic認証をかけております。

　お手数をおかけしますが、下記ID/パスワードをご入力ください。 

　　　ユーザー名 : chihiro

　　　パスワード : chihiro-hiro92

制作概要

  • 制作時期：2023年3月
  • 制作時間：約40時間
  • ページ数：1ページ
  • 使用ツール：VScode・XD

使用技術一覧

  • HTML

  • CSS

  • レスポンシブ対応

実装内容・工夫した点

CSSにて実装

  • スマートフォンで電話番号をタップした時だけ、電話発信するように設定しました。
  • Googleマップを埋め込んでいます。
    ※イメージ画像： PC画面下部左、スマートフォン画面下、空白部分

イメージ画像

PC画面

スマートフォン画面