app/template/default/index.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends 'default_frame.twig' %}
  13. {% set body_class = 'front_page' %}
  15. {% block stylesheet %}
  16.     <style>
  17.         p {
  18.             margin:top 10px;
  19.             margin-bottom: 15px;
  20.         }
  21.         .row {
  22.             font-size: 16px;
  23.         }
  24.         .catch {
  25.             font-size:1.2rem;
  26.             margin-bottom: 1em;
  27.         }
  29.         .slick-slider {
  30.             margin-bottom: 30px;
  31.         }
  33.         .slick-dots {
  34.             position: absolute;
  35.             bottom: -45px;
  36.             display: block;
  37.             width: 100%;
  38.             padding: 0;
  39.             list-style: none;
  40.             text-align: center;
  41.         }
  43.         .slick-dots li {
  44.             position: relative;
  45.             display: inline-block;
  46.             width: 20px;
  47.             height: 20px;
  48.             margin: 0 5px;
  49.             padding: 0;
  51.             cursor: pointer;
  52.         }
  54.         .slick-dots li button {
  55.             font-size: 0;
  56.             line-height: 0;
  57.             display: block;
  58.             width: 20px;
  59.             height: 20px;
  60.             padding: 5px;
  61.             cursor: pointer;
  62.             color: transparent;
  63.             border: 0;
  64.             outline: none;
  65.             background: transparent;
  66.         }
  68.         .slick-dots li button:hover,
  69.         .slick-dots li button:focus {
  70.             outline: none;
  71.         }
  73.         .slick-dots li button:hover:before,
  74.         .slick-dots li button:focus:before {
  75.             opacity: 1;
  76.         }
  78.         .slick-dots li button:before {
  79.             content: " ";
  80.             line-height: 20px;
  81.             position: absolute;
  82.             top: 0;
  83.             left: 0;
  84.             width: 12px;
  85.             height: 12px;
  86.             text-align: center;
  87.             opacity: .25;
  88.             background-color: black;
  89.             border-radius: 50%;
  91.         }
  93.         .slick-dots li.slick-active button:before {
  94.             opacity: .75;
  95.             background-color: black;
  96.         }
  98.         .slick-dots li button.thumbnail img {
  99.             width: 0;
  100.             height: 0;
  101.         }
  102.     </style>
  103. {% endblock %}
  105. {% block javascript %}
  106.     <script>
  107.         $(function() {
  108.             $('.main_visual').slick({
  109.                 dots: true,
  110.                 arrows: false,
  111.                 autoplay: true,
  112.                 speed: 300
  113.             });
  114.         });
  115.     </script>
  116. {% endblock javascript %}
  118. {% block main %}
  119.     <div class="catch">
  120.         横浜市戸塚区における、ＰＴＡ、地域、小学校の代表による、戸塚小学校はまっ子ふれあいスクール運営委員会を母体として、地域での子育て支援の充実を目指して設立しました。
  121.     </div>
  122.     <div class="ec-sliderRole">
  123.         <div class="main_visual">
  124.             <div class="item slick-slide"><img src="/html/user_data/assets/img/kidsclub.png"></div>
  125.         </div>
  126.     </div>
  127.     <div class="row">
  128.         <h3>横浜市放課後キッズクラブとは</h3>
  129.         <p>
  130.             放課後キッズクラブは横浜市の事業です。通いなれている小学校の施設を活用して、遊びの場・生活の場を兼ね備えた子どもたちにとって安全で快適な放課後の居場所を提供しています。
  131.         </p>
  132.         <h3 style="color:red">
  133.             遊べ元気に、育て逞しく
  134.         </h3>
  135.         <p>
  136.             【キッズでの活動は、遊びには、人と人とのふれあい・ぶつかり合い、困ったことがあったら乗り越える逞しさが必要です。
  137.             乗り越えるには我慢するだけではいけません。
  138.             争いは禍根が残ります。
  139.             自分の思いや気持ち、状況を伝え、理解してもらうことが大切です。
  140.             自分から伝えることができるようになることです。
  141.             異なるタイプの子が互いに刺激を受けながら、一緒に遊んだり、時に喧嘩になったり。
  142.             この経験の中でルールを守ることの大切さ、ルールを守ることの難しさ、また善悪の判断を身に付け、けじめをつけた行動ができるように育つことを目指します】<br>
  143.             困ったことがあったら自分から伝えることができる子の育ちを願います。
  144.             異なるタイプの子が互いに刺激を受けながら、一緒に遊んだり、時に喧嘩になったり。
  145.             私たちスタッフはそれを見守りながら、人間形成の基礎作りを助けます。<br>
  146.             子どもの育ちに働くお母さんが安心して預かりができる、子育ての支援を願います。
  147.         </p>
  148.     </div>
  149. {% endblock %}