@extends('layouts.base')

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

@section('title')
{{Lang::get('student.diferenciate.diferenciate')}}
@stop
@section('description')
{{Lang::get('student.diferenciate.el portal del alumno facilita el acceso')}}
@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">
            {!! Lang::get('student.diferenciate.diferenciate-1') !!}
         </h1>
      </span>
   </div>
   <div class="titulo">
      {{Lang::get('student.diferenciate.informacion')}}
      </div>
   <div class="row">
         
         <div class="col-sm-6 info-study">
            <p>
               <span style="text-transform: none; color: #312e89">
                  {!! Lang::get('student.diferenciate.diferenciate-2') !!}
               </span>
               {{Lang::get('student.diferenciate.son tres cursos cortos')}}
            </p>
            <p>
               {{Lang::get('student.diferenciate.3 acciones formativas')}} {{Lang::get('student.diferenciate.matricula abierta')}}
               <ol>
                  <li>
                     <p style="font-size: 18px; font-weight: 600">{{Lang::get('student.diferenciate.autoconfianza')}}</p>
                  </li>
                  <li>
                     <p style="font-size: 18px; font-weight: 600">{{Lang::get('student.diferenciate.ser digital')}}</p>
                  </li>
                  <li>
                     <p style="font-size: 18px; font-weight: 600">{{Lang::get('student.diferenciate.navega por la red de forma segura')}}</p>
                  </li>
               </ol> 
            </p>
            <br>
            <p>
               {{Lang::get('student.diferenciate.estos cursos pretenden ayudarle a fortalecer')}}
               <ul>
                  <li>{{Lang::get('student.diferenciate.dotar de herramientas')}}</li>
                  <li>{{Lang::get('student.diferenciate.fomentar una autovaloracion positiva')}}</li>
                  <li>{{Lang::get('student.diferenciate.dotar de herramientas para aumentar')}}</li>
                  <li>{{Lang::get('student.diferenciate.aprender a desenvolverse de forma segura')}} </li>
                  <li>{{Lang::get('student.diferenciate.conocer las ventajas que ofrece')}}</li>
                  <li>{{Lang::get('student.diferenciate.valorar el uso de varios dispositivos')}}</li>
                  <li>{{Lang::get('student.diferenciate.aprender a proteger la identidad digital')}}</li>
                  <li>{{Lang::get('student.diferenciate.conocer los riesgos de las nuevas tecnologias')}} </li>
                  <li>{{Lang::get('student.diferenciate.proporcionar algunas estrategias')}}</li>
               </ul>
            </p>
         </div>
         <div class="col-sm-6">
               <div class="col-md-12">
               <img class="img-responsive" src="{{ asset('img/diferenciate_portada2.jpg') }}" title="{{Lang::get('student.diferenciate.financiacion accenture')}}">
            </div>
            <div class="row">
                <div class="col-md-12 info-study" >
                   
                     <h3><b>{{Lang::get('student.diferenciate.como inscribirte')}}</b></h3>
                    <p>
                       {!! Lang::get('student.diferenciate.llame al') !!}
                        <a href="{{ route('delegation-id', ['id'=>'todos']) }}">
                           {{Lang::get('student.diferenciate.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>
      
   </div>
   <div class="spacer"></div>
   <div class="row">
      <div class="col-md-8 col-md-offset-2">
         <div class="embed-responsive embed-responsive-16by9">
            <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/s9NzL_kG2nw">
            </iframe>
         </div>
      </div>
   </div>
   <div class="spacer"></div>
   <div class="row">
      <div class="col-md-12">
         <div class="titulo">
            {{Lang::get('student.diferenciate.informacion ampliada')}}
         </div>
         <br>
         <ul class="nav nav-tabs">
               <li class="active"><a data-toggle="tab" href="#autoconfianza">{{Lang::get('student.diferenciate.autoconfianza')}}</a></li>
               <li><a data-toggle="tab" href="#serdigital">{{Lang::get('student.diferenciate.ser digital')}}</a></li>
               <li><a data-toggle="tab" href="#navegacionsegura">{{Lang::get('student.diferenciate.navega por la red de forma segura')}}</a></li>
           </ul>
           <div class="tab-content">
               <div id="autoconfianza" class="tab-pane fade in active">
                  <h3>{{Lang::get('student.diferenciate.autoconfianza. habilidades')}}</h3>
                  <br>
                  <div class="row">
                     <div class="col-md-8">
                        <h4>{{Lang::get('student.diferenciate.descripcion')}}</h4>
                        <p>
                           {{Lang::get('student.diferenciate.ralph waldo')}}
                        </p>
                        <p>
                           {{Lang::get('student.diferenciate.con esta accion formativa')}}
                        </p>
                        <br>
                        <h4>{{Lang::get('student.diferenciate.objetivos')}}</h4>
                        <p>
                           <ul>
                              <li>{{Lang::get('student.diferenciate.dotar de herramientas para aumentar el nivel')}}</li>
                              <li>{{Lang::get('student.diferenciate.fomentar una autovaloracion positiva')}} </li>
                              <li>{{Lang::get('student.diferenciate.dotar de herramientas para aumentar')}}</li>
                           </ul>
                        </p>
                        <br>
                        <h4>{{Lang::get('student.diferenciate.programa de contenidos')}}</h4>
                        <p>
                           <ol>
                              <li>{{Lang::get('student.diferenciate.autoconfianza')}}</li>
                              <li>{{Lang::get('student.diferenciate.un placer conocerme')}}</li>
                              <li>{{Lang::get('student.diferenciate.perfeccion')}}</li>
                              <li>{{Lang::get('student.diferenciate.el recurso mas eficaz')}}</li>
                              <li>1, 2, 3... {{Lang::get('student.diferenciate.en marcha')}}</li>
                           </ol>
                        </p>
                     </div>
                     <div class="col-md-4">
                        <img class="img-responsive" src="{{ asset('img/autoconfianza.jpg') }}" title="{{Lang::get('student.diferenciate.portada autoconfianza')}}">
                     </div>
                  </div>
               </div>
               <div id="serdigital" class="tab-pane fade in">
                  <h3>{{Lang::get('student.diferenciate.ser digital')}}</h3>
                  <br>
                  <div class="row">
                     <div class="col-md-8">
                        <h4>{{Lang::get('student.diferenciate.descripcion')}}</h4>
                        <p>
                           {{Lang::get('student.diferenciate.las habilidades para ser digital')}}
                        </p>
                        <p>
                           {{Lang::get('student.diferenciate.por otro lado, como ocurre')}}
                        </p>
                        <br>
                        <h4>{{Lang::get('student.diferenciate.objetivos')}}</h4>
                        <p>
                           <ul>
                              <li>{{Lang::get('student.diferenciate.aprender a desenvolverse')}}</li>
                              <li>{{Lang::get('student.diferenciate.conocer las ventajas que ofrece')}}</li>
                              <li>{{Lang::get('student.diferenciate.valorar el uso de varios dispositivos')}}</li>
                              <li>{{Lang::get('student.diferenciate.aprender a proteger la identidad')}} </li>
                           </ul>
                        </p>
                        <br>
                        <h4>{{Lang::get('student.diferenciate.programa de contenidos')}}</h4>
                        <p>
                           <ol>
                              <li>{{Lang::get('student.diferenciate.las ventajas del mundo digital')}} </li>
                              <li>{{Lang::get('student.diferenciate.los dispositivos de acceso al mundo digital')}} </li>
                              <li>{{Lang::get('student.diferenciate.la identidad digital')}}</li>
                              <li>{{Lang::get('student.diferenciate.seguridad en la red')}} </li>
                              <li>{{Lang::get('student.diferenciate.un mundo de posibilidades')}}</li>
                           </ol>
                        </p>
                     </div>
                     <div class="col-md-4">
                        <img class="img-responsive" src="{{ asset('img/ser_digital.jpg') }}" title="{{Lang::get('student.diferenciate.portada autoconfianza')}}">
                     </div>
                  </div>
               </div>
               <div id="navegacionsegura" class="tab-pane fade in">
                  <h3>{{Lang::get('student.diferenciate.navega por la red de forma segura')}}</h3>
                  <br>
                  <div class="row">
                     <div class="col-md-8">
                        <h4>{{Lang::get('student.diferenciate.descripcion')}}</h4>
                        <p>
                           {{Lang::get('student.diferenciate.en esta accion formativa conoceremos')}}
                        </p>
                        <br>
                        <h4>{{Lang::get('student.diferenciate.objetivos')}}</h4>
                        <p>
                           <ul>
                              <li>{{Lang::get('student.diferenciate.conocer los riesgos de las nuevas tecnologias')}}</li>
                              <li>{{Lang::get('student.diferenciate.proporcionar algunas estrategias')}}</li>
                           </ul>
                        </p>
                        <br>
                        <h4>{{Lang::get('student.diferenciate.programa de contenidos')}}</h4>
                        <p>
                           <ol>
                              <li>{{Lang::get('student.diferenciate.consejos sobre la seguridad digital')}} </li>
                           </ol>
                        </p>
                     </div>
                     <div class="col-md-4">
                           <img class="img-responsive" src="{{ asset('img/navegacion-segura2.jpg') }}" title="{{Lang::get('student.diferenciate.navegacion segura')}}">
                     </div>
                  </div>
               </div>
           </div>
      </div>
   </div>
   <div class="row">
      <center>
         <h1>{{Lang::get('student.diferenciate.a que esperas')}}</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="{{Lang::get('student.diferenciate.financiacion 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