"User profile AOF"
Bootstrap 3.0.0 Snippet by jjvelasco

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> </head> <body> <div class="container"> <div class="row"> <div class="col-sm-2 col-md-2"> <img src="http://thetransformedmale.files.wordpress.com/2011/06/bruce-wayne-armani.jpg" alt="" class="img-rounded img-responsive" /> </div> <div class="col-sm-4 col-md-4"> <blockquote> <p>José Luis Antúnez</p> <small><cite title="Source Title">UX y negocios digitales</cite></small> <p><a href="https://es.linkedin.com/in/jlantunez"><i class="fa fa-linkedin"></i></a>  <a href="https://twitter.com/jlantunez"><i class="fa fa-twitter"></i></a></p> </blockquote> <div id="collapseTwo" class="accordion-body collapse"> <div class="accordion-inner"> <p>Emprendiendo en la web desde 2001 desarrollando servicios pioneros de la comunidad blog. Especialista en diseño de interacción y experiencia de usuario ayudando a startups españolas y latinoamericanas de referencia.</p> <p>En 2001 fundó Idesasapiens.com, plataforma de contenidos para universitarios vendida en 2006 a Aprendemás.com (líder de la formación online en habla hispana).</p> <p>En 2003 formó parte del equipo que lanzó la primera versión de Bitacoras.com, la plataforma blog pionera en español.Cofundador de Evento Blog España (el evento de referencia en habla hispana) y co-organizador hasta 2011.</p> <p>Co-autor del primer libro dedicado en exclusiva a los blogs: ‘Blogs’ (2005) y de Web 2.0 (ambos editados por ESIC Editorial).</p> <p>Fundador de YouAre.com y CSSMania.</p> <p>Mentor de la aceleradora Plug and Play Spain (la única aceleradora de EE.UU con oficina en España) y de El Cubo (promovida por Junta Andalucía y Telefónica).</p> </div> </div> <p><button class="SeeMore2" data-toggle="collapse" href="#collapseTwo">Ver bio</button></p> </div> <div class="col-sm-2 col-md-2"> <img src="http://thetransformedmale.files.wordpress.com/2011/06/bruce-wayne-armani.jpg" alt="" class="img-rounded img-responsive" /> </div> <div class="col-sm-4 col-md-4"> <blockquote> <p>Francisco J. Barquilla</p> <small><cite title="Source Title">Comunicación, Marketing digital y publicidad.</cite></small> </blockquote> <div id="collapseThree" class="accordion-body collapse"> <div class="accordion-inner"> <p>Comunicación. Nuevas tecnologías. Redes sociales. Desde las formas más nuevas, hasta la manera más clásica de hacer llegar una información. Periodista y social media manager.</p> <p></p>Me salieron los dientes en medios de comunicación tradicionales (Diario Hoy, Diario de Sevilla, El Correo de Andalucía), aunque siempre cerca de las innovaciones de la nueva era de la comunicación.</p> <p>Mi carrera ha evolucionado y se ha reorientado hasta llegar a trabajar como social media manager en la Junta de Andalucía.</p> <p>Actualmente implemento y llevo a cabo estrategias de comunicación on y offline para todo aquel que tiene algo que decir y no conoce la mejor manera de hacerlo.</p> <blockquote>“Patience you must have my young padawan”. Hay múltiples formas de hacer crecer una start-up. Yo quiero ayudarte a conocer la mejor forma de usar los mensajes adecuados, en los canales apropiados y en el momento preciso. Estudiar tu fórmula y enseñarte los caminos hasta la cima será mi labor.</blockquote> </div> </div> <button class="SeeMore2" data-toggle="collapse" href="#collapseThree">Ver bio</button> </div> </div> </body>
$('.SeeMore2').click(function(){ var $this = $(this); $this.toggleClass('SeeMore2'); if($this.hasClass('SeeMore2')){ $this.text('Ver bio'); } else { $this.text('Volver'); } });

Related: See More


Questions / Comments: