General CSS Template for Website
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
img
LICENSE
README.md
index.html

README.md

Arakawa Template

概要 (日本語)

Arakawa Templateは、汎用的なウェブサイト用CSSテンプレートです。

HTMLタグにクラスを書き加えるだけでウェブデザインをする事ができます。

大量のCSSコードを書く必要はありません。

特徴

  • 3種類のカラーテーマ
  • 文字、図形、画像に対するエフェクト
  • ヘッダー、フッター機能
  • 見出し、段落、ハイパーリンク機能
  • シンプルなテーブル (表)
  • アイコン、吹き出し機能
  • 2カラムのウェブサイトも製作可能
  • レスポンシブ対応
  • 追加のCSSコードも記述可能

使い方

"css/ArakawaTemplate.css"をlinkタグでhead要素内に記述して下さい。

以下は実装例です。

<link rel="stylesheet" href="css/ArakawaTemplate.css">

追加のCSSコードは、"ArakawaTemplate.css"を読み込ませた後に記述して下さい。

サンプル

"index.html" ファイルがサンプルページです。ご自由にお使い下さい。

Overview (English)

"Arakawa Template" is CSS Template for Website.

If you use this program,You needn't write many CSS code.

Features

  • 3-Type Color Theme
  • Effect for Text,Shape and Image
  • Header and Footer
  • Headline,Paragraph and Hyperlink Support
  • Simply Design Table
  • Icon and Fukidashi (Speech balloon)
  • 2 Columns WebSite Support
  • Responsive Design
  • Additional CSS Code Support

Usage

Please write "css/ArakawaTemplate.css" in the "head" element with the "link" HTML tag.

For example :

<link rel="stylesheet" href="css/ArakawaTemplate.css">

If you use additional CSS code,Please write it after load "ArakawaTemplate.css".

ライセンス / License

Arakawa Template

このプログラムはMITライセンスです。 / Released under the MIT license.
(c)2015-2017 Sora Arakawa all rights reserved.
http://arkw.net/

"img/bg.png" by いらすとや (Irasutoya) 「抽象的なイメージの背景素材(青)」

個人利用、商用利用問わず無償で使用できます。
You can use this image regardless of personal use or commercial use.
http://www.irasutoya.com/2016/08/blog-post_47.html