HTML Code - paste inside the body tag
<section id="section1">
<div class="coverB" id="coverB1">
<div class="btn btnB" id="btnB1">
<div class="btnX" id="btnX1">X</div>
</div>
</div>
<div class="coverT" id="coverT1">
<div class="btn btnT" id="btnT1">
<div class="btnText" id="btnText1">Button Text</div>
</div>
<div class="line" id="line1"></div>
</div>
<article id="article1">
<p>Article 1 content</p>
</article>
</section>
<section id="section2">
<div class="coverB" id="coverB2">
<div class="btn btnB" id="btnB2">
<div class="btnX" id="btnX2">X</div>
</div>
</div>
<div class="coverT" id="coverT2">
<div class="btn btnT" id="btnT2">
<div class="btnText" id="btnText2">Button Text</div>
</div>
<div class="line" id="line2"></div>
</div>
<article id="article2">
<p>Article 2 content</p>
</article>
</section>
<section id="section3">
<div class="coverB" id="coverB3">
<div class="btn btnB" id="btnB3">
<div class="btnX" id="btnX3">X</div>
</div>
</div>
<div class="coverT" id="coverT3">
<div class="btn btnT" id="btnT3">
<div class="btnText" id="btnText3">Button Text</div>
</div>
<div class="line" id="line3"></div>
</div>
<article id="article3">
<p>Article 3 content</p>
</article>
</section>
<section id="section4">
<div class="coverB" id="coverB4">
<div class="btn btnB" id="btnB4">
<div class="btnX" id="btnX4">X</div>
</div>
</div>
<div class="coverT" id="coverT4">
<div class="btn btnT" id="btnT4">
<div class="btnText" id="btnText4">Button Text</div>
</div>
<div class="line" id="line4"></div>
</div>
<article id="article4">
<p>Article 4 content</p>
</article>
</section>
Article 1 content
Article 1 content
Article 1 content
Article 1 content
Article 1 content
Article 1 content
Article 1 content
Article 1 content
Article 1 content
Article 1 content
Article 1 content
Article 1 content bottom