おしゃれなお花屋さん　サイト

概要

• HTML5,CSS3,jQueryを使用し作成した花屋のwebサイトになります
• レスポンシブル対応
• ポートフォリオ用サイト

説明

本サイトはポートフォリオ用の自分の技術を紹介するためのサイトになります。
フレームワーク無で花屋のサイトを作成してみました。
花屋のコンセプトとして、20~30代女性をターゲットにしたサイト作りとしました。
花の色どりを目立たせたく、サイトの背景、文字色はシンプル色合いにしました。
google Mapの埋込み、レスポンシブデザイン、jQueryを利用したアニメーションを追加してみました。
フリーですので必要な方はご自由に使用願います。

ファイルの構成

ファイルの構成/
├─ README.md
├─ jQuery_base                                               # jQuery保存フォルダー
├─ fonts                                                     # webフォント(Font Awesome)保存フォルダー
├─ img                                                       # 画像保存フォルダー
├─ Flower_shop_Cutewmer.html                                 # トップページ（自身でコーディング）
├─ css/
|    └─ Flower_shop_Cutewmer                                 # CSS保存フォルダー(Font Awesomeのcss保存)
|           └─ Flower_shop_Cutewmer.css                      # CSSファイル（自身でコーディング）
└─ js/
    └─ Flower_shop_Cutewmer                                  # jsファイル保存フォルダー
           └─ Flower_shop_Cutewmer.js                        # jsファイル（自身でコーディング）   

インストール方法

1、全てのファイルをフォークし、ローカルにクローンを作成。
2、ローカルに保存したHTMLファイルをウェブブラウザで開く。

デモサイトURL（ポートフォリオURL）

http://s-fukushima.sakura.ne.jp/Portfolio_20170701.html

---

---

Cute flower shop of website

Overview

• this web site concept is flower shop of cute & cool style.
• use HTML5,CSS3,jQuery.
• correspondence of responsive design.
• my web design skill is this web site.

Description

this flower shop concept is cute & cool.
target customers are women of 20~30s.
character color and backgraunds color is simple color because want to stand out flower color.

Component file

Component file/
├─ README.md
├─ jQuery_base                                               # folder of jQuery files.
├─ fonts                                                     # folder of web fonts.(saving in this folder at Font Awesome.)
├─ img                                                       # folder of images. 
├─ Flower_shop_Cutewmer.html                                 # Top page.（my coding）
├─ css/
|   └─ Flower_shop_Cutewmer                                  # folder of css(saving in this folder at css of Font Awesome.)
|          └─ Flower_shop_Cutewmer.css                       # file of top page css.（my coding）
└─ js/
    └─ Flower_shop_Cutewmer                                  # folder of js.
           └─ Flower_shop_Cutewmer.js                        # file of top page js.(my coding)

Install

1、all files do fork and this all files do clone in local.
2、this local files open to web browser.

URL of Demo site(URL of my portfolio site)

http://s-fukushima.sakura.ne.jp/Portfolio_20170701.html