相談会 - シンプル/文字のみ

ソースコードの使用で、以下のようなイベントページが作成できます。

https://www.ie-miru.jp/cms/yoyaku/yoshikawademo/events/103193

イベントテンプレートの使用方法はこちらからご確認ください。

概要

<div style="color:#fff; padding: 4px; margin-bottom: 8px; height: 32px; background-color:#272727; font-weight: bold; width: -webkit-fill-available;display: grid;text-align:center;align-items: center;">開催日時・開催場所</div>
<div style="text-align: center;"><strong>【開催日】</strong>1/28(火)〜2/16(日)</div>
<div style="text-align: center;"><strong>【開催時間】</strong>10:00〜18:00</div>
<div style="text-align: center;"><strong>【開催場所】</strong>岡山市北区今周辺</div>
<div style="text-align: center;">※火曜・第三水曜は定休日※</div>
<div><hr /><div>&nbsp;</div></div>
<div><img alt="" src="<https://www.ie-miru.jp/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBdzIrRUE9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--f9165a84799269742d827b118a3d92c7f82d526a/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2QzNKbGMybDZaVWtpQ0RZeU1BWTdCbFE9IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--8e680cffc9b97c3de5ceb51b5978f41cc8b7488b/image-20240322123111-1.png>"/></div>

こんな方におすすめ

<div class="biz_template"><img alt="" src="<https://www.ie-miru.jp/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjMyNDcxMSwicHVyIjoiYmxvYl9pZCJ9fQ==--8d8076b923b8bde8027c67d5ca07154d34ccdb6a/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiI2MjAifSwicHVyIjoidmFyaWF0aW9uIn19--23d391ae4e58614c9dbfb674c107d0a01d2bca83/image-20250926132617-1.png>" /></div>
<div>&nbsp;</div>
<strong><span style="font-size:18px;"><span style="color:#272727;">●</span> 住宅購入を検討され始めた方</span></strong>
<div style="padding: 6px;">ポイント１についてさらに詳細な説明がある場合、ここに入力してください。ポイント１についてさらに詳細な説明がある場合、ここに入力してください。</div>
<div>&nbsp;</div>
<strong><span style="font-size:18px;"><span style="color:#272727;">●</span> お持ちの土地に合ったお家づくりをしたい方</span></strong>
<div style="padding: 6px;">ポイント２についてさらに詳細な説明がある場合、ここに入力してください。ポイント２についてさらに詳細な説明がある場合、ここに入力してください。</div>
<div>&nbsp;</div>
<strong><span style="font-size:18px;"><span style="color:#272727;">●</span> 耐震性、耐熱性の高い家の間取りを知りたい方</strong></span>
<div style="padding: 6px;">ポイント３についてさらに詳細な説明がある場合、ここに入力してください。ポイント３についてさらに詳細な説明がある場合、ここに入力してください。</div>
<div>&nbsp;</div>
<strong><span style="font-size:18px;"><span style="color:#272727;">●</span> 家事や子育てなど、動線の効率化をしたい方</strong></span>
<div style="padding: 6px;">ポイント４についてさらに詳細な説明がある場合、ここに入力してください。ポイント４についてさらに詳細な説明がある場合、ここに入力してください。</div>
<div>&nbsp;</div>
<strong><span style="font-size:18px;"><span style="color:#272727;">●</span> お家づくりの基本を知りたい方</strong></span>
<div style="padding: 6px;">ポイント５についてさらに詳細な説明がある場合、ここに入力してください。ポイント５についてさらに詳細な説明がある場合、ここに入力してください。</div>

相談会の内容

