【写真と文章を入れかえるだけ。「予約したくなる」1ページのホームページを、今日つくれます。】 サロン・教室・個人店のための、1ページで完結するホームページ（LP）のテンプレートです。 「どんなお店？」「いくら？」「どうやって予約するの？」――はじめてのお客様が知りたいことを、 上から順番に読むだけで予約まで進めるように構成しました。 HTMLとCSSだけでできているので、WordPressやサイト作成サービスの月額費用はかかりません。 レンタルサーバーにフォルダごとアップロードすれば、そのまま公開できます。 jQueryなどのライブラリも使っていないので、表示も軽く、あとから手を入れるのもかんたんです。 配色は「セージ／ローズ／サンド」の3テーマ入り。HTMLの1か所を書きかえるだけで、 ヨガ・整体・アロマ、ネイル・エステ、美容室・料理教室など、お店の雰囲気に合わせて切りかえられます。 写真は、枠の中に画像タグを1行入れるだけで、アーチ型・丸型のおしゃれなトリミングのまま差しかわります。 画像つきの「使い方ガイドPDF」がついているので、HTMLにあまり慣れていない方でも安心です。 ★ こんな方に ・ホームページを持っていない、または作り直したいサロン・教室のオーナーさん ・ホットペッパーやSNSだけでなく、自分のお店のページがほしい方 ・クライアントのLPを早く・きれいに仕上げたいWeb制作者さん ・HTML/CSSの勉強をかねて、実際に使えるサイトを作りたい方 ★ 入っているセクション（入れかえ・削除OK） ヘッダー（スマホはハンバーガーメニュー）／ヒーロー（キャッチコピー・特徴バッジ）／こんなお悩みありませんか／ コンセプト＋3つの特徴／メニュー・料金（カード3枚＋料金表）／講師・スタッフ紹介／お客様の声／ ご予約の流れ（4ステップ）／よくある質問（開閉式）／アクセス（Googleマップ埋め込み枠＋店舗情報）／ ご予約エリア（フォーム・LINE・電話）／フッター／スマホ下部の固定予約ボタン ★ 特長 ・スマホ・タブレット・PCに対応（レスポンシブ） ・3色の配色テーマ（CSS変数で色の変更もかんたん） ・日本語版と英語版の2種類入り（インバウンド向け・海外のお客様向けにも） ・スクロールでふわっと表示（「視差効果を減らす」設定の方には自動でオフ） ・見出し構造・alt・キーボード操作・文字とボタンのコントラストに配慮 ・OGP（SNSシェア用）・description などのSEO用タグ入り ・商用利用OKのGoogle Fontsを使用 ■ 内容物（zip） - lp/index.html（日本語版） - lp/index_en.html（英語版） - lp/css/style.css（コメントつき・目次つき） - lp/js/main.js（スマホメニュー・固定ボタン・ふわっと表示） - lp/images/（favicon.svg・OGP画像見本） - 使い方ガイド.pdf（A4・6ページ、画像つき） - README_使い方.txt／README_EN.txt／LICENSE.txt ※写真素材は含まれていません（写真枠のみ）。お店の写真に差しかえてお使いください。 ■ 使い方 1. zipを解凍し、lp/index.html をブラウザで開いて確認 2. index.html をテキストエディタで開き、文章を書きかえる（セクションごとにコメントで区切ってあります） 3. 写真枠 <div class="photo"> の中に <img src="images/〇〇.jpg" alt="…"> を1行入れる 4. <html data-theme="sage"> を rose / sand に変えると配色が切りかわる 5. 予約ボタンのリンク・電話番号・地図を差しかえて、サーバーにアップロード ■ 利用規約・ライセンス - ご自身のお店・教室・事業のサイトに使えます（商用利用OK） - Web制作者の方は、1ライセンスにつきクライアント1サイトまで。複数サイトで使う場合はサイト数分ご購入ください - デザイン・文章・色・構成の改変は自由／クレジット表記は不要です - テンプレート自体（改変したものを含む）の再配布・転売・共有、テンプレートや素材としての販売はNGです - 同梱のお客様の声・講師名・料金・住所はすべて架空のサンプルです。お客様の声は必ず実際のご感想に差しかえてください - フォント：Zen Kaku Gothic New／Shippori Mincho／Cormorant Garamond（Google Fonts・SIL Open Font License 1.1、商用利用可） - 著作権は haconiwa design に帰属します - デジタル商品のため、購入後の返品・返金はお受けできません