app/template/default/index.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% set body_class = 'front_page' %}
  5. {% block stylesheet %}
  6.     <style>
  7. /*いい古墳あります*/
  8.         .elementor-element-cde511d {
  9.             text-align: center;
  10.             color: var( --e-global-color-global_color_1 );
  11.             font-size: 50px;
  12.             font-weight: 600;
  13.             margin-top: 50px;
  14.         }
  15. @media only screen and (max-width: 768px) {
  16.         .elementor-element-cde511d {
  17.             font-size: 30px;
  18.             margin-top: 30px;
  19. }
  20. }
  22. /*樹木葬の新形態「古墳墓」*/
  23.         .elementor-element-a2b7db4 h2 {
  24.             text-align: center;
  25.             color: var( --e-global-color-global_color_4 );
  26.             font-size: 38px;
  27.             font-weight: 600;
  28.         }
  29. @media only screen and (max-width: 768px) {
  30.         .elementor-element-a2b7db4 h2 {
  31.             font-size: 24px;
  32.         }
  33. }
  34. /*イントロ*/
  35.         .elementor-element-5da587c {
  36.             text-align: center;
  37.             font-size: 18px;
  38.             line-height: 2;
  39.         }
  40. @media only screen and (max-width: 768px) {
  41.         .elementor-element-5da587c {
  42.             font-size: 15px;
  43.             line-height: 1.5;
  44.             padding: 10px 20px 10px 20px;
  45. }
  46. }
  52. /*ボタン*/
  53. .elementor-element-27d69a7 {
  54.             display: flex;
  55.             flex-wrap: wrap;
  56.             margin: 30px auto;
  57.             justify-content: center;
  58. }
  59. .elementor-element-row {
  60.             width: 50%;
  61.             text-align: center;
  62.             flex-direction: row;
  63.             margin-bottom: 20px;
  64. }    
  65. @media (max-width: 768px) {
  66. .elementor-element-row {
  67.             width: 100%;
  68. }
  69. }        
  70. .elementor-element-row p {
  71.     margin-top: 10px;
  72.             text-align: center;
  73.             font-size: 14px;
  74.             line-height: 1.5;
  75. }
  76. .elementor-button span {
  77.             text-decoration: inherit;
  78.             display: inline-block;
  79.         }
  80. .elementor-button {
  81.             display: inline-block;
  82.             line-height: 1;
  83.             font-size: 20px;
  84.             font-weight: bold;
  85.             border-radius: 3px;
  86.             color: #fff;
  87.             fill: #fff;
  88.             text-align: center;
  89.             transition: all .3s;
  90.             background-color: #000000;
  91.             width:80%;
  92.             padding-top: 30px;
  93.             padding-bottom: 30px;
  94. }
  96. @media only screen and (max-width: 768px) {
  97.         .elementor-button {
  98.             font-size: 17px;
  99.             padding: 20px 30px 20px 30px;
  100. }
  101. }
  104.     </style>
  105. {% endblock %}
  114. {% block main %}
  115.     <div class="elementor-element-cde511d">
  116.         <p>＼ いい古墳あります！／</p>
  117.     </div>
  118.     <div class="elementor-element-a2b7db4">
  119.         <h2>樹木葬の新形態「古墳墓」</h2>
  120.     </div>
  121.     <div class="elementor-element-5da587c">
  122.         <p>墓石を建てる時代は終わりました。<br>いまや新規に販売される墓の半数以上が「樹木葬」です。<br>樹木葬は西洋式が一般的ですが、日本には日本式の樹木葬があっても良いはず。<br>それが<strong>古墳墓</strong>です！</p>
  123.     </div>
  124.     <div class="elementor-element-27d69a7">
  125.         <div class="elementor-element-row">
  126.             <a class="elementor-button" href="{{ url('product_list') }}?category_id=1">
  127.                 <span>販売中の古墳はこちらから</span>
  128.             </a>
  129.             <p><strong>現在販売中の古墳墓をご希望の方は</strong><br><strong>こちらより購入申込みしていただけます。</strong></p>
  130.         </div>
  131.         {% if not is_granted('ROLE_USER') %}
  132.             <div class="elementor-element-row">
  133.                 <a class="elementor-button" href="{{ url('entry') }}">
  134.                     <span>お客様登録はこちらから</span>
  135.                 </a>
  136.                 <p><strong>古墳をお求めになりたい地域をご登録ください。</strong><br><strong>その地域に新しく古墳が完成した際にご連絡差し上げます。</strong></p>
  137.             </div>
  138.         {% endif %}
  139.     </div>
  140. {% endblock %}