app/template/user_data/about_media.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  3. {% block main %}
  5. <div class="kasowarap">
  6.     
  7.     <div class="kaso_h1title">
  8.       <p>Media and Advertising</p>
  9.       <h1>メディア・広告掲載</h1>
  10.     </div>
  11.     
  12.      <ul id="medialist">
  13.           
  14.         <li><a href="https://www.monomagazine.com/" target="_blank">
  15.             <span><img src="/img/mono.jpg"></span>
  16.             <div>
  17.                 <p>2024.12.1</p>
  18.                 <h3>「モノマガジン」に、弊社に関する記事が掲載されました</h3>
  19.             </div>
  20.             </a></li>
  21.           
  22.           
  23.         <li><a href="https://ignite.jp/2024/11/728406/" target="_blank">
  24.             <span><img src="/img/ignite.jpg"></span>
  25.             <div>
  26.                 <p>2024.11.25</p>
  27.                 <h3>「IGNITE（イグナイト）」に、弊社に関する記事が掲載されました</h3>
  28.             </div>
  29.             </a></li>
  30.           
  31.         <li><a href="https://straightpress.jp/20240126/1058769" target="_blank">
  32.             <span><img src="/img/straightpress.jpg"></span>
  33.             <div>
  34.                 <p>2024.1.26</p>
  35.                 <h3>「トレンドニュースサイト STRAIGHT PRESS【 ストレートプレス 】」に、弊社に関する記事が掲載されました</h3>
  36.             </div>
  37.             </a></li>
  38.           
  39.         <li><a href="https://u-note.me/note/73100" target="_blank">
  40.             <span><img src="/img/unote.jpg"></span>
  41.             <div>
  42.                 <p>2024.1.23</p>
  43.                 <h3>「U-NOTE[ユーノート]」に、弊社に関する記事が掲載されました</h3>
  44.             </div>
  45.             </a></li>
  46.           
  47.         <li><a href="https://ignite.jp/2024/01/635119/" target="_blank">
  48.             <span><img src="/img/ignite.jpg"></span>
  49.             <div>
  50.                 <p>2024.1.23</p>
  51.                 <h3>「IGNITE（イグナイト）」に、弊社に関する記事が掲載されました</h3>
  52.             </div>
  53.             </a></li>
  54.           
  55.         <li><a href="https://news.infoseek.co.jp/article/ignite_621101/" target="_blank">
  56.             <span><img src="/img/ignite.jpg"></span>
  57.             <div>
  58.                 <p>2024.1.12</p>
  59.                 <h3>「IGNITE（イグナイト）」に、弊社に関する記事が掲載されました</h3>
  60.             </div>
  61.             </a></li>
  62.           
  63.           
  64.           
  65.         <li><a href="https://kobe-journal.com/archives/2332525833.html" target="_blank">
  66.             <span><img src="/img/kobejournal.jpg"></span>
  67.             <div>
  68.                 <p>2022.4.7</p>
  69.                 <h3>「神戸ジャーナル」に、弊社に関する記事が掲載されました</h3>
  70.             </div>
  71.             </a></li>
  72.           
  73.         <li><a href="https://straightpress.jp/20240313/1093429" target="_blank">
  74.             <span><img src="/img/straightpress.jpg"></span>
  75.             <div>
  76.                 <p>2024.3.13</p>
  77.                 <h3>「トレンドニュースサイト STRAIGHT PRESS【 ストレートプレス 】」に、弊社に関する記事が掲載されました</h3>
  78.             </div>
  79.             </a></li>
  80.           
  81.           
  82.           
  83.       </ul>
  84.       
  85.       <style>
  86.           #medialist{
  87.               margin: 0px;
  88.               padding: 0px;
  89.               width: 100%;
  90.           }
  91.           #medialist li{
  92.               display: table;
  93.               margin: 0px;
  94.               padding: 0px;
  95.               width: 100%;
  96.               border-bottom: 1px solid #ddd;
  97.           }
  98.           #medialist li a{
  99.               display: table-row;
  100.               color: black;
  101.           }
  102.           #medialist li a span{
  103.               display: table-cell;
  104.               vertical-align: top;
  105.               text-align: left;
  106.               width: 20%;
  107.               padding: 25px 0 15px 0;
  108.           }
  109.           #medialist li a span img{
  110.               width: 90%;
  111.               height: auto;
  112.               border: 1px solid #ddd;
  113.           }
  114.           #medialist li a div{
  115.               display: table-cell;
  116.               vertical-align: top;
  117.               text-align: left;
  118.               padding: 25px 0 15px 0;
  119.           }
  120.           #medialist li a div h3{
  121.               margin: 0px;
  122.               padding: 5px 0px;
  123.               font-size: 16px;
  124.           }
  125.           #medialist li a div p{
  126.               color: gray;
  127.               margin: 0px;
  128.               padding: 0px;
  129.               font-size: 13px;
  130.           }
  131.           #medialist li a:hover h3{
  132.               text-decoration: underline;
  133.           }
  134.       </style>
  137. </div><!--//kasowarap-->
  139. <script>$(function (){$("#about_f").load("/user_data/about_f");});</script><div id="about_f"></div>
  141. {% endblock %}