app/template/user_data/gallery.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
    
    {% block stylesheet %}
    {% endblock %}
    
    {% block javascript %}
    <script src="{{ asset('assets/js/youtube.js') }}"></script>
    {% endblock %}
    {% block main %}
        <div id="gallery_page">
            <div class="ak-header">
                <div class="ak-pageHeader">
                    <h1>GALLERY</h1>
                    <p>AKRacing シリーズのプロモーションムービーやイメージ写真を掲載しています。</p>
                    <ul class="ak-link">
                        <li><a href="#movie"><img src="{{ asset('assets/img/gallery/button01.png') }}" alt=""></a></li>
                       <!--   <li><a href="#picture"><img src="{{ asset('assets/img/gallery/button02.png') }}" alt=""></a></li>  -->
                    </ul>
                </div>
            </div><!-- ak-header -->
            <div class="ak-body">
                <h2 id="movie"><img src="{{ asset('assets/img/gallery/promotion_movie.png') }}" alt=""><span>プロモーション</span></h2>
                <div class="ak-row">
    
                    <div class="ak-item">
                            <!-- 「どんな時にもAKRacing」篇 -->
                            <div class="movie_wrapper">
                                <ul id="list-yt_10" class="list-yt">
                                    <li id="wrapper__yt_10" class="movie_wrapper__yt active">
                                        <div id="yt10"></div>
                                    </li>
                                </ul>
    
                                <h3>いいチェア、いい日々、いい私。編 15秒 本田翼出演</h3>
                            </div>
                            {#
                            <p class="movie-text">
                                本田さんがゲーム、リモート会議、映画鑑賞、オンライン飲み会と、仕事も遊びも場面を問わずAKRacingチェアに座りつつ快適に過ごす日常を描出します。
                            </p>
                                <div class="movie_wrapper__bottom">
                                    <ul class="ak-sns-icon">
                                        <li class=""><a href="http://www.facebook.com/sharer.php?u=https://akracing.jp/movie/" target="_blank"><span class="fab fa-facebook"></span></a></li>
                                        <li class=""><a href="http://twitter.com/share?url=https://akracing.jp/movie/" target="_blank"><span class="fab fa-twitter"></span></a></li>
                                    </ul>
                                </div>
                             #}
                    </div><!-- .ak-item -->
                    <div class="ak-item">
                         <!-- 「どんな人にもAKRacing」篇 -->
                            <div class="movie_wrapper">
                                <ul id="list-yt_11" class="list-yt">
                                    <li id="wrapper__yt_11" class="movie_wrapper__yt active">
                                        <div id="yt11"></div>
                                    </li>
                                </ul>
                                <h3>すわる。はじまる。わたしの毎日。編 15秒 本田翼出演</h3>
                            </div>
                            {#
                            <p class="movie-text">
                                本田さんがプロゲーマー、ライター、ビジネスマン、漫画家、ミュージシャンと様々な職業人に扮し、どんな職種でも手放せなくなるほど快適なデスクワーク環境を実現するAKRacingの魅力を伝えます。次々と変わるコスチュームと本田さんの表情に、見ているだけで楽しくなってくるような構成となっています。
                            </p>
                                <div class="movie_wrapper__bottom">
                                    <ul class="ak-sns-icon">
                                        <li class=""><a href="http://www.facebook.com/sharer.php?u=https://akracing.jp/movie/" target="_blank"><span class="fab fa-facebook"></span></a></li>
                                        <li class=""><a href="http://twitter.com/share?url=https://akracing.jp/movie/" target="_blank"><span class="fab fa-twitter"></span></a></li>
                                    </ul>
                                </div>
                            #}
                    </div><!-- .ak-item -->
                    <div class="ak-item">
                            <div class="movie_wrapper">
                                <ul id="list-yt_8" class="list-yt">
                                    <li id="wrapper__yt_8" class="movie_wrapper__yt active">
                                        <div id="yt8"></div>
                                    </li>
                                </ul>
    
                                <h3>ピンチも忘れる座り心地編 30秒</h3>
                            </div>
                            {#
                            <p class="movie-text">
                                撮影のお仕事を終え、自宅に帰る本田さん。AKRacingチェアがセットされた「もう一つの戦場」に身を投じゲームに没頭する本田さんが見せる豊かでかわいらしい表情に注目です。
                            </p>
                                <div class="movie_wrapper__bottom">
                                    <ul class="ak-sns-icon">
                                        <li class=""><a href="http://www.facebook.com/sharer.php?u=https://akracing.jp/movie/" target="_blank"><span class="fab fa-facebook"></span></a></li>
                                        <li class=""><a href="http://twitter.com/share?url=https://akracing.jp/movie/" target="_blank"><span class="fab fa-twitter"></span></a></li>
                                    </ul>
                                </div>
                            #}
                    </div><!-- .ak-item -->
                    {#
                    <div class="ak-item">
                            <div class="movie_wrapper">
                                <ul id="list-yt_9" class="list-yt">
                                    <li id="wrapper__yt_9" class="movie_wrapper__yt active">
                                        <div id="yt9"></div>
                                    </li>
                                </ul>
    
                                <h3>心地良すぎて、終われない【30秒】</h3>
                            </div>
                            <p class="movie-text">
                                快適な座り心地のAKRacingチェアに座ってプレイに熱中していると、気がつけば長い時間が経っていた、という展開。ゲーム画面を見つめる本田さんが失敗を悔しがったり、集中を高めたりと自然で愛らしい表情を見せてくれます。
                            </p>
                            <div class="movie_wrapper__bottom">
                                <ul class="ak-sns-icon">
                                    <li class=""><a href="http://www.facebook.com/sharer.php?u=https://akracing.jp/movie/" target="_blank"><span class="fab fa-facebook"></span></a></li>
                                    <li class=""><a href="http://twitter.com/share?url=https://akracing.jp/movie/" target="_blank"><span class="fab fa-twitter"></span></a></li>
                                </ul>
                            </div>
                    </div><!-- .ak-item -->
                    #}
    
                    <!--
                    <div class="ak-item">
                            <div class="movie_wrapper">
                                <div class="ak-end_img">
                                    <img  src="{{ asset('assets/img/gallery/rizin_close.png') }}" alt="" />
                                </div>
                                <div class="movie_wrapper__bottom">
                                    <h3>AKRacing × RIZIN 営業3課 完全版</h3>
                                </div>
                            </div>
                            <p class="movie-text">
                                日本を代表する総合格闘技イベント RIZIN FIGHTING WORLD GRAND-PRIXを2017年の年間スポンサーとして支援するテックウインド株式会社(代表取締役:王夢周、本社:東京都文京区)は、RIZIN出場選手であり日本の総合格闘技界を牽引するRENA選手、那須川天心選手らを起用したAKRacing公式PV第2弾【 AKRacing × RIZIN 営業3課 完全版】を公開しました
                            </p>
                            <ul class="ak-sns-icon">
                                <li class=""><a href="http://www.facebook.com/sharer.php?u=https://akracing.jp/movie/" target="_blank"><span class="fab fa-facebook"></span></a></li>
                                <li class=""><a href="http://twitter.com/share?url=https://akracing.jp/movie/" target="_blank"><span class="fab fa-twitter"></span></a></li>
                            </ul>
                    </div>
                </div>
                 -->
                 
                
                <!-- 
                <h2 id="picture"><img src="{{ asset('assets/img/gallery/picture_title.png') }}" alt=""><span>イメージ写真</span></h2>
    
                    <ul class="img_list">
                        <li>
                            <h3>Premiumシリーズ</h3>
                            <p>
                                <img class="spnone" src="{{ asset('assets/img/gallery/img_01.png') }}" alt="">
                                <img class="pcnone" src="{{ asset('assets/img/gallery/sp_img_01.png') }}" alt="">
                            </p>
                        </li>
                        <li>
                            <h3>Pro-xシリーズ</h3>
                            <p>
                                <img class="spnone" src="{{ asset('assets/img/gallery/img_02.png') }}" alt="">
                                <img class="pcnone" src="{{ asset('assets/img/gallery/sp_img_02.png') }}" alt="">
                            </p>
                        </li>
                        <li>
                            <h3>Nitroシリーズ</h3>
                            <p>
                                <img class="spnone" src="{{ asset('assets/img/gallery/img_03.png') }}" alt="">
                                <img class="pcnone" src="{{ asset('assets/img/gallery/sp_img_03.png') }}" alt="">
                            </p>
                        </li>
                        <li>
                            <h3>Wolfシリーズ</h3>
                            <p>
                                <img class="spnone" src="{{ asset('assets/img/gallery/img_04.png') }}" alt="">
                                <img class="pcnone" src="{{ asset('assets/img/gallery/sp_img_04.png') }}" alt="">
                            </p>
                        </li>
                        <li>
                            <h3>極座シリーズ</h3>
                            <p>
                                <img class="spnone" src="{{ asset('assets/img/gallery/img_05.png') }}" alt="">
                                <img class="pcnone" src="{{ asset('assets/img/gallery/sp_img_05.png') }}" alt="">
                            </p>
                        </li>
                        <li>
                            <h3>Overtureシリーズ</h3>
                            <p>
                                <img class="spnone" src="{{ asset('assets/img/gallery/img_06.png') }}" alt="">
                                <img class="pcnone" src="{{ asset('assets/img/gallery/sp_img_06.png') }}" alt="">
                            </p>
                        </li>
                    <ul>
                     -->
    
            </div><!-- .ak-body -->
        </div><!-- #gallery_page -->
    {% endblock %}