title: Clickable div that redirect me to another HTML page
body: <p>I would like to click on the DIV (article-column1) ("which is a rectangle") </p>
  
  <p>and it should redirect me to another HTML document: </p>
  
  <p><a href="https://s3-us-west-1.amazonaws.com/example/the-example.html" rel="noreferrer">https://s3-us-west-1.amazonaws.com/example/the-example.html</a></p>
  
  <blockquote>
    <p>Blockquote</p>
  </blockquote>
  
  <pre><code>&lt;style&gt;
      #content1 {
        width: 70%;
        overflow: auto;
        margin: 4% 0% 0% 23%;
        padding-left: 6%;
       }
  
      #content1 div {
        float: left;
        width:27%;
        height:20%;
        background-color: #efefef;
        margin: 1% 3% 2% 0%;
        padding: 2% 2% 1% 2%;
        text-align: center;
      }
  
     #content1 p {
        color:#f91d04;
      }
  
     .article-column1 {
        -moz-box-shadow: -5px 5px 29px #777777;
        -webkit-box-shadow: -5px 5px 29px #777777;
        box-shadow: -5px 5px 29px #777777;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        }
  
     .article-column2 {
         -moz-box-shadow: -5px 5px 29px #777777;
         -webkit-box-shadow: -5px 5px 29px #777777;
         box-shadow: -5px 5px 29px #777777;
         border-radius: 3px;
         -moz-border-radius: 3px;
         -webkit-border-radius: 3px;
        }
  
     .article-column3{
        -moz-box-shadow: -5px 5px 29px #777777;
        -webkit-box-shadow: -5px 5px 29px #777777;
        box-shadow: -5px 5px 29px #777777;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        }
  
      .article-column4 {
       -moz-box-shadow: -5px 5px 29px #777777;
       -webkit-box-shadow: -5px 5px 29px #777777;
       box-shadow: -5px 5px 29px #777777;
       border-radius: 3px;
       -moz-border-radius: 3px;
       -webkit-border-radius: 3px;
       }
  &lt;/style&gt;
  &lt;body&gt;
  &lt;div id="content1"&gt;
     &lt;div class="article-column1"&gt;
           &lt;img src ="https://s3-us-west-1.amazonaws.com/plus32med.png"&gt;
           &lt;p&gt;New Workout&lt;/a&gt;&lt;/p&gt; 
     &lt;/div&gt;
  
     &lt;div class="article-column2"&gt; 
          &lt;img src = "https://s3-us-west-1.amazonaws.com/clock61.png"&gt;
          &lt;p&gt;History&lt;/p&gt;
     &lt;/div&gt;
  
     &lt;div class="article-column3"&gt;
          &lt;img src = "https://s3-us-west-1.amazonaws.com/money57.png"&gt;       
          &lt;p&gt;Graph&lt;/p&gt; 
     &lt;/div&gt;
  
     &lt;div class="article-column4"&gt;
          &lt;img src = "https://s3-us-west-1.amazonaws.com/play11.png"&gt;
          &lt;p&gt;video&lt;/p&gt; 
     &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <blockquote>
    <p>Blockquote</p>
  </blockquote>