A Pen by Zita Szedercsíra

This awesome code was written by dopamine, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright dopamine ©


  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

  <meta charset="UTF-8">
  <title>A Pen by  Zita SzedercsĂ­ra</title>
  <link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>

      <link rel="stylesheet" href="css/style.css">



<body class='container-fluid'>
  <div class="timeline row">
    <div class="year col-sm-1">2007</div>
    <div class="year col-sm-1">2008</div>
    <div class="year col-sm-1">2009</div>
    <div class="year col-sm-1">2010</div>
    <div class="year col-sm-1">2011</div>
    <div class="year col-sm-1">2012</div>
    <div class="year col-sm-1">2013</div>
    <div class="year col-sm-1">2014</div>
    <div class="year col-sm-1">2015</div>
    <div class="year col-sm-1">2016</div>
<div class="places row">
  <div class="city">Budapest, HU</div>
  <div class="city">Seville, SP</div>
  <div class="city">Barcelona, SP</div>
  <div class="city">Edinburgh, Scotland</div>
<div class="titles row">
  <div class="title col-xs-4">Studying Computer Science &amp; Bioinformatics</div>
  <div class="title col-xs-8">Living the hard working life</div>
<div class="jobs row">
  <div class="job">
    <div class="logo"><img src="" alt="Kitchen Budapest logo" /></div>
    <div class="company">Kitchen Budapest</div>
    <div class="title">New Media Researcher</div>
    <div class="detail"></div>
  <div class="job">
    <div class="logo"><img src="" alt="Morgan Stanley logo" /></div>
    <div class="company">Morgan Stanley</div>
    <div class="title">IT Analyst Intern</div>
    <div class="detail"></div>
  <div class="job">
    <div class="logo"><img src="" alt="Comet GC logo" /> <img src="" alt="BSkyB logo" /></div>
    <div class="company">Comet Global Consulting / BSkyB</div>
    <div class="title">Junior Chordiant Developer</div>
    <div class="title">DMS Technical Lead</div>
    <div class="title">DMS Team Lead</div>
    <div class="detail"></div>
  <div class="job">
    <div class="logo"><img src="" alt="Tesco Bank logo" /></div>
    <div class="company">Tesco Bank</div>
    <div class="title">UX Designer</div>
    <div class="detail"></div>

  <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>




/*Downloaded from https://www.codeseek.co/dopamine/a-pen-by-zita-szedercsandxedra-gaVzPM */
.timeline {
  border-bottom: 1px solid #333;
  padding: 12px;

.year {
  transform: rotate(-30deg);