Base Design Code - いまいリウマチ・リハビリテーション

BasePageMenu01

BasePageMenu01 TypeCenter

BasePageMenu02

<div class="boxBasePageMenu02">
  <nav>
    <div class="boxCont01F">
      <div class="boxCont01FOne">
        <a href="">
          <div class="boxImg">
            <img src="https://imai-rehabilitation.jp/wp-content/themes/imai/images/base/base-page-menu02-img0101.jpg" alt="">
          </div>
          <div class="boxTxt">
            <p class="ttlCont01F">
              <span class="ttlJa">サンプル１</span>
              <span class="ttlEn">Sample1</span>
            </p>
          </div>
        </a>
      </div>

<div class="boxCont01FOne">
        <a href="">
          <div class="boxImg">
            <img src="https://imai-rehabilitation.jp/wp-content/themes/imai/images/base/base-page-menu02-img0102.jpg" alt="">
          </div>
          <div class="boxTxt">
            <p class="ttlCont01F">
              <span class="ttlJa">サンプル２</span>
              <span class="ttlEn">Sample2</span>
            </p>
          </div>
        </a>
      </div>

<div class="boxCont01FOne">
        <a href="">
          <div class="boxImg">
            <img src="https://imai-rehabilitation.jp/wp-content/themes/imai/images/base/base-page-menu02-img0103.jpg" alt="">
          </div>
          <div class="boxTxt">
            <p class="ttlCont01F">
              <span class="ttlJa">サンプル３</span>
              <span class="ttlEn">Sample3</span>
            </p>
          </div>
        </a>
      </div>

<div class="boxCont01FOne">
        <a href="">
          <div class="boxImg">
            <img src="https://imai-rehabilitation.jp/wp-content/themes/imai/images/base/base-page-menu02-img0104.jpg" alt="">
          </div>
          <div class="boxTxt">
            <p class="ttlCont01F">
              <span class="ttlJa">サンプル４</span>
              <span class="ttlEn">Sample4</span>
            </p>
          </div>
        </a>
      </div>

<div class="boxCont01FOne">
        <a href="">
          <div class="boxImg">
            <img src="https://imai-rehabilitation.jp/wp-content/themes/imai/images/base/base-page-menu02-img0105.jpg" alt="">
          </div>
          <div class="boxTxt">
            <p class="ttlCont01F">
              <span class="ttlJa">サンプル５</span>
              <span class="ttlEn">Sample5</span>
            </p>
          </div>
        </a>
      </div>

<div class="boxCont01FOne">
        <a href="">
          <div class="boxImg">
            <img src="https://imai-rehabilitation.jp/wp-content/themes/imai/images/base/base-page-menu02-img0106.jpg" alt="">
          </div>
          <div class="boxTxt">
            <p class="ttlCont01F">
              <span class="ttlJa">サンプル６</span>
              <span class="ttlEn">Sample6</span>
            </p>
          </div>
        </a>
      </div>

</div>
  </nav>
</div>

DlBase01

項目1 テキスト: 内容1テキストテキストテキストテキストテキスト。
テキストテキストテキストテキストテキストテキストテキスト。[MAP]

項目2: 内容2テキストテキストテキストテキストテキスト。
テキストテキストテキストテキストテキストテキストテキスト。
テキストテキストテキストテキストテキストテキストテキスト。

DlBase01 TypeTop

項目1 テキスト: 内容1テキストテキストテキストテキストテキスト。
テキストテキストテキストテキストテキストテキストテキスト。[MAP]

項目2: 内容2テキストテキストテキストテキストテキスト。
テキストテキストテキストテキストテキストテキストテキスト。
テキストテキストテキストテキストテキストテキストテキスト。

ulBase01

カテゴリ１
カテゴリ２
カテゴリ３

ulBase02

カテゴリ１
カテゴリ２
カテゴリ３

ulBaseCat01

カテゴリ１
カテゴリ２
カテゴリ３

ulBaseCat01 TypeBorder

カテゴリ１
カテゴリ２
カテゴリ３

ulBaseCatMenu01

ulBaseMenu01

ttlBase0101

見出しテキスト MIDASHI TEXT

ttlBase0101 TypeReverse

見出しテキスト MIDASHI TEXT

ttlBase0102

見出しテキスト Midashi Text

ttlBase0102 TypeRight

見出しテキスト Midashi Text

ttlBase0102 TypeReverse

見出しテキスト Midashi Text

ttlBase0103

サンプル

BaseSign

会社名テキスト代表取締役社長

山田太郎

BaseSign TypeRow2

会社名テキスト代表取締役社長

山田太郎

BaseSign TypeRow2 TypeLeft

会社名テキスト代表取締役社長

山田太郎

LinkBase01

sample サンプル sample link サンプルテキスト

LinkBase01 TypeLeft

sample サンプル sample link サンプルテキスト

LinkBase02 Animation FlowRight

サンプル Sample

<a href="" class="linkBase02 aniFlowRight">
  <div class="boxLinkBase02Txt">
    <span class="txtJa flowTarget">サンプル</span>
    <span class="txtEn flowTarget">Sample</span>
  </div>
  <div class="boxLinkBase02Img">
    <img src="https://imai-rehabilitation.jp/wp-content/themes/imai/images/base/base-link02-img01.jpg" alt="">
  </div>
  <img src="https://imai-rehabilitation.jp/wp-content/themes/imai/images/base/base-link02-icn-arrow01.png" alt="" class="icnLinkBase02Arrow01">