<div class="biz_template"><img alt="" src="<https://www.ie-miru.jp/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjMyNTgzNywicHVyIjoiYmxvYl9pZCJ9fQ==--5e2cc7c3e91da551f4ff77caed2be37c3c517585/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiI2MjAifSwicHVyIjoidmFyaWF0aW9uIn19--23d391ae4e58614c9dbfb674c107d0a01d2bca83/image-20250926162627-1.png>" /></div>
<div>&nbsp;</div>
<div style="display:flex;margin-top:0.5rem;align-items: center;">
<div style="color:#fff;display:flex;padding:4px;width: 20px;height: 20px;border-radius:50%;border:2px solid #272727;background-color:#272727;font-weight:bold;flex-shrink:0;justify-content:space-around;align-items:center;"><span style="font-size:16px;">1</span></div>
<div style="padding-left: 6px;"><strong><span style="font-size:18px;">家づくりのポイントを学べる</span></strong></div></div>
<div style="padding: 6px;">ポイント１についてさらに詳細な説明がある場合、ここに入力してください。ポイント１についてさらに詳細な説明がある場合、ここに入力してください。</div>
<div>&nbsp;</div>
<div style="display:flex;margin-top:0.5rem;align-items: center;">
<div style="color:#fff;display:flex;padding:4px;width: 20px;height: 20px;border-radius:50%;border:2px solid #272727;background-color:#272727;font-weight:bold;flex-shrink:0;justify-content:space-around;align-items:center;"><span style="font-size:16px;">2</span></div>
<div style="padding-left: 6px;"><strong><span style="font-size:18px;">お悩みのことをなんでもご相談可能</span></strong></div></div>
<div style="padding: 6px;">ポイント２についてさらに詳細な説明がある場合、ここに入力してください。ポイント２についてさらに詳細な説明がある場合、ここに入力してください。</div>
<div>&nbsp;</div>
<div style="display:flex;margin-top:0.5rem;align-items: center;">
<div style="color:#fff;display:flex;padding:4px;width: 20px;height: 20px;border-radius:50%;border:2px solid #272727;background-color:#272727;font-weight:bold;flex-shrink:0;justify-content:space-around;align-items:center;"><span style="font-size:16px;">3</span></div>
<div style="padding-left: 6px;"><strong><span style="font-size:18px;">併設のモデルルームも見学できる</span></strong></div></div>
<div style="padding: 6px;">ポイント３についてさらに詳細な説明がある場合、ここに入力してください。ポイント３についてさらに詳細な説明がある場合、ここに入力してください。</div>
<div>&nbsp;</div>
<div style="display:flex;margin-top:0.5rem;align-items: center;">
<div style="color:#fff;display:flex;padding:4px;width: 20px;height: 20px;border-radius:50%;border:2px solid #272727;background-color:#272727;font-weight:bold;flex-shrink:0;justify-content:space-around;align-items:center;"><span style="font-size:16px;">4</span></div>
<div style="padding-left: 6px;"><strong><span style="font-size:18px;">キッズルームでお子様連れも安心</span></strong></div></div>
<div style="padding: 6px;">ポイント４についてさらに詳細な説明がある場合、ここに入力してください。ポイント４についてさらに詳細な説明がある場合、ここに入力してください。</div>
<div>&nbsp;</div>
<div style="display:flex;margin-top:0.5rem;align-items: center;">
<div style="color:#fff;display:flex;padding:4px;width: 20px;height: 20px;border-radius:50%;border:2px solid #272727;background-color:#272727;font-weight:bold;flex-shrink:0;justify-content:space-around;align-items:center;"><span style="font-size:16px;">5</span></div>
<div style="padding-left: 6px;"><span style="font-size:18px;"><strong>設計のプロに直接相談できる</strong></span></div></div>
<div style="padding: 6px;">ポイント５についてさらに詳細な説明がある場合、ここに入力してください。ポイント５についてさらに詳細な説明がある場合、ここに入力してください。</div>

担当者のご紹介

<div class="biz_template"><img alt="" src="<https://www.ie-miru.jp/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjMyNTU5MSwicHVyIjoiYmxvYl9pZCJ9fQ==--6de22eda58e5e647f3768ac4aa6763c430f391d4/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiI2MjAifSwicHVyIjoidmFyaWF0aW9uIn19--23d391ae4e58614c9dbfb674c107d0a01d2bca83/image-20250926155801-2.png>" /></div>
<div>&nbsp;</div>
<div><img alt="" src="<https://www.ie-miru.jp/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBem9IRXc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--b8d3505378e20762d197b5b0911280e7b3980e6a/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2QzNKbGMybDZaVWtpQ0RZeU1BWTdCbFE9IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--8e680cffc9b97c3de5ceb51b5978f41cc8b7488b/image-20240530185649-2.png>" /></div>
<div>&nbsp;</div>
<div><strong><span style="font-size:18px;">担当者 名前 氏</span></strong></div>
<div>・ここにお持ちの資格やご説明を記載ください。</div>
<div>・ここにお持ちの資格やご説明を記載ください。</div>
<div>・ここにお持ちの資格やご説明を記載ください。</div>
<div>・ここにお持ちの資格やご説明を記載ください。</div>

相談ブースについて

<div class="biz_template"><img alt="" src="<https://www.ie-miru.jp/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MjMyNTU5NCwicHVyIjoiYmxvYl9pZCJ9fQ==--6dbf39d85eac4c0410337af83cfa93fcbf095427/eyJfcmFpbHMiOnsiZGF0YSI6eyJmb3JtYXQiOiJwbmciLCJyZXNpemUiOiI2MjAifSwicHVyIjoidmFyaWF0aW9uIn19--23d391ae4e58614c9dbfb674c107d0a01d2bca83/image-20250926155807-3.png>" /></div>
<div>&nbsp;</div>
<div><img alt="" src="<https://www.ie-miru.jp/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBellIRXc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--c89a5218c45d9d7a191169f20c0b256fe2889ca3/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJY0c1bkJqb0dSVlE2QzNKbGMybDZaVWtpQ0RZeU1BWTdCbFE9IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--8e680cffc9b97c3de5ceb51b5978f41cc8b7488b/image-20240530185509-2.png>" /></div>