Skip to content

Instantly share code, notes, and snippets.

@mariomartinezsz
Created April 4, 2018 14:17
Show Gist options
  • Save mariomartinezsz/93cacac9a034ba09b0c3de48e50f03a5 to your computer and use it in GitHub Desktop.
Save mariomartinezsz/93cacac9a034ba09b0c3de48e50f03a5 to your computer and use it in GitHub Desktop.
Detalle de ventana modal para el website del Flisol El Rule
<div class="col-md-4 col-sm-6">
<div class="schedule-box">
<div class="time">
<time datetime="10:30"></time> - <time datetime="11:00"></time>
</div>
<h3 class="h3-sp">Wordpress, más que Blogs</h3>
<p>Instructor: Rodrigo Patiño</p>
<a class="btn btn-white" href="#" data-toggle="modal" data-target="#modalWordpressMasqueBlogs">Más info</a>
</div>
<!-- Modal -->
<div class="modal fade" id="modalWordpressMasqueBlogs" role="dialog">
<div class="modal-dialog">
<!-- Contenido de la ventana modal-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Wordpress, más que Blogs</h4>
</div>
<div class="modal-body">
<h4>
Instructor: Rodrigo Patiño
</h4>
<p>Objetivo: Crear un template de Wordpress que sirva como landing page para un portafolio.</p>
<p>¿Qué aprenderé en este taller?</p>
<ul>
<li>¿Qué es Wordpress?</li>
<li>¿Quién usa wordpress?</li>
<li>Ventajas de wp</li>
<li>Instalar wp en un servidor local</li>
<li>Archivos básicos de un template</li>
<li>Mostrar datos con loop básico</li>
<li>Crear un custom loop para datos específicos</li>
<li>Crear campos personalizados</li>
</ul>
<p>
Requisitos:
</p>
<ul>
<li>Servidor local (XAMP, MAMP)</li>
<li>Conocimientos básicos de HTML5 y CSS3</li>
<li>Conocimientos de bootstrap (no indispensable)</li>
<li>Editor de texto (Atom, Sublime, Brackets, etc)</li>
</ul>
<h4>
Bio
</h4>
<p>Rodrigo Patiño tiene 25 años y comenzó a aprender HTML a los 15 años. Durante estos 10 años ha trabajado con PHP, Javascript, C++ y sistemas operativos GNU/Linux. Actualmente estudia ingeniería en computación en el IPN y trabaja como desarrollador/sysadmin en una agencia de desarrollo.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
<!-- Termina Modal -->
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment