コンポーネントリスト
タイトル
c_ttl_1
事例紹介
CASEc_ttl_2
水処理施設・
浄化槽維持管理事例
c_ttl_3
下マージンはPC時40px / SP時30pxで固定
小さい文字が入ることもある
会社案内
株式会社三井開発の
品質方針
(IS09001)
c_ttl_4
下マージンはPC時50px / SP時30pxで固定
事業紹介
c_ttl_5
下マージンはPC時40px / SP時30pxで固定
次世代育成支援対策推進法に基づく一般事業主行動計画について
次世代育成支援対策推進法に基づく一般事業主行
動計画について
ボタン
c_btn_1
c_btn_2
※横幅いっぱいになる
お問い合わせ・c_btn_3
※横幅いっぱいになる
0120-175-321電話をかける(担当:川崎 正憲)c_btn_4
アイコン
c_ico_1
ここに補足コメント
c_ico_2
ここに補足コメント
c_ico_3
ここに補足コメント
テーブル
c_table_1
PCはmax-width: 900px
c_table_2
ここに補足コメント
c_table_3
ここに補足コメント
リスト系
c_cat_list
cat_itemに_01というクラスをつけると緑、_02で青になる
c_list_1
c_list_1にonlyというクラスをつけると、itemがひとつでも表示が崩れない
(ないと崩れる)
c_list_2
itemに_01というクラスをつけると見出しあり、_02で見出しなし用の見た目になる
計画期間
2022年4月1日~2027年3月31日までの5年間
c_list_3
list_in_list, link_txt
道路を横断しているヒューム管の中に土砂が溜まっています。土砂撤去は出来ますか?
対応可能です。高圧洗浄車と強力吸引車を用いて土砂撤去します。高圧洗浄も状況に応じたノズルの選定を行い土砂撤去します。
タイトルタイトルタイトルタイトルタイトルタイトルタイトルタイトルタイトルタイトルタイトル
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
タイトルタイトルタイトルタイトルタイトルタイトルタイトルタイトルタイトルタイトルタイトル
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト
c_list_5
itemというクラスに_currentがつくとフキダシぽくなる
itemというクラスに_color1をつけると_current時にグレー、_color2で青、_color3で緑
_currentがないとこんな感じ
また、itemクラスに_ico1〜_ico8までのクラスをつけてアイコンの切り分けも行う
._currentをつけるとアイコンが白くなる
さらに、c_list_5クラスにつけるクラスを_size1にするか_size2にするかで大きさが変わる
(いままでのは全て_size1)
また、_size2にした場合のみitemに_rowsを設定すると2行にできる(タグやクラスはコードを見てください)
アイテム系
c_item_1
ここに補足コメント
c_item_2
ここに補足コメント
c_item_3
ここに補足コメント
リンク
c_link_1
c_link_1_triggerというクラスをホバーすると、その子孫のc_link_1が反応するようになっています
次世代育成支援対策推進法に基づく一般事業主行動計画について小タイトル
ここに補足コメント
小タイトル
ここに補足コメント