Cafi Netつながる情報技術

レスポンシブ Web デザイン41~50

スマートフォン、タブレット、パソコンでの閲覧に対応した、レスポンシブ Web デザインの無料テンプレート41~50です。

歯科医院のウェブサイトをテーマに、無料テンプレート31~40を爽やかなカラーに変更しました。(メイン画像を入れ替えれば、他の業種でもご利用頂けます)

同じカラーで、スライドショーありとスライドショーなしを用意しました。

スライドショーなしはメイン画像が1枚なので、少しでも表示が軽い方が良いという場合は、スライドショーなしを選択して下さい。

無料テンプレートの利用規約はこちらです。

無料テンプレート41

Free Template 41 をダウンロード(zip)(スライドショーあり)

Free Template 42 をダウンロード(zip)(スライドショーなし)

Free Template 41・42 のカラーはミントグリーンです。

ブラウザの幅を狭めると、レイアウトの切り替わりを確認できます。(テンプレートをダウンロードして、ブラウザでご確認下さい)

無料テンプレート43

Free Template 43 をダウンロード(zip)(スライドショーあり)

Free Template 44 をダウンロード(zip)(スライドショーなし)

テンプレートのカラーを変更しました。

Free Template 43・44 のカラーは薄い緑色です。

無料テンプレート45

Free Template 45 をダウンロード(zip)(スライドショーあり)

Free Template 46 をダウンロード(zip)(スライドショーなし)

テンプレートのカラーを変更しました。

Free Template 45・46 のカラーは薄い青色です。

無料テンプレート47

Free Template 47 をダウンロード(zip)(スライドショーあり)

Free Template 48 をダウンロード(zip)(スライドショーなし)

テンプレートのカラーを変更しました。

Free Template 47・48 のカラーは薄い橙色です。

無料テンプレート49

Free Template 49 をダウンロード(zip)(スライドショーあり)

Free Template 50 をダウンロード(zip)(スライドショーなし)

テンプレートのカラーを変更しました。

Free Template 49・50 のカラーは薄い桃色です。

編集必須箇所について

ヘッダーのメインロゴ(logo.png)と電話番号(tel.png)の編集には、images フォルダの base.png をご利用下さい。

フッターの電話番号とメールアドレスにはリンクが設定されているので、HTML ソースを編集して下さい。スマートフォンでタップして電話できます。

編集の必要があるのは、HTML ファイル(index.html/concept.html/stuff.html/menu.html/access.html)と images フォルダの画像だけです。

ファイル名やページ数は、編集内容に合わせて変更して下さい。

style.css(デザインの記述)は、任意で編集して下さい。

スライドショーの画像について

歯科医院のウェブサイトがテーマでしたので、スライドショーの画像には歯ブラシの写真を用意しました。

そのままご利用頂いても構いませんし、文字を載せたりといった加工をしても良いと思います。

ご自由にトリミングして頂けるように、main-img1-3500.jpg も images フォルダに梱包しました。(メイン画像の横幅は 1200 px に設定して下さい。高さはご自由なサイズでご利用頂けます。)

歯科医院であれば、先生とスタッフの集合写真や、歯科医院内の写真に入れ替えるのも良いと思います。

当サイトの無料テンプレートがお役に立ちましたら幸いです。