@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="titulo">
         Información
      </div>
   <div class="row">
         
         <div class="col-sm-6 info-study">
            <p>
               <span style="text-transform: none; color: #312e89">
                  Diferéncia<span style="color: #ec1814">TE:</span>
               </span>
               son tres cursos cortos, sencillos y becados al 100%. Es una formación en línea para el desarrollo de competencias digitales y habilidades personales y profesionales que te ayudarán en tu proyecto de futuro.
            </p>
            <p>
               3 acciones formativas. MATRÍCULA ABIERTA.
               <ol>
                  <li>
                     <p style="font-size: 18px; font-weight: 600">Autoconfianza</p>
                  </li>
                  <li>
                     <p style="font-size: 18px; font-weight: 600">Ser Digital</p>
                  </li>
                  <li>
                     <p style="font-size: 18px; font-weight: 600">Navega por la red de forma segura</p>
                  </li>
               </ol> 
            </p>
            <br>
            <p>
               Estos cursos pretenden ayudarle a fortalecer sus habilidades y destrezas, lo que le permitirá:
               <ul>
                  <li> Dotar de herramientas para aumentar el nivel de autoconocimiento que redunde en el logro de una visión coherente y equilibrada de sí mismo/a.</li>
                  <li>Fomentar una autovaloración positiva y realista de sí mismo/a.</li>
                  <li>Dotar de herramientas para aumentar la seguridad personal.</li>
                  <li>Aprender a desenvolverse de forma segura por el mundo digital. </li>
                  <li>Conocer las ventajas que ofrece internet.</li>
                  <li>Valorar el uso de varios dispositivos digitales para acceder a los servicios de la red.</li>
                  <li>Aprender a proteger la identidad digital.</li>
                  <li>Conocer los riesgos de las nuevas tecnologías. </li>
                  <li>Proporcionar algunas estrategias para navegar por la red de forma segura.</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="Financiación Accenture">
            </div>
            <div class="row">
                <div class="col-md-12 info-study" >
                   
                     <h3><b>¿Cómo inscribirse?</b></h3>
                    <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>
				<!--	<p> Si lo desea también puede inscribirse rellenando el siguiente   <a href="https://forms.gle/G4tSHs4v2waKHfYD8" target="_blank">formulario</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">
            Información ampliada
         </div>
         <br>
         <ul class="nav nav-tabs">
               <li class="active"><a data-toggle="tab" href="#autoconfianza">Autoconfianza</a></li>
               <li><a data-toggle="tab" href="#serdigital">Ser Digital</a></li>
               <li><a data-toggle="tab" href="#navegacionsegura">Navega por la red de forma segura</a></li>
           </ul>
           <div class="tab-content">
               <div id="autoconfianza" class="tab-pane fade in active">
                  <h3>Autoconfianza. Habilidades para el desarrollo profesional</h3>
                  <br>
                  <div class="row">
                     <div class="col-md-8">
                        <h4>Descripción</h4>
                        <p>
                           D. Ralph Waldo Emerson decía que la confianza en sí mismo 
                           es el primer secreto del éxito. Cuando nos sentimos capaces, 
                           seguros/as y con confianza, se abre todo un abanico de nuevas 
                           posibilidades que nos permite avanzar y cambiar aquello que 
                           deseamos, disfrutando del proceso y no solo del resultado. 
                        </p>
                        <p>
                           Con esta acción formativa, pretendemos que descubra nuevas herramientas que le permitan desarrollar sus propias habilidades y descubrir su potencial, aumentando sus posibilidades de conseguir sus objetivos laborales, profesionales y personales.  
                        </p>
                        <br>
                        <h4>Objetivos</h4>
                        <p>
                           <ul>
                              <li>Dotar de herramientas para aumentar el nivel de autoconocimiento que redunde en el logro de una visión coherente y equilibrada de sí mismo/a.</li>
                              <li>Fomentar una autovaloración positiva y realista de sí mismo/a. </li>
                              <li>Dotar de herramientas para aumentar la seguridad personal.</li>
                           </ul>
                        </p>
                        <br>
                        <h4>Programa de contenidos</h4>
                        <p>
                           <ol>
                              <li>Autoconfianza: una habilidad a potenciar</li>
                              <li>Un placer conocerme</li>
                              <li>¿Perfección? ¡No, gracias!</li>
                              <li>El recurso más eficaz: yo</li>
                              <li>1, 2, 3... ¡En marcha!</li>
                           </ol>
                        </p>
                     </div>
                     <div class="col-md-4">
                        <img class="img-responsive" src="{{ asset('img/autoconfianza.jpg') }}" title="Portada Autoconfianza">
                     </div>
                  </div>
               </div>
               <div id="serdigital" class="tab-pane fade in">
                  <h3>Ser digital</h3>
                  <br>
                  <div class="row">
                     <div class="col-md-8">
                        <h4>Descripción</h4>
                        <p>
                           Las habilidades para ser digital se pueden tener más o menos desarrolladas. 
                           Existen personas que muestran una mayor capacidad de apertura a la 
                           transformación, mientras que hay otras que sienten rechazo y/o miedo
                           hacia estos cambios; las hay que están más predispuestas a conocer todas
                           las novedades de las nuevas tecnologías y existen otras que no muestran 
                           ningún interés y desconocen las tecnologías y qué nos ofrecen; asimismo, 
                           hay gente muy precavida respecto a su identidad digital, que cuida la imagen 
                           que ofrece a través de internet y que es consciente de la huella que dejan sus actos en la red, mientras que hay gente que no tiene ningún cuidado y puede llegar a realizar actos de muy mal gusto, o incluso delictivos, pensando que, al no hacerlo en el mundo real, no va a tener ninguna consecuencia.                               
                        </p>
                        <p>
                              Por otro lado, como ocurre en muchos aspectos de nuestra vida, es recomendable buscar un equilibrio a la hora de utilizar las nuevas tecnologías, ya que tan malo es el defecto como el exceso. Debemos tener presente que negarse a la realidad y quedarse fuera de los cambios que nos traen las nuevas tecnologías es algo negativo, pero un uso excesivo de estas tecnologías también puede generar problemas.
                        </p>
                        <br>
                        <h4>Objetivos</h4>
                        <p>
                           <ul>
                              <li>Aprender a desenvolverse de forma segura por el mundo digital</li>
                              <li>Conocer las ventajas que ofrece internet</li>
                              <li>Valorar el uso de varios dispositivos digitales para acceder a los servicios de la red</li>
                              <li>Aprender a proteger la identidad digital </li>
                           </ul>
                        </p>
                        <br>
                        <h4>Programa de contenidos</h4>
                        <p>
                           <ol>
                              <li>Las ventajas del mundo digital </li>
                              <li>Los dispositivos de acceso al mundo digital </li>
                              <li>La identidad digital</li>
                              <li>Seguridad en la red </li>
                              <li>Un mundo de posibilidade</li>
                           </ol>
                        </p>
                     </div>
                     <div class="col-md-4">
                        <img class="img-responsive" src="{{ asset('img/ser_digital.jpg') }}" title="Portada Autoconfianza">
                     </div>
                  </div>
               </div>
               <div id="navegacionsegura" class="tab-pane fade in">
                  <h3>Navega por la red de forma segura</h3>
                  <br>
                  <div class="row">
                     <div class="col-md-8">
                        <h4>Descripción</h4>
                        <p>
                           En esta acción formativa conoceremos algunas estrategias para navegar por la red de forma segura.  
                        </p>
                        <br>
                        <h4>Objetivos</h4>
                        <p>
                           <ul>
                              <li>Conocer los riesgos de las nuevas tecnologías</li>
                              <li>Proporcionar algunas estrategias para navegar por la red de forma segura</li>
                           </ul>
                        </p>
                        <br>
                        <h4>Programa de contenidos</h4>
                        <p>
                           <ol>
                              <li>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="Navegación segura">
                     </div>
                  </div>
               </div>
           </div>
      </div>
   </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