<?php import_part('c-badge', array(
'text' => 'テキスト', //文言を指定
'style' => 'primary', //modifierを指定 primary,secondary,white,white_secondary
'url' => '', // URLを指定するとaタグになる
)); ?>
スニペット: c-badge
<?php import_part('c-button', array(
'url' => URL_TOP, //【必須】遷移先のURLを指定
'text' => 'ボタン', //【必須】ボタン内の文言を指定
'label' => '', // aria-labelを指定場合
'style' => 'primary', // modifierを指定 primary,secondary,tertiary_01,tertiary_02,tertiary_03,tertiary_04
'className' => '', // 追加でクラスを付与する場合指定する
'isBlank' => false, // trueを渡すと外部リンク// trueを渡すと外部リンク
)); ?>
スニペット: c-button
<?php import_part('c-textLink', array(
'url' => URL_TOP,
'text' => 'リンク',
'label' => '',
'style' => 'primary',
'className' => '',
'isUnderline' => false,
'isBlank' => false,
)); ?>
<?php import_part('c-textLink', array(
'url' => URL_TOP,
'text' => 'リンク',
'label' => '',
'style' => 'secondary',
'className' => '',
'isUnderline' => false,
'isBlank' => false,
)); ?>
<?php import_part('c-textLink', array(
'url' => URL_TOP,
'text' => 'リンク',
'label' => '',
'style' => 'primary',
'className' => '',
'isUnderline' => true,
'isBlank' => false,
)); ?>
<?php import_part('c-textLink', array(
'url' => URL_TOP,
'text' => 'リンク',
'label' => '',
'style' => 'secondary',
'className' => '',
'isUnderline' => true,
'isBlank' => false,
)); ?>
<ul class="c-list">
<li>
テキストが入ります。テキストが入ります。テキストが入ります。
</li>
<li>
テキストが入ります。テキストが入ります。テキストが入ります。
</li>
</ul>
スニペット: c-list
<ol class="c-orderList">
<li>
テキストが入ります。テキストが入ります。テキストが入ります。
</li>
<li>
テキストが入ります。テキストが入ります。テキストが入ります。
</li>
</ol>
スニペット: c-orderList
<dl class="c-dataList">
<dt>
タイトル
</dt>
<dd>
テキストが入ります。テキストが入ります。テキストが入ります。
</dd>
<dt>
タイトル
</dt>
<dd>
テキストが入ります。テキストが入ります。テキストが入ります。
</dd>
</dl>
スニペット: c-dataList
<?php import_part('c-date'); ?>
<?
# JSの動きのみ用意してます。スタイルは別途クラスを付与して使用してください。
# data-slider-loopをつけるとループ
# data-slider-autoplayをつけると自動再生
# data-slider-fadeをつけるとフェードで変更
# data-slider-typeは独自にoptionを使用したいときに追加してください
# data-slider-sync-mainをつけると `splide`内のdata-slider-sync-childrenと連携する
?>
<div class="js-slider splide" data-slider-loop data-slider-autoplay data-slider-center data-slider-type="{key}">
<div class="splide__track">
<ul class="splide__list">
<li class="splide__slide">
</li>
<li class="splide__slide">
</li>
<li class="splide__slide">
</li>
</ul>
</div>
<? # ページネーションが必要な場合は以下を追加 ?>
<ul class="splide__pagination"></ul>
<? # ナビゲーション(arrow)が必要な場合は以下を追加 ?>
<div class="splide__arrows">
<button class="splide__arrow splide__arrow--prev">
<?php pd_svg_sprite('arrow_left') ?>
</button>
<button class="splide__arrow splide__arrow--next">
<?php pd_svg_sprite('arrow_right') ?>
</button>
</div>
<? # カウンターが必要な場合は以下を追加 ?>
<div class="js-slider-counter">
<span class="js-slider-counterCurrent"></span>
/
<span class="js-slider-counterLength"></span>
</div>
</div>
<?php import_part('c-stroll'); ?>
<?php import_part('l-stayCommon'); ?>
「寧々」「了以」ともに、宿泊された方限定でご自由にお飲み物をいただけるクラブラウンジをご用意。
東山、河原町(鴨川)といった観光の中心地にございますので、歩き疲れた体を休めてほっと一息つくことができます。
「了以」では夏季限定で川床もラウンジスペースとしてご利用いただけます。こだわりのドリンクを片手に鴨川沿いで心地よい風を感じながらお寛ぎください。
HOTEL VMG RESORT KYOTO 寧々
〒605-0825 京都府京都市東山区下河原町463-23
アカガネリゾート京都東⼭ 1925
〒605-0828 京都府京都市東山区金園町400-1
⽊屋町 鮒鶴京都鴨川リゾート
〒600-8015 京都府京都市下京区美濃屋町180
<?php pd_svg_sprite('logo'); ?>
スニペット: svg_sprite
<?php import_svg('logo.svg'); ?>
スニペット: import_svg
<?php import_part(
'l-circular',
array(
'isShowConcept' => true, // コンセプトを見せる場合はtrue
'linkList' => array( // 配列でkeyを指定(2〜3)'citystroll','stay','dinner','activity','faq','access'
'citystroll',
'stay',
'dinner',
)
)
); ?>
スニペット: l-circular
<?php import_part(
'p-otherLinks',
array(
'linkList' => array( // 配列でkeyを指定 'citystroll', 'history', 'neighborhood'
'neighborhood',
'neighborhood',
'history',
)
)
); ?>
スニペット: p-otherLinks