@extends('layouts.front')
@section('title', 'Online Classes Programs | Music Production | Film | Coding | Business')
@section('description', 'Individual Audio Engineering, Video and Music Production and Business Classes at The Recording Conservatory of Austin\'s Online Classes' )
@section('scrolled', 'scrolled')
@section('content')

<section class="relative pt sm-pb">
    <div class="bg-parallax skrollr" data-bottom-top="transform:translate3d(0, 40px, 0px);" data-top-bottom="transform:translate3d(0px, -90px, 0px);" data-background="{{ url('images/singer.jpg') }}" style="opacity:0.1; background-attachment: fixed !important;"></div>

    <div class="container">
        <h1 class="page-title dark-title normal t-center">
            Online Classes
        </h1>

        <div class="title-strips dark"></div>

        <p class="subtitle colored t-center">
            Every class we offer can be online and is always taught one on one
        </p><br><br>

        <div class="row">
            <div class="col-md-6 font-16">
                Our online class experience is like no other that exists. Each class is taught one-on-one and can be taken via screen share from anywhere around the world. You can expect a customized experience to address only your needs. You will never be waiting for others to catch up or feel like you've missed something important. You will aways get continual guidance on the work that matters to you the most.
            </div>

            <div class="col-md-6">
                <img src="{{ url('images/on-on-one-screen-share-2.jpg') }}" style="width: 100%; height: auto;">
            </div>
        </div>

        <div class="divider-2 font-15 uppercase container extrabold sm-mt xs-mb">
            <span>Learn Anywhere. Anytime.</span>
        </div>

        <div class="row">
            <div class="col-md-6">
                <img src="{{ url('images/mytrcoa-macbook.png') }}" style="width: 100%; height: auto;">
            </div>

            <div class="col-md-6 font-16">
                <div class="sm-mt-mobile qdr-hover-6-container xxs-my">
                    <div class="row no-mx">
                        <!-- Icon -->
                        <div class="col-1 t-center-sm no-pm">
                            <div class="stay icon-sm bg-colored white m-auto">
                                <i class="fa fa-check font-23"></i>
                            </div>
                        </div>
                        <div class="col-11 no-pr lh-md xs-px">
                            <h4 class="bold font-16">Flexible Hours</h4>
                            Take courses online from the comfort of your home! Work with instructors to get the best day/time to accommodate your schedule.
                        </div>
                    </div>
                </div>

                <div class="sm-mt-mobile qdr-hover-6-container xxs-my">
                    <div class="row no-mx">
                        <!-- Icon -->
                        <div class="col-1 t-center-sm no-pm">
                            <div class="stay icon-sm bg-colored white m-auto">
                                <i class="fa fa-check font-23"></i>
                            </div>
                        </div>
                        <div class="col-11 no-pr lh-md xs-px">
                            <h4 class="bold font-16">Mentor Style Experience</h4>
                            Have an industry professional show how to create exactly what you've been wanting to know.
                        </div>
                    </div>
                </div>

                <div class="sm-mt-mobile qdr-hover-6-container xxs-my">
                    <div class="row no-mx">
                        <!-- Icon -->
                        <div class="col-1 t-center-sm no-pm">
                            <div class="stay icon-sm bg-colored white m-auto">
                                <i class="fa fa-check font-23"></i>
                            </div>
                        </div>
                        <div class="col-11 no-pr lh-md xs-px">
                            <h4 class="bold font-16">Make clients from around the world</h4>
                            Not only are we going to teach you how to hone your craft, we are going to teach you how to find and service clients from around the world.
                        </div>
                    </div>
                </div>
            </div>
        </div><br><br>

        @include('components.apply-now')
    </div>
</section>

@include('components.success-stories')

@include('components.tuition-options')

@include('components.alumni-credits')

@stop