</a>
<a href="" class="linkBase02 aniFlowRight">
  <div class="boxLinkBase02Txt">
    <span class="txtJa flowTarget">サンプル</span>
    <span class="txtEn flowTarget">Sample</span>
  </div>
  <div class="boxLinkBase02Img">
    <img src="https://imai-rehabilitation.jp/wp-content/themes/imai/images/base/base-link02-img01.jpg" alt="">
  </div>
  <img src="https://imai-rehabilitation.jp/wp-content/themes/imai/images/base/base-link02-icn-arrow01.png" alt="" class="icnLinkBase02Arrow01">
</a>

LinkBase03 Animation MoveToRight

サンプル

LinkBase04 Animation FlowRight

サンプル

LinkBase05

サンプル

LinkBase06

サンプル

LinkBase07

サンプル

LinkBase08

サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル

※base.js 必須

BoxAnimation AniFadein02 TypeFromRight TypeNormal TypeBlue

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。

BoxAnimation AniFadein02 TypeFromLeft TypeNormal TypeBlue

テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。

Animation AniFadein

Animation AniBaseGrayOff01

BaseList0101

0000.00.00

#カテゴリ1

サンプルテキストテキスト1

0000.00.00

#カテゴリ2

サンプルテキストテキスト2

0000.00.00

#カテゴリ3

サンプルテキストテキスト3

<div class="boxBaseList0101">
  <div class="boxBaseList0101One">
    <div class="boxListMeta">
      <div class="boxListDate">0000.00.00</div>
      <ul class="ulListCat">
        <li><a href="https://imai-rehabilitation.jp/">#カテゴリ1</a></li>
      </ul>
    </div>
    <h3 class="ttlList">
      <a href="https://imai-rehabilitation.jp/">サンプルテキストテキスト1</a>
    </h3>
  </div>
  <div class="boxBaseList0101One">
    <div class="boxListMeta">
      <div class="boxListDate">0000.00.00</div>
      <ul class="ulListCat">
        <li><a href="https://imai-rehabilitation.jp/">#カテゴリ2</a></li>
      </ul>
    </div>
    <h3 class="ttlList">
      <a href="https://imai-rehabilitation.jp/">サンプルテキストテキスト2</a>
    </h3>
  </div>
  <div class="boxBaseList0101One">
    <div class="boxListMeta">
      <div class="boxListDate">0000.00.00</div>
      <ul class="ulListCat">
        <li><a href="https://imai-rehabilitation.jp/">#カテゴリ3</a></li>
      </ul>
    </div>
    <h3 class="ttlList">
      <a href="https://imai-rehabilitation.jp/">サンプルテキストテキスト3</a>
    </h3>
  </div>
</div>

csnkSliderA

※csnkslider-a.js 必須

<?php $copy = '
      <li class="csnkSliderAOne">
        <img src="'.esc_url(get_stylesheet_directory_uri()).'/images/base/base-img0101.jpg" alt="">
      </li>
      <li class="csnkSliderAOne">
        <img src="'.esc_url(get_stylesheet_directory_uri()).'/images/base/base-img0102.jpg" alt="">
      </li>
      <li class="csnkSliderAOne">
        <img src="'.esc_url(get_stylesheet_directory_uri()).'/images/base/base-img0103.jpg" alt="">
      </li>
      <li class="csnkSliderAOne">
        <img src="'.esc_url(get_stylesheet_directory_uri()).'/images/base/base-img0104.jpg" alt="">
      </li>
      <li class="csnkSliderAOne">
        <img src="'.esc_url(get_stylesheet_directory_uri()).'/images/base/base-img0105.jpg" alt="">
      </li>'; ?>
<div class="csnkSliderAWrap">
  <div class="csnkSliderA" id="csnkSliderA01">
    <ul class="csnkSliderALine">
<?php echo $copy; ?>
    </ul>
    <ul class="csnkSliderALine">
<?php echo $copy; ?>
    </ul>
  </div>
</div>

診療時間	月	火	水	木	金	土	日・祝
9：00 ～ 13：00						14：00 まで
15：00 ～ 18：00			リハビリ・手術	リハビリ・手術

BasePageMenu01

BasePageMenu01 TypeCenter

BasePageMenu02

DlBase01

DlBase01 TypeTop

ulBase01

ulBase02

ulBaseCat01

ulBaseCat01 TypeBorder

ulBaseCatMenu01

ulBaseMenu01

ttlBase0101

見出しテキスト MIDASHI TEXT

ttlBase0101 TypeReverse

見出しテキスト MIDASHI TEXT

ttlBase0102

見出しテキスト Midashi Text

ttlBase0102 TypeRight

見出しテキスト Midashi Text

ttlBase0102 TypeReverse

見出しテキスト Midashi Text

ttlBase0103

サンプル

BaseSign

BaseSign TypeRow2

BaseSign TypeRow2 TypeLeft

LinkBase01

LinkBase01 TypeLeft

LinkBase02 Animation FlowRight

LinkBase03 Animation MoveToRight

LinkBase04 Animation FlowRight

LinkBase05

LinkBase06

LinkBase07

LinkBase08

BoxAnimation AniFadein02 TypeFromRight TypeNormal TypeBlue

BoxAnimation AniFadein02 TypeFromLeft TypeNormal TypeBlue

Animation AniFadein

Animation AniBaseGrayOff01

BaseList0101

サンプルテキストテキスト1

サンプルテキストテキスト2

サンプルテキストテキスト3

csnkSliderA

診療時間・問診表