@extends('layouts.front')
@section('title', 'Best Audio Engineering, Video and Music Production and Recording School | TRCOA College')
@section('description', 'LEARN Audio Engineering-Music Production, Taught One-On-One by Professional Audio Engineers and Music Producers in World Class Studios (512) 231-0344' )
@section('content')

    <!-- HOME SECTION -->
    <section id="home" class="rev_slider_wrapper fullscreen-container" >

        <!-- Start Slider -->
        <div id="home_slider" class="rev_slider fullwidthabanner">

            <!-- Slider Container -->
            <ul>

                <!-- Slide -->
                <li data-masterspeed="1000" data-transition="fade" data-thumb="content/feronia/images/home_01.jpg" data-saveperformance="off"  data-title="Intro" data-description="Home Slider">

                    <!-- Background Image -->
                    <img src="content/feronia/images/home_01.jpg"  alt="" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="9" class="rev-slidebg" data-no-retina>

                    <!-- Layer -->
                    <div class="tp-caption gray uppercase nowrap rs-parallaxlevel-0"
                    data-x="['center','center','center','center']"
                    data-y="['middle','middle','middle','middle']"
                    data-start="1600"
                    data-fontsize="['20','20','20','18']"
                    data-frames='[{"delay":"+1000","speed":2000,"frame":"0","from":"y:50px;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
                    data-hoffset="['0','0','0','0']"
                    data-voffset="['-170','-170','-150','-140']">
                        Welcome to <span class="colored1">TRCOA </span>College
                    </div>

                    <!-- Layer -->
                    <div class="tp-caption gray1 nowrap lh-60 uppercase rs-parallaxlevel-0"
                    data-x="['center','center','center','center']"
                    data-y="['middle','middle','middle','middle']"
                    data-start="1000"
                    data-fontsize="['60','50','40','35']"
                    data-frames='[{"delay":"+1500","speed":2000,"frame":"0","from":"y:50px;opacity:0;fb:20px;","to":"o:1;fb:0;","ease":"Power4.easeOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;fb:0;","ease":"Power3.easeInOut"}]'
                    data-hoffset="['0','0','0','0']"
                    data-voffset="['-105','-100','-90','-80']">
                        Learn like a rock star.
                    </div>

                    <!-- Layer -->
                    <div class="tp-caption gray nowrap uppercase rs-parallaxlevel-0"
                    data-x="['center','center','center','center']"
                    data-y="['middle','middle','middle','middle']"
                    data-start="3500"
                    data-fontsize="['15','20','18','18']"
                    data-transform_in="y:-20px;opacity:0;s:1000;e:Power2.easeOut;"
                    data-transform_out="opacity:0;s:300;s:300;"
                    data-hoffset="['0','0','0','0']"
                    data-voffset="['-15','-15','-15','-15']">
                        Build awesome things.
                    </div>

                    <!-- Left Strip -->
                    <div class="tp-caption rs-parallaxlevel-0"
                    data-x="['center','center','center','center']"
                    data-y="['middle','middle','middle','middle']"
                    data-start="2800"
                    data-transform_in="x:0;opacity:0;s:1000;e:Power2.easeOut;"
                    data-transform_out="opacity:0;s:300;s:300;"
                    data-hoffset="['0','0','0','0']"
                    data-voffset="['5','5','5','5']">
                        <div class="width-120 height-1 bg-white opacity-5"></div>
                    </div>

                    <!-- Layer -->
                    <div class="tp-caption gray nowrap uppercase rs-parallaxlevel-0"
                    data-x="['center','center','center','center']"
                    data-y="['middle','middle','middle','middle']"
                    data-start="3500"
                    data-fontsize="['15','20','18','18']"
                    data-transform_in="y:20px;opacity:0;s:1000;e:Power2.easeOut;"
                    data-transform_out="opacity:0;s:300;s:300;"
                    data-hoffset="['0','0','0','0']"
                    data-voffset="['28','28','28','28']">
                        Mentor with the best.
                    </div>

                </li>

                <!-- Slide -->
                <li data-masterspeed="1000" data-transition="fade" data-thumb="content/feronia/images/home_02.jpg" data-saveperformance="off"  data-title="Intro" data-description="Home Slider">

                    <!-- Background Image -->
                    <img src="content/feronia/images/home_02.jpg"  alt=""  data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="9" class="rev-slidebg" data-no-retina>

                    <!-- Layer -->
                    <div class="tp-caption gray uppercase nowrap rs-parallaxlevel-0"
                    data-x="['center','center','center','center']"
                    data-y="['middle','middle','middle','middle']"
                    data-start="1600"
                    data-fontsize="['20','20','20','18']"
                    data-transform_in="y:-50px;opacity:0;s:1000;e:Power2.easeOut;"
                    data-transform_out="opacity:0;s:300;s:300;"
                    data-mask_in="x:0;y:-20;s:inherit;e:inherit;"
                    data-hoffset="['0','0','0','0']"
                    data-voffset="['-170','-170','-150','-140']">
                        Welcome to <span class="colored1">TRCOA </span>College
                    </div>

                    <!-- Layer -->
                    <div class="tp-caption gray1 nowrap lh-60 uppercase rs-parallaxlevel-0"
                    data-x="['center','center','center','center']"
                    data-y="['middle','middle','middle','middle']"
                    data-start="1000"
                    data-fontsize="['60','50','40','35']"
                    data-transform_in="x:[-175%];y:0px;z:0;rX:0;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;opacity:0.01;s:2000;e:Power3.easeOut;"
                    data-transform_out="opacity:0;s:300;s:300;"
                    data-mask_in="x:[100%];y:0;s:inherit;e:inherit;"
                    data-hoffset="['0','0','0','0']"
                    data-voffset="['-105','-100','-90','-80']">
                        The best arts school. Period.
                    </div>

                    <!-- Layer -->
                    <div class="tp-caption gray nowrap uppercase rs-parallaxlevel-0"
                    data-x="['center','center','center','center']"
                    data-y="['middle','middle','middle','middle']"
                    data-start="3500"
                    data-fontsize="['15','20','18','18']"
                    data-transform_in="y:-20px;opacity:0;s:1000;e:Power2.easeOut;"
                    data-transform_out="opacity:0;s:300;s:300;"
                    data-hoffset="['0','0','0','0']"
                    data-voffset="['-15','-15','-15','-15']">
                        Work hard.
                    </div>

                    <!-- Left Strip -->
                    <div class="tp-caption rs-parallaxlevel-0"
                    data-x="['center','center','center','center']"
                    data-y="['middle','middle','middle','middle']"
                    data-start="2800"
                    data-transform_in="x:0;opacity:0;s:1000;e:Power2.easeOut;"
                    data-transform_out="opacity:0;s:300;s:300;"
                    data-hoffset="['0','0','0','0']"
                    data-voffset="['5','5','5','5']">
                        <div class="width-120 height-1 bg-white opacity-5"></div>
                    </div>

                    <!-- Layer -->
                    <div class="tp-caption gray nowrap uppercase rs-parallaxlevel-0"
                    data-x="['center','center','center','center']"
                    data-y="['middle','middle','middle','middle']"
                    data-start="3500"
                    data-fontsize="['15','20','18','18']"
                    data-transform_in="y:20px;opacity:0;s:1000;e:Power2.easeOut;"
                    data-transform_out="opacity:0;s:300;s:300;"
                    data-hoffset="['0','0','0','0']"
                    data-voffset="['28','28','28','28']">
                        Rock harder.
                    </div>

                </li>
            </ul>
            <!-- End Container -->
            <div class="tp-static-layers"></div>
        </div>
        <!-- End Slider -->


        <!-- Home Box Slider -->
        <div class="box-slider-container">
            <!-- Home Page Note -->
            <div class="home-boxes custom-slider" data-slick='{"slidesToShow": 5, "arrows": false, "slidesToScroll": 1, "draggable": true, "responsive":[ {"breakpoint": 1480,"settings":{"slidesToShow": 3}}, {"breakpoint": 1024,"settings":{"slidesToShow": 2}}, {"breakpoint": 700,"settings":{"slidesToShow": 1}} ]}'>

                <!-- Item -->
                <div class="item clearfix light">
                    <!-- Number -->
                    <div class="gray number">01</div>
                    <!-- Texts -->
                    <div class="f-left fullheight texts">
                        <!-- Title -->
                        <h3 class="gray">Music & Recording</h3>
                        <!-- Description -->
                        <p class="gray2">With a long list of industry professional staff and dozens of awards, our recording arts programs are second to none.</p>
                    </div>
                    <!-- End Texts -->
                </div>
                <!-- End Item -->


                 <!-- Item -->
                <div class="item clearfix light">
                    <!-- Number -->
                    <div class="gray number">02</div>
                    <!-- Texts -->
                    <div class="f-left fullheight texts">
                        <!-- Title -->
                        <h3 class="gray">Business</h3>
                        <!-- Description -->
                        <p class="gray2">It is a long established fact that a reader will be interested by the readable content of a page when looking more-or-less normal.</p>
                    </div>
                    <!-- End Texts -->
                </div>
                <!-- End Item -->

                 <!-- Item -->
                <div class="item clearfix light">
                    <!-- Number -->
                    <div class="gray number">03</div>
                    <!-- Texts -->
                    <div class="f-left fullheight texts">
                        <!-- Title -->
                        <h3 class="gray">Video Production</h3>
                        <!-- Description -->
                        <p class="gray2">It is a long established fact that a reader will be interested by the readable content of a page when looking more-or-less normal.</p>
                    </div>
                    <!-- End Texts -->
                </div>
                <!-- End Item -->

                 <!-- Item -->
                <div class="item clearfix light">
                    <!-- Number -->
                    <div class="gray number">04</div>
                    <!-- Texts -->
                    <div class="f-left fullheight texts">
                        <!-- Title -->
                        <h3 class="gray">Technology</h3>
                        <!-- Description -->
                        <p class="gray2">It is a long established fact that a reader will be interested by the readable content of a page when looking more-or-less normal.</p>
                    </div>
                    <!-- End Texts -->
                </div>
                <!-- End Item -->

                 <!-- Item -->
                <div class="item clearfix light">
                    <!-- Number -->
                    <div class="gray number">05</div>
                    <!-- Texts -->
                    <div class="f-left fullheight texts">
                        <!-- Title -->
                        <h3 class="gray">Games</h3>
                        <!-- Description -->
                        <p class="gray2">It is a long established fact that a reader will be interested by the readable content of a page when looking more-or-less normal.</p>
                    </div>
                    <!-- End Texts -->
                </div>
                <!-- End Item -->

            </div>

        </div>
        <!-- End Home Box Slider -->

    </section>
    <!-- END HOME SECTION -->

    <!-- ABOUT SECTION -->
    <section id="about" class="t-center py">

        <!-- Parallax Background -->
        <div class="bg-parallax skrollr" data-anchor-target="#home" data-bottom-top="transform:translate3d(0, -190px, 0px);" data-top-bottom="transform:translate3d(0px, 50px, 0px);" data-background="content/feronia/images/background_01.jpg"></div>

        <!-- Title -->
        <h1 class="page-title dark-title normal">
            Welcome to TRCOA
        </h1>
        <!-- Strips -->
        <div class="title-strips dark"></div>
        <!-- Subtitle -->
        <h2 class="subtitle colored">
            Who are we? Why choose us?
        </h2>
        <!-- Description -->
        <p class="description">
            TRCOA College is the premier Audio Engineering, Music Production, and Recording School. Because of our one-on-one mentor-ship approach, TRCOA is where truly passionate students are coming to jump start a vibrant career in the music industry. Our proven curriculum is taught exclusively by real working industry professionals in real working studios. TRCOA is, in the truest sense of the phrase, a trade school.
        </p>

    </section>
    <!-- END ABOUT SECTION -->

    <!-- ABOUT BOXES -->
    <section>

        <!-- Boxes -->
        <div class="boxes boxes-type-1 lightbox_gallery py strip-dots dark-dots qdr-col-3 gray7 container t-center" >

            <!-- Item -->
            <div class="qdr-hover-container">
                <!-- Icon -->
                <a href="https://vimeo.com/78557784" class="bg-colored no-border qdr-hover"><i class="fa fa-music white"></i></a>
                <!-- Title -->
                <h2>
                    ONE ON ONE MENTORSHIP
                </h2>
                <!-- Description -->
                <p class="font-16">
                    The flexibility and personalization that is possible with one-on-one classes makes each students experience their own. You will feel like you are in a school specifically designed for your needs.
                </p>
            </div>

            <!-- Item -->
            <div class="qdr-hover-container">
                <!-- Icon -->
                <a href="content/feronia/images/works_04_b.jpg" class="bg-colored no-border qdr-hover">
                    <i class="fa fa-trophy white"></i>
                    <!-- Thumb -->
                    <img src="content/feronia/images/works_04.jpg" alt="" class="none">
                </a>
                <!-- Title -->
                <h2>
                    WORK WITH INDUSTRY PROFESSIONALS
                </h2>
                <!-- Description -->
                <p class="font-16">
                    You will be learning from true industry professionals. They will likely be working with a client right before your lesson and will bring their real personal experiences into your one-on-one class time.
                </p>
            </div>

            <!-- Item -->
            <div class="qdr-hover-container">
                <!-- Icon -->
                <a href="content/feronia/images/works_02_b.jpg" class="no-border bg-colored qdr-hover">
                    <i class="icon-clock white"></i>
                    <!-- Thumb -->
                    <img src="content/feronia/images/works_02.jpg" alt="" class="none">
                </a>
                <!-- Title -->
                <h2>
                    OPEN STUDIO ACCESS 24/7
                </h2>
                <!-- Description -->
                <p class="font-16">
                    Projects are the core of our programs. Day one you can book studio time in our industry standard studios and by week four you will start your first of many many projects. Projects make-up at least 75% of your hours.
                </p>
            </div>
        </div>
         <!-- End Boxes -->
    </section>
    <!-- END ABOUT BOXES -->

    @include('components.success-stories')

    @include('components.alumni-credits')

    @include('components.clients')
@stop