Base Design Code | 松山市「スーパー日東」採用・求人サイト

BaseCopy

リードコピーが入りますリードコピーが入ります

サブコピーがある場合にはこちらにテキストテキスト

リード文のボディーコピー中央揃えで入ります。テキストテキストテキストテキストテキストテキスト
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキス
テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト

BasePageMenu01

BasePageMenu01 TypeCenter

BasePageMenu02

<div class="boxBasePageMenu02">
  <nav>
    <div class="boxCont01F">
      <div class="boxCont01FOne">
        <a href="">
          <div class="boxImg">
            <img src="https://recruit.super-nitto.co.jp/wp-content/themes/nitto/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://recruit.super-nitto.co.jp/wp-content/themes/nitto/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://recruit.super-nitto.co.jp/wp-content/themes/nitto/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://recruit.super-nitto.co.jp/wp-content/themes/nitto/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://recruit.super-nitto.co.jp/wp-content/themes/nitto/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://recruit.super-nitto.co.jp/wp-content/themes/nitto/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>

BasePageMenu03

DlBase01

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

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

DlBase01 TypeTop

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

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

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://recruit.super-nitto.co.jp/wp-content/themes/nitto/images/base/base-link02-img01.jpg" alt="">
  </div>
  <img src="https://recruit.super-nitto.co.jp/wp-content/themes/nitto/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://recruit.super-nitto.co.jp/wp-content/themes/nitto/images/base/base-link02-img01.jpg" alt="">
  </div>
  <img src="https://recruit.super-nitto.co.jp/wp-content/themes/nitto/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://recruit.super-nitto.co.jp/">#カテゴリ1</a></li>
      </ul>
    </div>
    <h3 class="ttlList">
      <a href="https://recruit.super-nitto.co.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://recruit.super-nitto.co.jp/">#カテゴリ2</a></li>
      </ul>
    </div>
    <h3 class="ttlList">
      <a href="https://recruit.super-nitto.co.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://recruit.super-nitto.co.jp/">#カテゴリ3</a></li>
      </ul>
    </div>
    <h3 class="ttlList">
      <a href="https://recruit.super-nitto.co.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>