#サンプルページ
ページのスタイル
見出しのスタイル
Contents
見出し2
<h2>見出し2</h2>
見出し3
<h3>見出し3</h3>
見出し4
<h4>見出し4</h4>
見出し5
<h5>見出し5</h5>
ul箇条書きスタイル
- 箇条書き1
- 箇条書き2
- 箇条書き3
<ul> <li>箇条書き1</li> <li>箇条書き2</li> <li>箇条書き3</li> </ul>
ol箇条書きスタイル
- 箇条書き1
- 箇条書き2
- 箇条書き3
<ol> <li>箇条書き1</li> <li>箇条書き2</li> <li>箇条書き3</li> </ol>
dl箇条書きスタイル
- 定義
- 定義データがはいります。定義データがはいります。定義データがはいります。定義データがはいります。定義データがはいります。
- 定義
- 定義データがはいります。定義データがはいります。定義データがはいります。定義データがはいります。定義データがはいります。
- 定義
- 定義データがはいります。定義データがはいります。定義データがはいります。定義データがはいります。定義データがはいります。
<dl> <dt>定義</dt> <dd>定義データ</dd> <dt>定義</dt> <dd>定義データ</dd> <dt>定義</dt> <dd>定義データ</dd> </dl>
- 定義
- 定義データがはいります。定義データがはいります。定義データがはいります。定義データがはいります。定義データがはいります。
- 定義
- 定義データがはいります。定義データがはいります。定義データがはいります。定義データがはいります。定義データがはいります。
- 定義
- 定義データがはいります。定義データがはいります。定義データがはいります。定義データがはいります。定義データがはいります。
<dl class="dl02"> <dt>定義</dt> <dd>定義データ</dd> <dt>定義</dt> <dd>定義データ</dd> <dt>定義</dt> <dd>定義データ</dd> </dl>
引用スタイル
引用見出し
引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。
<blockquote>引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。</blockquote>
引用見出し
引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。
<blockquote class="bq02">引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。引用が入ります。</blockquote>
テーブルスタイル
| テーブル見出し | テーブル見出し | テーブル見出し |
|---|---|---|
| テーブルのデータ | テーブルのデータ | テーブルのデータ |
| テーブルのデータ | テーブルのデータ | テーブルのデータ |
<table>
<tbody>
<tr>
<th>テーブル見出し</th>
<th>テーブル見出し</th>
<th>テーブル見出し</th>
</tr>
<tr>
<td>テーブルのデータ</td>
<td>テーブルのデータ</td>
<td>テーブルのデータ</td>
</tr>
<tr>
<td>テーブルのデータ</td>
<td>テーブルのデータ</td>
<td>テーブルのデータ</td>
</tr>
</tbody>
</table>
| テーブル見出し | テーブルのデータ | テーブルのデータ |
|---|---|---|
| テーブル見出し | テーブルのデータ | テーブルのデータ |
<table>
<tbody>
<tr>
<th>テーブル見出し</th>
<td>テーブルのデータ</td>
<td>テーブルのデータ</td>
</tr>
<tr>
<th>テーブル見出し</th>
<td>テーブルのデータ</td>
<td>テーブルのデータ</td>
</tr>
</tbody>
</table>
| テーブル見出し | テーブル見出し | テーブル見出し |
|---|---|---|
| テーブルのデータ | テーブルのデータ | テーブルのデータ |
| テーブルのデータ | テーブルのデータ | テーブルのデータ |
<table class="res-h">
<tbody>
<tr>
<th>テーブル見出し</th>
<th>テーブル見出し</th>
<th>テーブル見出し</th>
</tr>
<tr>
<td>テーブルのデータ</td>
<td>テーブルのデータ</td>
<td>テーブルのデータ</td>
</tr>
<tr>
<td>テーブルのデータ</td>
<td>テーブルのデータ</td>
<td>テーブルのデータ</td>
</tr>
</tbody>
</table>
| テーブル見出し | テーブルのデータ | テーブルのデータ |
|---|---|---|
| テーブル見出し | テーブルのデータ | テーブルのデータ |
<table class="res-v">
<tbody>
<tr>
<th>テーブル見出し</th>
<td>テーブルのデータ</td>
<td>テーブルのデータ</td>
</tr>
<tr>
<th>テーブル見出し</th>
<td>テーブルのデータ</td>
<td>テーブルのデータ</td>
</tr>
</tbody>
</table>
ワークフローのスタイル(class:flow)
ワークフローの見出し３
ステップ１の流れが入ります。ステップ１の流れが入ります。ステップ１の流れが入ります。ステップ１の流れが入ります。ステップ１の流れが入ります。
ワークフローの見出し３
<div class="flow clearFix"> <p><img src="https://miyamoto-ind.jp/wp/wp-content/themes/ghgh/img/sample_thumnail01.png" alt=""></p> <div> <h3>ワークフローの見出し３</h3> ステップ１の流れが入ります。ステップ１の流れが入ります。ステップ１の流れが入ります。ステップ１の流れが入ります。ステップ１の流れが入ります。 </div> </div>
<div class="flow_mark"> <img src="https://miyamoto-ind.jp/wp/wp-content/themes/ghgh/img/flow_mark.png"> </div>
<div class="flow_bold"> <h3>ワークフローの見出し３</h3> </div>
イメージボックススタイル
見出し3
文章が入ります文章が入ります文章が入ります文章が入ります文章が入ります文章が入ります
<p class="sample">イメージボックススタイル</p> <div class="image-box clearFix"> <p><img src="https://miyamoto-ind.jp/wp/wp-content/themes/ghgh/img/sample_medium01.png" alt="サンプル画像" scale="0"></p> <div> <h3>見出し3</h3> 文章が入ります文章が入ります文章が入ります文章が入ります文章が入ります文章が入ります </div> </div>
QandAスタイル
- 質問が入ります。質問が入ります。質問が入ります。質問が入ります。質問が入ります。
- 解答が入ります。解答が入ります。解答が入ります。解答が入ります。解答が入ります。
<dl class="qanda"> <dt>質問が入ります。質問が入ります。質問が入ります。質問が入ります。質問が入ります。</dt> <dd>解答が入ります。解答が入ります。解答が入ります。解答が入ります。解答が入ります。</dd> </dl>
ウェブフォント
ホーム
チェック
ダウンロード
注意
カート
<p><i class="fa fa-home"></i> ホーム</p> <p><i class="fa fa-check"></i> チェック</p> <p><i class="fa fa-download"></i> ダウンロード</p> <p><i class="fa fa-warning"></i> 注意</p> <p><i class="fa fa-shopping-cart"></i> カート</p>
レスポンシブで横長画像の差し替え
プラグインなし
プラグインあり
<img class="res_img" src="https://miyamoto-ind.jp/wp/wp-content/themes/ghgh/img/responsiveimg.png"> ※スマートフォンサイズ(468px以下)ではresponsiveimg_sp.pngという画像に切り替わる
フォームスタイル
<form method="post" action="" enctype="multipart/form-data">
<table>
<tbody>
<tr>
<th>会社名</th>
<td><input type="text" name="会社名" size="60" value="" /></td>
</tr>
<tr>
<th>お名前（必須）</th>
<td><input type="text" name="お名前" size="60" value="" /></td>
</tr>
<tr>
<th>性別</th>
<td>
<label><input type="radio" name="性別" value="男性" />男性</label>
<label><input type="radio" name="性別" value="女性" />女性</label>
</td>
</tr>
<tr>
<th>メールアドレス</th>
<td><input type="email" name="メールアドレス" size="30" value="" /></td>
</tr>
<tr>
<th>メールアドレス(確認)</th>
<td><input type="email" name="メールアドレス(確認)" size="30" value="" /></td>
</tr>
<tr>
<th>郵便番号</th>
<td><input type="text" name="郵便番号" id="zip" size="7" value="" /></td>
</tr>
<tr>
<th>都道府県</th>
<td><input type="text" name="都道府県" id="pref" size="10" value="" /></td>
</tr>
<tr>
<th>市町村</th>
<td><input type="text" name="市町村" id="city" size="10" value="" /></td>
</tr>
<tr>
<th>その他住所</th>
<td><input type="text" name="その他住所" id="addr" size="60" value="" /></td>
</tr>
<tr>
<th>TEL（必須）</th>
<td><span class="mwform-tel-field">
<input type="text" name="TEL[data][0]" size="6" maxlength="5" />
-
<input type="text" name="TEL[data][1]" size="5" maxlength="4" />
-
<input type="text" name="TEL[data][2]" size="5" maxlength="4" />
</span></td>
</tr>
<tr>
<th>FAX</th>
<td><span class="mwform-tel-field">
<input type="text" name="FAX[data][0]" size="6" maxlength="5" />
-
<input type="text" name="FAX[data][1]" size="5" maxlength="4" />
-
<input type="text" name="FAX[data][2]" size="5" maxlength="4" />
</span></td>
</tr>
<tr>
<th>ご相談内容</th>
<td><span class="vertical-item">
<label><input type="checkbox" name="ご相談内容[data][]" value="相談1" />相談1</label>
</span><span class="vertical-item">
<label><input type="checkbox" name="ご相談内容[data][]" value="相談2" />相談2</label>
</span><span class="vertical-item">
<label><input type="checkbox" name="ご相談内容[data][]" value="その他" />その他</label>
</span>
</td>
</tr>
<tr>
<th>内容（必須）</th>
<td><textarea name="内容" cols="50" rows="5"></textarea></td>
</tr>
</tbody>
</table>
<p>
<input type="submit" name="submitConfirm" value="確認" />
<input type="reset" name="reset" value="リセット">
</p>
</form>
特別なページのスタイル
お問い合わせリンクスタイル
<div class="contact">
<div id="contact_sb">
<p class="lead">◯◯◯◯◯に関することはお気軽にお問い合わせください！</p>
<p class="tel"><a href="#"><i class="fa fa-phone" aria-hidden="true"></i> 000-000-0000<br><span>営業時間 月～金 9:00～18:00</span></a></p>
<p class="mail"><a href="#"><i class="fa fa-envelope-o" aria-hidden="true"></i> お問い合わせ・資料請求</a></p>
<p class="ex">メールは24時間受け付けております。</p>
</div>
こちらの記事も読まれています。
安全優良職長表彰 受賞 1月10日 協和建設工業株式会社様より
弊社社員が安全優良職長表彰に選ばれました。
頑張りが認められ、表彰された本人も嬉しかったと思います。
今後も社員一同
頑張って行きたいと思います。 […]
資格取得のための教育 1月19日に技能検定の実技試験があり、2月5日に筆記試験がありますが、この度現場女子が2級の試験に挑戦をしています。
実技試験の組立練習は、入社してからの教育期間中にも練習しながら組み立てていましたし、その後も時間を見つけては随時練習を行ってきました。
試験前には集中的に先輩からのアドバイスを受けながら練習をしている姿が見受けられました。
タイムを計 […]
やまぐち健康経営企業認定 2018年から取り組んでいるやまぐち健康経営ですが、今年度も認定企業更新されました。
感染症対策などから大規模な取り組みを促進する事は出来ませんが、3月の社員一斉健康診断の結果をもとに更に取り組んで行けるようにしたいと思います。
[…]
