サンプルページ | 株式会社 友和会
株式会社 友和会 ロゴ
MENU

サンプルページ

お申込みはこちらから
詳しく見る
詳しく見る

.ff-lato

.ff-lato.fw-bold

.ff-lato-italic

.ff-lato-italic.fw-bold

ABOUT US

株式会社友和会について

COMPANY

会社概要

CONSULTATION

地域の皆様のご相談お待ちしております

https://www.yuuwakai.co.jp/recruit/entry/?kinds=求人への応募&occupation=営業職
https://www.yuuwakai.co.jp/recruit/entry/?kinds=求人への応募&occupation=事務職
home_url() https://www.yuuwakai.co.jp/sample-page/ get_post_type_archive_link() get_term_link() https://www.yuuwakai.co.jp/privacy-policy/

https://www.yuuwakai.co.jp/wp-content/themes/yuuwakai/assets/images
https://www.yuuwakai.co.jp/wp-content/themes/yuuwakai

Bootstrap

Build fast, responsive sites with Bootstrap

Currently v5.1.3

Anchor Link img-max

home.php

文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文

文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文

文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文


文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文文字文字文字

文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文文字文字文字

文字文字文字文文字
文字文字文

文字文字文字文文字
文字文字文

文字文字文字文文字
文字文字文

文字文字文字文文字
文字文字文

Title

p fs-16

 <p></p>

Container

.container-fluid
.container-artboards
.container-artboards .container-xl

Link color & target="_new"

<a href="https://getbootstrap.com/" target="_new" rel="noopener">https://getbootstrap.com/</a>

Color

.text-default

.text-main

.text-accent

.bg-default
.bg-main
.bg-accent
.bg-primary
.bg-secondary
.bg-success
.bg-info
.bg-warning
.bg-danger
.bg-light
.bg-dark
$default-text: #212121;
$mainColor: #692326;

Font Family

.ff-gothic 游ゴシック

.ff-mincyo 游明朝体

Font Weight

Bold text.

Bolder weight text (relative to the parent element).

Semibold weight text.

Medium weight text.

Normal weight text.

Light weight text.

Lighter weight text (relative to the parent element).

Italic text.

Text with normal font style


Regular weight text. .fw-regular

Demibold weight text. .fw-demibold

Web Font

ff-futura fw-light Futura PT (Typekit)[Light]

ff-futura fw-normal Futura PT (Typekit)[Book]

ff-futura fw-medium Futura PT (Typekit)[Medium]

ff-futura fw-bold Futura PT (Typekit)[Bold]

Line Height

Anchor Link img-max

.lh-season fs-14 ホテルの一流シェフたちが自信をもって贈る多彩な料理。うれしい「飲み放題」の特典も付いたお得なプラン。

.lh-season fs-14 mincyo 熊本ホテルキャッスルでは、
おすすめご宿泊プランをご用意しております。

//フォントサイズ+10px
.lh-season{
line-height: calc(1em + #{10 / $font-size-root-num}rem);
}

Reset color

reset link.
Muted text with a reset link.

<p class="text-danger">
<a href="#" class="text-decoration-underline">reset link</a>.<br>
Muted text with a <a href="#" class="text-reset text-decoration-underline">reset link</a>.
</p>

Text decoration

This text has a line underneath it.

This text has a line going through it.

This link has its text decoration removed

This link has its hover text decoration

<p class="text-decoration-underline">This text has a line underneath it.</p>
<p class="text-decoration-line-through">This text has a line going through it.</p>
<a href="#" class="">This link has its text decoration removed</a>
<a href="#" class="td-hover-underline">This link has its hover text decoration</a>
<a href="#" class="text-decoration-underline">This link has its text decoration removed</a>

Inview

no class data-inview

.inview-up data-inview

.inview-left data-inview

.inview-right data-inview

.inview-blocks data-inview span.char

.inview-lettering data-inview data-lettering

data-inview data-shuffle

お客様とのご縁に、心より感謝。

<h2 class="" data-inview>no class data-inview</h2>
<h2 class="inview-up" data-inview>.inview-up data-inview</h2>
<h2 class="inview-left" data-inview>.inview-left data-inview</h2>
<h2 class="inview-right" data-inview>.inview-right data-inview</h2>
<h2 class="inview-blocks" data-inview><span class="char">.inview-blocks data-inview span.char</span></h2>
<h2 class="inview-lettering" data-inview data-lettering>.inview-lettering data-inview data-lettering</h2>
<h2 class="" data-inview data-shuffle>data-inview data-shuffle</h2>

Swiper

これはサンプルページです。同じ位置に固定され、(多くのテーマでは) サイトナビゲーションメニューに含まれる点がブログ投稿とは異なります。まずは、サイト訪問者に対して自分のことを説明する自己紹介ページを作成するのが一般的です。たとえば以下のようなものです。

はじめまして。昼間はバイク便のメッセンジャーとして働いていますが、俳優志望でもあります。これは僕のサイトです。ロサンゼルスに住み、ジャックという名前のかわいい犬を飼っています。好きなものはピニャコラーダ、そして通り雨に濡れること。

または、このようなものです。

XYZ 小道具株式会社は1971年の創立以来、高品質の小道具を皆様にご提供させていただいています。ゴッサム・シティに所在する当社では2,000名以上の社員が働いており、様々な形で地域のコミュニティへ貢献しています。

新しく WordPress ユーザーになった方は、ダッシュボードへ行ってこのページを削除し、独自のコンテンツを含む新しいページを作成してください。それでは、お楽しみください !