A Pen by Alicia

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

Technologies

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

<head>
  <meta charset="UTF-8">
  <title>A Pen by  Alicia</title>
  
  
  <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'>

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

  
</head>

<body>

  
<img class="img-responsive center-block" src="http://www.tasteofcinema.com/wp-content/uploads/2016/01/movies-women-beauty.jpg">

<!-- First a little quote -->
<div class="row">
  <div class="col-md-8 col-md-offset-2 col-xs-12">
    <blockquote class="blockquote-reverse">
      <p>Because there is that sort of feeling that people don't know what to do with gaps in their lives. It's a scary notion, but actually, if you can stand in space just for a little while, a new door will open, or you'll be able to see in the dark after a while.</p>
      <footer>Jane Campion</cite></footer>
    </blockquote>
  </div>
</div>

<!-- Jane's filmography -->
<div id="filmography">
  <h2>Filmography</h2>
  <div class="row">
    <div class="col-xs-6 col-md-4 col-md-offset-2">
      <dl class="dl-horizontal">
        <dt>1980</dt>
        <dd>Tissues</dd>
        <dt>1981</dt>
        <dd>Mishaps: Seduction and Conquest</dd>
        <dt>1982</dt>
        <dd>Peel: An Exercise in Discipline</dd>
        <dt>1983</dt>
        <dd>Passionless Moments</dd>
        <dt>1984</dt>
        <dd>A Girl's Own Story</dd>
        <dt>1984</dt>
        <dd>After Hours</dd>
        <dt>1986</dt>
        <dd>Two Friends</dd>
        <dt>1989</dt>
        <dd>Sweetie</dd>
      </dl>
    </div>
    <div class="col-xs-6 col-md-4">
      <dl class="dl-horizontal">
        <dt>1990</dt>
        <dd>An Angel at My Table</dd>
        <dt>1993</dt>
        <dd>The Piano</dd>
        <dt>1996</dt>
        <dd>Portrait of a Lady</dd>
        <dt>1999</dt>
        <dd>Holy Smoke!</dd>
        <dt>2003</dt>
        <dd>In the Cut</dd>
        <dt>2009</dt>
        <dd>Bright Star</dd>
        <dt>2013</dt>
        <dd>Top of the Lake</dd>    
      </dl>
    </div>
  </div>
</div>

 <!-- Link -->
<p class="text-center"><span class="glyphicon glyphicon-bullhorn"></span> Click <a href="http://www.imdb.com/name/nm0001005/" target="_blank">here</a> if you'd like to find out more!</p>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/08licia/a-pen-by-alicia-BpRYJK */
body{
  background-color: #f0f0f5;
}

blockquote{
  margin: 20px 25px 25px 25px;
}

#filmography {
  background-color: #E9E9F5;
  padding: 20px 25px 25px 25px;
  margin-bottom: 40px;
}

Comments