@extends('layouts.base')

@section('css')
{!! Minify::stylesheet('/css/study.css')->withFullUrl() !!}
@stop

@section('title')
Diferénciate 
@stop
@section('description')
El portal del alumno facilita el acceso a las principales herramientas de estudio: banco de clases, acceso a la plataforma y blogs ECCA
@stop

@section('content')
{!! Breadcrumbs::render('diferenciate') !!}
<div class="image-viewer hidden">
   <div style="max-width: 768px; height: auto; margin:auto; padding-top: 50px;">
      <div id="videoContainer" class="embed-responsive embed-responsive-16by9">
      </div>
   </div>
</div>
<div class="container">
   <div class="titulo_categoria">
      <!--<span>Diferénciate</span>-->
      <span>
         <h1 style="text-transform: none; color: #312e89; font-size: 45px">
            Diferéncia<span style="color: #ec1814; display: inline; font-weight: 400">Te</span>
         </h1>
      </span>
   </div>
   <div class="row">
      <div class="col-md-12">
         <div class="col-sm-6 info-study">
            <div class="titulo">
               Información
            </div>
            <p>
               <span style="text-transform: none; color: #312e89">
                  Diferéncia<span style="color: #ec1814">Te:</span>
               </span>
               Cursos cortos, sencillos y gratuitos. Formación en línea.
            </p>
            <p>
              Cuatro acciones formativas dirigidas al desarrollo personal y profesional:
               <ul>
                  <li>
                     <p>Autoconfianza</p>
                  </li>
                  <li>
                     <p>Autocontrol</p>
                  </li>
                  <li>
                     <p>Capacidad de relación</p>
                  </li>
                  <li>
                     <p>Orientación al logro</p>
                  </li>
               </ul> 
            </p>
            <br>
            <div class="row important">
                <div class="col-md-12 col-xs-12 wrapper-important">
                    <a target="_blank" href="https://feyalegria-lms.cclearning.accenture.com/">
                        Acceso a plataforma
                    </a>
                </div>
            </div>
         </div>
         <div class="col-sm-6">
         <h3>¿Cómo inscribirse?</h3>
            <div class="row">
                <div class="col-md-12 info-study">
                    <p>
                        Llame al <a href="tel:+34902312212">902 312 212</a> o acuda a cualquiera de nuestras
                        <a href="{{ route('delegation-id', ['id'=>'todos']) }}">
                            oficinas y centros zonales.
                        </a>
                    </p>
               </div>
               <div class="col-sm-12">
                  <i>
                     *Disponible en Canarias, Sevilla, Cáceres, Badajoz, Madrid, Murcia, Coruña, Ourense, Vigo.
                  </i>
               </div>
            </div>
            <div style="padding: 20px">
               <div class="embed-responsive embed-responsive-16by9">
                  <iframe class="embed-responsive-item"
                     src="https://www.youtube.com/embed/RTgU3rdrr14">
                  </iframe>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="spacer"></div>
   <div class="row">
      <center>
         <h1>¿A qué esperas?... ¡¡DIFERÉNCIATE!!</h1>
      </center>
   </div>
   <div class="spacer"></div>
   <div class="row">
      <div class="col-md-3">
         <center>
            <img width="200" src="{{ asset('img/diferenciate2.jpg') }}" title="Financiación Accenture">
         </center>
      </div>
      <div class="col-md-9 info-study">
         <br>
         <p>
            Estos cursos pretenden ayudarle a fortalecer sus habilidades y destrezas, lo que le permitirá:
         </p>
         <ul>
            <li>
            <p>Desarrollar su potencial a través del desarrollo de su seguridad personal.</p>
            </li>
            <li>
            <p>Enfrentar las distintas situaciones cotidianas de forma eficaz, a través de la gestión adecuada de sus emociones. </p>
            </li>
            <li>
            <p>Establecer relaciones sociales y profesionales sanas y positivas, fortaleciendo su red de apoyo. </p>
            </li>
            <li>
            <p>Orientarse hacia la consecución de sus metas y objetivos, persistiendo ante los obstáculos. </p>
            </li>
         </ul>
      </div>
   </div>
   <div class="spacer"></div>
   <div class="row">
      <center>
         <img style="border-radius: 0px; height: auto; opacity: 0.8" width="250" src="{{ asset('img/accenture.jpg') }}" title="Financiación Accenture">
      </center>
   </div>
   <div class="spacer"></div>
</div>
<!-- /.row -->
@stop

@section('js-code-post')
{!! Minify::javascript('/js/custom.js')->withFullUrl() !!}
<style>
   .image-viewer{
      position: fixed;
      width: 100%;
      height: 100%;
      background-color: rgba(0,0,0,0.5);
      top: 0px;
      bottom: 0px;
      z-index: 9999;
   }
</style>
<script>
   $("#videoYoutube").click(function () {
      $("#videoContainer").html('<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/RTgU3rdrr14"></iframe>');
      $(".image-viewer").removeClass("hidden");
   });
   $(".image-viewer").click(function () {
      $("#videoContainer").html('');
      $(this).addClass("hidden");
   })
</script>
@stop