<!-- tpcms-form: {
  "label": "07_背景画像 ＋ ボタン",
  "category": "03_コンテンツ",
  "fields": [
    { "type": "file", "key": "FILE", "label": "画像をアップロードします", "image_max_width": 1000, "image_quality": 82 },
    { "key":"TEXT1", "type":"text", "label":"ボタンタイトル１（※短めに）" },
    { "key": "ICON1", "type": "select", "label": "ボタンタイトル１に使うアイコン（未使用でもOK）", "placeholder": "選択してください", "options": [["fa-solid fa-envelope","メール"], ["fa-solid fa-phone-volume","TEL"]] },
    { "key": "LINK_URL1", "type": "text", "label": "リンク先URL" },
    { "key":"TEXT2", "type":"text", "label":"ボタンタイトル２（※短めに。２つ目は未使用でもOK。）" },
    { "key": "ICON2", "type": "select", "label": "ボタンタイトル２に使うアイコン（未使用でもOK）", "placeholder": "選択してください", "options": [["fa-solid fa-envelope","メール"], ["fa-solid fa-phone-volume","TEL"]] },
    { "key": "LINK_URL2", "type": "text", "label": "リンク先URL" }
  ]
} -->

<div class="bg-slideup slideup2" style="background-image: url('./uploads/{{FILE}}');">

<section class="btn-box">

<ul class="btn">
<li>{{#IF_LINK_URL1}}<a href="{{LINK_URL1}}">{{/IF_LINK_URL1}}<i class="{{ICON1}}"></i>{{TEXT1}}{{#IF_LINK_URL1}}</a>{{/IF_LINK_URL1}}</li>
{{#IF_TEXT2}}<li>{{#IF_LINK_URL2}}<a href="{{LINK_URL2}}">{{/IF_LINK_URL2}}<i class="{{ICON2}}"></i>{{TEXT2}}{{#IF_LINK_URL2}}</a>{{/IF_LINK_URL2}}</li>{{/IF_TEXT2}}
</ul>

</section>

</div>
