app/template/default/index.twig line 1

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