レスポンシブwebデザインのホームページなら アットウェブ

ホームページテンプレート

豊富なデザインテンプレートの中からお好きなタイプをお選びいただけます。

 > ホームページ テンプレート

ホームページ デザインテンプレート

ホームページのデザインテンプレートを多数ご用意いたしました。

ホームページのデザインがすでにできあがっているものを編集・修正するだけなので、お客様がイメージをつかみやすく、何よりも低価格で発注できるメリットがあります。

また、お客様の希望、業種に合ったデザイン性の高いテンプレートを使用することで、高品質で低価格なホームページを作ることができます。

お選びいただいたテンプレートに最初から入っている写真や画像はそのままご利用する事もできますし、お客様がご用意いただいた素材に変更することも可能です。

レスポンシブ デザインテンプレート

No.aw_biz4201、aw_biz4202
TEMPLATE PARTYさんのビジネスサイト向け無料ホームページテンプレートtp_biz42のイメージスライダー実装バージョンです。
イメージスライダーのエフェクト違いでの2パターンとなっております。

テンプレートNo.aw_biz4201

テンプレートNo.aw_biz4201

DEMO

横幅いっぱいの画像をKen Burns エフェクトでスライドショー化しています。

テンプレートNo.aw_biz4202

テンプレートNo.aw_biz4202

DEMO

BlurとLouversのエフェクトに最下部サムネイルを表示したスライドショーです。

No.aw1090、aw1092
メインコンテンツはSlider Proのコンテンツスライダーを実装しています。
サブページのメニューバーはレスポンシブ対応のFlat jQuery Responsive Menuを実装しています。
また、Google mapは通常ですと画面サイズが小さくなると見きれてしまいますが、「Auto-Centered Responsive Google Map」のJSを使用し、Googleマップの中心にピンを常に表示し、且つレスポンシブ対応にしています。

No.aw1091
メインコンテンツをBlackFlagさんのブラウザウィンドウ幅めいっぱいに要素を並べたコンテンツスライダーを実装しています。
ページネーションをサムネイル表示したり、透過要素変更など様々なオプションで表示をいろいろ変える事が可能です。
また、jQueryイージングプラグインを使ってスライドアニメーションにイージング処理を施しています。

テンプレートNo.aw1090

テンプレートNo.aw1090

DEMO

全画面に切り替えができるコンテンツスライダーを実装しています。右上の矢印もしくは、Escキーで元に戻ります。

テンプレートNo.aw1090

テンプレートNo.aw1092

DEMO

縦スライドのコンテンツスライダーを実装しています。

テンプレートNo.aw1090

テンプレートNo.aw1091

DEMO

デモでは前後の画像は左右に透過させたような形で設定していますが、透過無しももちろん可能です。
また、ページネーションや左右のNEXT/BACKボタンも設定可能です。

No.aw1171
jQueryプラグインのbxsliderのカルーセルスライダーを実装しています。
商品一覧などに利用できるように、モーダルウインドウ表示にしています。

テンプレートNo.aw1171

テンプレートNo.aw1171

DEMO

自動再生のカルーセルスライダーにキャプションを付けています。

デザインテンプレート集へ

デザインテンプレート集 2へ

テンプレートが決まったら

ご希望のデザインテンプレートが見つかったらお申込みフォームよりご連絡ください。

お申込み

CHECK ホームページ制作の流れもご覧ください。