Skip to content

arkwnet/ArakawaTemplate

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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 Webpage 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-2019 Sora Arakawa all rights reserved.
https://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