{% extends 'base.html.twig' %}

{% block body %}
    <div id="container">

        <div class="v-page-heading v-bg-stylish v-bg-stylish-v1">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="heading-text">
                            <h1 class="entry-title">Tablatures</h1>
                        </div>
                        <ol class="breadcrumb">
                            <li><a href="index.html">Accueil</a></li>
                            <li class="active">Tablatures</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>

        <div class="container">
            <div class="v-spacer col-sm-12 v-height-big"></div>
        </div>

        <div class="container">
            <div class="row">
                <div class="v-smash-text clearfix col-sm-12 v-control-right">
                    <div class="v-smash-text-wrap clearfix">
                        <div class="v-call-text">
                            <h1>Les tablatures ci-dessous peuvent être sous deux formats : <br/>
                                PDF ou fichier Tuxguitar.</h1>
                            <br/>
                            <p>Tuxguitar est un logiciel de conception et de lecture de tablatures. Il est la version freeware de GuitarPro. Les fichiers tuxguitar sont donc généralement compatibles avec guitar pro et inversement.</p>
                        </div>
                        <a class="btn v-btn v-btn-default v-medium-button" href="https://sourceforge.net/projects/tuxguitar/" target="_blank"><i class="fa fa-cloud-download"></i>Tuxguitar</a>
                    </div>
                </div>
            </div>
        </div>

        
        <div class="container">
            <div class="v-spacer col-sm-12 v-height-big"></div>
        </div>

        <div class="v-page-wrap no-bottom-spacing">

            <div class="container">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="v-team-member-box col-sm-4">
                            <div class="cover">

                                <div class="member-info">
                                    <div class="heading">
                                        <div class="v-team-member-info">
                                            <h4 class="v-team-member-name">Les Jeux interdits</h4>
                                            <span class="v-team-member-statu">Garcia Yepes Narciso</span>
                                        </div>
                                    </div>

                                    <div class="v-spacer col-sm-12 v-height-small"></div>

                                    <div class="">
                                        <div class="row center">
                                            <a href="assets/tablatures/jeux_interdits.pdf" target="_blank"><button type="button" class="btn v-btn v-pomegranate">PDF</button></a>
                                            <a href="assets/tablatures/jeux_interdits.gp3" target="_blank"><button type="button" class="btn v-btn v-green-sea">Tuxguitar</button></a>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>

                        <div class="v-team-member-box col-sm-4">
                            <div class="cover">

                                <div class="member-info">
                                    <div class="heading">
                                        <div class="v-team-member-info">
                                            <h4 class="v-team-member-name">Talking about a revolution</h4>
                                            <span class="v-team-member-statu">Tracy Chapman</span>
                                        </div>
                                    </div>

                                    <div class="v-spacer col-sm-12 v-height-small"></div>

                                    <div class="">
                                        <div class="row center">
                                            <a href="assets/tablatures/Tracy Chapman - Talking about the revolution.gp3" target="_blank"><button type="button" class="btn v-btn v-green-sea">Tuxguitar</button></a>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>

                        <div class="v-team-member-box col-sm-4">
                            <div class="cover">

                                <div class="member-info">
                                    <div class="heading">
                                        <div class="v-team-member-info">
                                            <h4 class="v-team-member-name">Waving flag</h4>
                                            <span class="v-team-member-statu">Knaan feat Féfé</span>
                                        </div>
                                    </div>

                                    <div class="v-spacer col-sm-12 v-height-small"></div>

                                    <div class="">
                                        <div class="row center">
                                            <a href="assets/tablatures/Knaan - Waving flag.tg" target="_blank"><button type="button" class="btn v-btn v-green-sea">Tuxguitar</button></a>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="v-spacer col-sm-12 v-height-standard"></div>

                <div class="row">
                    <div class="col-sm-12">
                        <div class="v-team-member-box col-sm-4">
                            <div class="cover">

                                <div class="member-info">
                                    <div class="heading">
                                        <div class="v-team-member-info">
                                            <h4 class="v-team-member-name">Titanium</h4>
                                            <span class="v-team-member-statu">David Guetta feat. Sia</span>
                                        </div>
                                    </div>

                                    <div class="v-spacer col-sm-12 v-height-small"></div>

                                    <div class="">
                                        <div class="row center">
                                            <a href="assets/tablatures/Titanium - David Guetta feat Sia.tg" target="_blank"><button type="button" class="btn v-btn v-green-sea">Tuxguitar</button></a>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>

                        <div class="v-team-member-box col-sm-4">
                            <div class="cover">

                                <div class="member-info">
                                    <div class="heading">
                                        <div class="v-team-member-info">
                                            <h4 class="v-team-member-name">Tangerine puppet</h4>
                                            <span class="v-team-member-statu">Donovan</span>
                                        </div>
                                    </div>

                                    <div class="v-spacer col-sm-12 v-height-small"></div>

                                    <div class="">
                                        <div class="row center">
                                            <a href="assets/tablatures/Tangerine puppet - Donovan.pdf" target="_blank"><button type="button" class="btn v-btn v-pomegranate">PDF</button></a>
                                            <a href="assets/tablatures/Tangerine puppet - Donovan.gp3" target="_blank"><button type="button" class="btn v-btn v-green-sea">Tuxguitar</button></a>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>

                        <div class="v-team-member-box col-sm-4">
                            <div class="cover">

                                <div class="member-info">
                                    <div class="heading">
                                        <div class="v-team-member-info">
                                            <h4 class="v-team-member-name">His dark materials - Main theme</h4>
                                            <span class="v-team-member-statu">Lorne Balfe</span>
                                        </div>
                                    </div>

                                    <div class="v-spacer col-sm-12 v-height-small"></div>

                                    <div class="">
                                        <div class="row center">
                                            <a href="assets/tablatures/His_dark_materials_theme.pdf" target="_blank"><button type="button" class="btn v-btn v-pomegranate">PDF</button></a>
                                            <a href="assets/tablatures/His dark materials theme.tg" target="_blank"><button type="button" class="btn v-btn v-green-sea">Tuxguitar</button></a>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="v-spacer col-sm-12 v-height-standard"></div>

            </div>



            <div class="container">
                <div class="v-spacer col-sm-12 v-height-standard"></div>
            </div>

            <div class="container">
                <div class="v-spacer col-sm-12 v-height-standard"></div>
            </div>

        </div>

        <div class="container">
            <div class="v-spacer col-sm-12 v-height-big"></div>
        </div>
{% endblock %}