HTML5+CSS3無料テンプレート 商用利用も可能

テンプレートについて

スマホ対応・日本語にも合わせやすいHTMLテンプレートです。特色のないシンプルなものが多いですが、ファイルが軽量なのでそのまま使用したり、カスタマイズ・デザインをしていくには最適です。

数ページほどの小規模なWEBサイト制作を想定しています。ご自由にダウンロードしてお使いください。

テンプレート

LP

LPテンプレート

1ページのシンプルなテンプレートです。ランディングページなどの制作にお使いください。

 


SimpleCorp

シンプルコーポレート

シンプルな骨組みのみのテンプレートです。コーポレートやお店のサイトなどに向いています。

 


BasicCorp

ベーシックコーポレート

スタンダードなビジネス用のテンプレートです。コーポレートサイトなどに向いています。

 


Portfolio

ポートフォリオ

写真の掲載などに向いているシンプルなテンプレートです。

 

使い方

レイアウトをカスタマイズするには

ブロックを追加したい場合は、下記のようにcontainer内のコードをまるごとコピペしてください。
ポイントは横幅が全部で12の数字になるようにレイアウトしていきます。このテンプレートはCSSフレームワークを元に作成しています。

<div class="container">
<div class="row">
        <div class="col span-12">
           <p>12分割。ここに画像やテキストを入れていきます。</p>
        </div>
        </div>
    </div>
12カラム

例えばブロックを2分割したい場合

<div class="container">
<div class="row">
        <div class="col span-6">
           <p>6分割</p>
        </div>
        <div class="col span-6">
           <p>6分割</p>
        </div>
        </div>
    </div>
6カラム

ブロックを4対8で表示する場合

<div class="container">
<div class="row">
        <div class="col span-4">
           <p>4分割</p>
        </div>
        <div class="col span-8">
           <p>8分割</p>
        </div>
        </div>
    </div> 
4-8カラム

という具合に、1つのコンテンツが全部で12の数字になるようにレイアウトを組んでいけばOKです。Bootstrapなどを使い慣れているかたは取っ付きやすいと思います。

1つのコンテンツ内ですぐ下に別のブロックを入れたい場合

<div class="container">

<div class="row">
        <div class="col span-7">
           <p>7分割</p>
        </div>
        <div class="col span-5">
           <p>5分割</p>
        </div>
        </div>
		
<div class="row">
        <div class="col span-2">
           <p>2分割</p>
        </div>
        <div class="col span-10">
           <p>10分割</p>
        </div>
        </div>
		
    </div> 
カラム連結

このように「row」を並べて表示させることもできます。初めてご覧になるかたは呪文のようですが、とりあえずこれだけ覚えておけば、カスタマイズは可能です。

その他の装飾について

CSSファイルの説明

CSSフレームワーク自体には独自のclassなどはほとんど付けていないので、最低限の装飾のみ行なっています。CSSフォルダ内の「grid.css」ファイルに格納、各種デザインは「style.css」ファイルに上書きしています。

メニューボタンは、なるべくコーディングが楽に済むように画像で作成しています。imgフォルダをご覧ください。

利用規約

ご利用について

商用・個人のサイト作成問わず無料でお使いいただけます。著作権表示のコピーライトも削除していただいて構いませんが、著作権は放棄しておりません。再配布はご遠慮くださいませ。

ご利用の際、制作者へのご連絡も不要です。カスタマイズ等は自由ですが、自己責任でお願いします。

公序良俗に反するサイト・違法サイトの制作でのご利用はご遠慮願います。

同封している画像も再配布可能なフリー素材のみ使用しておりますので、そのままお使い頂いてもかまいません。

jQueryやress.cssファイルはMITライセンスに準拠します。

動作保証ブラウザは、WindowsIE11以上、Mac共にGoogle Chrome、Firefoxは最新版です。

テンプレートによって何らかの不利益、損害が生じても一切の責任を負いません。自己責任の下でご使用ください。

不明な点がございましたら、ご連絡くださいませ。

制作代行

テンプレートを使用した制作代行も承っております。デザインやページ数によって変わりますので、詳しくはお見積もりさせていただきます。
大体の目安感を表示しております。
制作物の知的財産権及び著作権の譲渡は行なっておりませんのでご了承くださいませ。

料金表

企画構成・進行管理・設計・独自SSL導入 ¥50,000円(税抜)〜
ドメイン・サーバー設置代行 ¥15,000円(税抜)
トップページデザイン(スマホ対応) ¥50,000円(税抜)〜(コーディング含む)
下層ページデザイン(1P/スマホ対応) ¥8,000円(税抜)〜(原稿貼り付けのみ/1枚)
¥20,000円(税抜)〜(A4サイズ2枚程度)
追加デザイン制作 ¥20,000円(税抜)〜
お問い合わせフォーム設置 ¥11,000円(税抜)〜
LPページ作成 ¥100,000円(税抜)〜(コーディング含む)
LPデザインオプション費 ¥50,000円(税抜)〜
バナーデザイン ¥5,000円(税抜)〜
ホームページ制作相談サポート(60分) ¥6,000円(税込)

できること

内容を分かりやすく伝えるWEBデザイン、グラフィック、チラシや名刺などの印刷物やイラストの制作。制作時や納品以降も丁寧なアフターサポートなど。
1人1人に合わせて意図やご要望を汲み取りながら、コンテンツ作成や集客までのご提案・総合的なサポートを得意としています。

できないこと

難易度の高い複雑なコーディングやプログラミングはお請けできかねます。
HTMLサイトをWordpressへテーマ化、カスタマイズは行なっていますが、プログラミングを得意とされている方々にはとてもかなわないので、基本的には「できない」とお伝えしています。必要な場合は外注対応させていただきます。

サポートについて

日々制作業務を行なっておりますので、設置、カスタマイズ方法などの無料サポートは設けておりません。誠に申し訳ございませんが、ご了承くださいますようお願い致します。

HTML、CSS、ドメイン・サーバーの設置、カスタマイズ等に関するサポートは有料にてお見積もりいたします。

不具合などがありましたら遠慮なくご相談くださいませ。

▲TOP