API tools faq
paste
Guest User

Code

a guest
Sep 29th, 2015
331
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 17.61 KB | None | 0 0
raw download clone embed print report
  1. <section>
  2.             <div class="row">
  3.                 <div class="col-lg-12">
  4.  
  5.  
  6.                     <p class="p-body">
  7.                         <img class="p-body-img" src="img/foto_perfil.png" alt="fotoperfil">
  8.                         <br> Me considero muy afortunada, porque mi "trabajo", simplemente implica hacer lo que me gusta. Soy diseñadora ya que es un término general agradable que abarca el diseño web y el diseño gráfico, la fotografía, el diseño multimedia y un poquito de programación. A mis 18 empecé a estudiar un grado superior en medios de comunicación en Barcelona. Durante esos 4 años descubrí mi verdadera vocación: el diseño gráfico y el diseño multimedia. Es por ello que los siguientes años los dediqué al estudio de las técnicas y los distintos medios para llegar a ser lo que soy y lo que realmente me gusta.</p>
  9.                     <p class="p-body">
  10.                         Tras varios años formándome y probando suerte en distintos trabajos, fue en 2011 cuando una empresa en Girona apostó por mi. 5 años formando parte de un equipo, aprendiendo de todos, aprendiendo nuevas formas de comunicar... Y sobretodo, seguir reafirmando que es el diseño el que me hace 'cosquillitas' en la tripa. Estos últimos meses he metido cabeza en la programación y el diseño web, todo un mundo y un recorrido por descubrir.
  11.                     </p>
  12.  
  13.                 </div>
  14.             </div>
  15. <div id="cont">
  16.             <div class="row">
  17.                 <div class="col-lg-12">
  18.                     <div class="timeline-image">
  19.                         <img src="img/estudios.png" alt="estudios">
  20.                     </div>
  21.                 </div>
  22.             </div>
  23.             <div class="row">
  24.                 <article>
  25.                     <div class="col-lg-4 col-lg-6 col-xs-4">
  26.                         <div class="timeline-panel">
  27.                             <div class="timeline-heading">
  28.                                 <div class="img-icon">
  29.                                     <img src="img/video.png" alt="icono" width="70px" height="70px">
  30.                                 </div>
  31.                                 <h4>Graduado Superior<br> en Mass Media</h4>
  32.                                 <h4 class="subheading">Universidad de Vic</h4>
  33.                                 <h5 class="subheading">2001-2004</h5>
  34.  
  35.                                 <p class="text-list">
  36.                                     Aprendiendo del mundo audiovisual y periodismo.
  37.                                     <br> Forjando la base de mis estudios.
  38.                                 </p>
  39.                             </div>
  40.                         </div>
  41.                     </div>
  42.  
  43.                 </article>
  44.             </div>
  45.             <div class="row">
  46.                 <article>
  47.                     <div class="col-lg-4 col-lg-6 col-xs-4">
  48.                         <div class="timeline-panel">
  49.                             <div class="timeline-heading">
  50.                                 <div class="img-icon">
  51.                                     <img src="img/disenio.png" alt="icono" width="70px" height="70px">
  52.                                 </div>
  53.                                 <h4>Técnico en <br> diseño gráfico </h4>
  54.                                 <h4 class="subheading">New horizons. Barcelona
  55. </h4>
  56.                                 <h5 class="subheading">2004-2006</h5>
  57.  
  58.                                 <p class="text-list">
  59.                                     Descubrir una nueva ilusión por lo gráfico.
  60.                                     <br> Desarrollando nuevas inquietudes.
  61.                                 </p>
  62.                             </div>
  63.                         </div>
  64.                     </div>
  65.  
  66.                 </article>
  67.             </div>
  68.             <div class="row">
  69.                 <article>
  70.                     <div class="col-lg-4 col-lg-6 col-xs-4">
  71.                         <div class="timeline-panel">
  72.                             <div class="timeline-heading">
  73.                                 <div class="img-icon">
  74.                                     <img src="img/multimedia.png" alt="icono" width="70px" height="70px">
  75.                                 </div>
  76.                                 <h4>Técnico digital <br>
  77.                                             y multimedia </h4>
  78.                                 <h4 class="subheading">New horizons. Barcelona
  79. </h4>
  80.                                 <h5 class="subheading">2004-2006</h5>
  81.  
  82.                                 <p class="text-list">
  83.                                     Mezclar estudios con pasión.
  84.                                     <br> Imagen gráfica y multimedia. Ampliar mi formación.
  85.                                 </p>
  86.                             </div>
  87.                         </div>
  88.                     </div>
  89.                 </article>
  90.             </div>
  91.  
  92.  
  93.             <div class="row">
  94.                 <div class="col-lg-12">
  95.  
  96.  
  97.                     <div class="timeline-image">
  98.                         <img src="img/CURSOS.png" alt="cursos">
  99.  
  100.                     </div>
  101.                 </div>
  102.             </div>
  103.  
  104.  
  105.             <div class="row">
  106.                 <article>
  107.                     <div class="col-lg-4 col-lg-6 col-xs-4">
  108.                         <div class="timeline-panel">
  109.                             <div class="timeline-heading">
  110.                                 <div class="img-icon">
  111.                                     <img src="img/desarrollo.png" alt="icono" width="70px" height="70px">
  112.                                 </div>
  113.                                 <h4>Curso JAVA
  114.                                        </h4><h4 class="subheading">Fundación San Valero. Zaragoza
  115. </h4>
  116.                                 <h5 class="subheading"> Junio - Agosto 2015</h5>
  117.  
  118.                                 <p class="text-list">
  119.                                     Ampliar conocimientos en programación.
  120.                                     <br> Interés en programar.
  121.                                 </p>
  122.                             </div>
  123.                         </div>
  124.                     </div>
  125.             </article></div>
  126.            
  127.            
  128.            
  129.  
  130.             <div class="row">
  131.                 <article>
  132.                     <div class="col-lg-4 col-lg-6 col-xs-4">
  133.                         <div class="timeline-panel">
  134.                             <div class="timeline-heading">
  135.                                 <div class="img-icon">
  136.                                     <img src="img/web.png" alt="icono" width="70px" height="70px">
  137.                                 </div>
  138.                                 <h4>Curso HTML5 y CSS3
  139.                                        </h4><h4 class="subheading">CTA. Zaragoza
  140. </h4>
  141.                                 <h5 class="subheading"> Mayo 2015</h5>
  142.  
  143.                                 <p class="text-list">
  144.                                     Despertar nuevas inquietudes.
  145.                                     <br> Autoformación.
  146.                                 </p>
  147.                             </div>
  148.                         </div>
  149.                     </div>
  150.                 </article>
  151.             </div>
  152.             <div class="row">
  153.                 <article>
  154.                     <div class="col-lg-4 col-lg-6 col-xs-4">
  155.                         <div class="timeline-panel">
  156.                             <div class="timeline-heading">
  157.                                 <div class="img-icon">
  158.                                     <img src="img/responsive.png" alt="icono" width="70px" height="70px">
  159.                                 </div>
  160.                                 <h4>Curso Responsive Web
  161.                                        </h4><h4 class="subheading">CTA. Zaragoza
  162. </h4>
  163.                                 <h5 class="subheading"> Abril 2015</h5>
  164.  
  165.                                 <p class="text-list">
  166.                                     Toma de contacto con el entorno web.
  167.                                     <br> Dar un paso más.
  168.                                 </p>
  169.                             </div>
  170.                         </div>
  171.                     </div>
  172.                 </article>
  173.             </div>
  174.  
  175.  
  176.             <div class="row">
  177.                 <article>
  178.                     <div class="col-lg-4 col-lg-6 col-xs-4">
  179.                         <div class="timeline-panel">
  180.                             <div class="timeline-heading">
  181.                                 <div class="img-icon">
  182.                                     <img src="img/iluminacion.png" alt="icono" width="70px" height="70px">
  183.                                 </div>
  184.                                 <h4>Técnico en Iluminación
  185.  
  186.                                        </h4><h4 class="subheading">CPA. Zaragoza
  187.                                            </h4>
  188.                                 <h5 class="subheading"> Abril 2015</h5>
  189.  
  190.                                 <p class="text-list">
  191.                                     Conseguir profundidad en las imágenes.
  192.                                     <br> Mezclar técnicas y crear nuevas expectativas.
  193.                                 </p>
  194.                             </div>
  195.                         </div>
  196.                     </div>
  197.                 </article>
  198.             </div>
  199.             <div class="row">
  200.                 <article>
  201.                     <div class="col-lg-4 col-lg-6 col-xs-4">
  202.                         <div class="timeline-panel">
  203.                             <div class="timeline-heading">
  204.                                 <div class="img-icon">
  205.                                     <img src="img/audiovisual.png" alt="icono" width="70px" height="70px">
  206.                                 </div>
  207.                                 <h4>Técnico audiovisual
  208.  
  209.                                        </h4><h4 class="subheading">CPA. Zaragoza
  210.                                            </h4>
  211.                                 <h5 class="subheading"> Abril 2015</h5>
  212.  
  213.                                 <p class="text-list">
  214.                                     Refrescar y desarrollar nuevas técnicas.
  215.                                     <br> Actualizando ideas.
  216.                                 </p>
  217.                             </div>
  218.                         </div>
  219.                     </div>
  220.                 </article>
  221.             </div>
  222.  
  223.             <div class="row">
  224.  
  225.                 <div class="col-lg-12">
  226.  
  227.  
  228.                     <div class="timeline-image">
  229.                         <img src="img/experiancia.png" alt="cursos">
  230.  
  231.                     </div>
  232.  
  233.                     <div class="row">
  234.                         <article>
  235.                             <div class="col-lg-4 col-lg-6 col-xs-4">
  236.                                 <div class="timeline-panel">
  237.                                     <div class="timeline-heading">
  238.                                         <div class="img-icon">
  239.                                             <img src="img/albaserveis.png" alt="icono" width="70px" height="70px">
  240.                                         </div>
  241.                                         <h4>Diseño
  242. y publicidad
  243.                                        </h4><h4 class="subheading">Alba Serveis Educatius. Girona
  244. </h4>
  245.                                         <h5 class="subheading"> Ago. 2010 - Ene. 2015</h5>
  246.  
  247.                                         <p class="text-list">
  248.                                             Diseño corporativo de empresa.
  249.                                             <br> Maquetación web.
  250.                                             <br> Campañas de márqueting.
  251.                                             <br> Control de redes sociales.
  252.                                             <br>
  253.                                             <a href="http://www.albaserveis.com">Sitio web</a>
  254.                                         </p>
  255.                                     </div>
  256.                                 </div>
  257.                             </div>
  258.                         </article>
  259.                     </div>
  260.                     <div class="row">
  261.                         <article>
  262.                             <div class="col-lg-4 col-lg-6 col-xs-4">
  263.                                 <div class="timeline-panel">
  264.                                     <div class="timeline-heading">
  265.                                         <div class="img-icon">
  266.                                             <img src="img/stopmotion.png" alt="icono" width="70px" height="70px">
  267.                                         </div>
  268.                                         <h4>Animación
  269. audiovisual
  270.                                        </h4><h4 class="subheading">Frozen Moon. Wrexham. UK
  271. </h4>
  272.                                         <h5 class="subheading"> Jul. 2008 - Nov. 2008</h5>
  273.  
  274.                                         <p class="text-list">
  275.                                             Animación por ordenador.
  276.                                             <br> Reportajes sociales.
  277.                                             <br> Edición de video.
  278.                                             <br> Stop motion.
  279.                                             <br>
  280.                                             <a href="http://www.frozenmoon.co.uk">Sitio web</a>
  281.                                         </p>
  282.                                     </div>
  283.                                 </div>
  284.                             </div>
  285.                         </article>
  286.                     </div>
  287.                     <div class="row">
  288.                         <article>
  289.                             <div class="col-lg-4 col-lg-6 col-xs-4">
  290.                                 <div class="timeline-panel">
  291.                                     <div class="timeline-heading">
  292.                                         <div class="img-icon">
  293.                                             <img src="img/memoriam.png" alt="icono" width="70px" height="70px">
  294.                                         </div>
  295.                                         <h4>Diseño gráfico corporativo
  296.                                        </h4><h4 class="subheading">Memoriam 89-95. Barcelona
  297. </h4>
  298.                                         <h5 class="subheading"> Dic. 2006 - Feb. 2007</h5>
  299.  
  300.                                         <p class="text-list">
  301.                                             Diseño de flyers.
  302.                                             <br> Diseño de cartelería.
  303.                                             <br> Tarjetas de visita.
  304.                                             <br> Diseño de logo.
  305.                                         </p>
  306.                                     </div>
  307.                                 </div>
  308.                             </div>
  309.                         </article>
  310.                     </div>
  311.  
  312.  
  313.                     <div class="row">
  314.                         <article>
  315.                             <div class="col-lg-4 col-lg-6 col-xs-4">
  316.                                 <div class="timeline-panel">
  317.                                     <div class="timeline-heading">
  318.                                         <div class="img-icon">
  319.                                             <img src="img/java.png" alt="icono" width="70px" height="70px">
  320.                                         </div>
  321.                                         <h4>Prácticas programación
  322.  
  323.                                        </h4><h4 class="subheading">Inycom. Zaragoza
  324.                                            </h4>
  325.                                         <h5 class="subheading"> Agosto 2015</h5>
  326.  
  327.                                         <p class="text-list">
  328.                                             Colaboración en desarrollo de proyecto.
  329.                                             <br> Maquetación y estilos web.
  330.                                         </p>
  331.                                     </div>
  332.                                 </div>
  333.                             </div>
  334.                         </article>
  335.                     </div>
  336.                     <div class="row">
  337.                         <article>
  338.                             <div class="col-lg-4 col-lg-6 col-xs-4">
  339.                                 <div class="timeline-panel">
  340.                                     <div class="timeline-heading">
  341.                                         <div class="img-icon">
  342.                                             <img src="img/operador.png" alt="icono" width="70px" height="70px">
  343.                                         </div>
  344.                                         <h4>Prácticas Op. cámara
  345.  
  346.                                        </h4><h4 class="subheading">Aragón TV
  347.                                            </h4>
  348.                                         <h5 class="subheading"> Abril - Junio 2010</h5>
  349.                                         <h4 class="subheading">Tv Hospitalet. Barcelona
  350.                                            </h4>
  351.                                         <h5 class="subheading"> Abril - Julio 2004</h5>
  352.                                         <p class="text-list">
  353.                                             Grabación e ingesta de imágenes.
  354.                                             <br>
  355.  
  356.                                         </p>
  357.                                     </div>
  358.                                 </div>
  359.                             </div>
  360.                         </article>
  361.                     </div>
  362.                 </div>
  363.   </div></div>
  364.             <a href="portafolio.html" title="Ir al Portafolio">
  365.                 <img class="footer-section" src="img/pie.jpg" alt="piefooter">
  366.             </a>
  367.  
  368.         </section>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!