girlsintech workshop - blog website HTML (part 2)

gistfile1.txt

<h1>Your blog's title</h1>
<div class="img-wrapper">
  <img style="width: 500px; height: auto;" src="https://s26162.pcdn.co/wp-content/uploads/2020/09/Pink_1.jpg"/>
</div>

<h2>Entries:</h2>
<ul>
  <li><a href="#blog-1">Blogpost #1</a></li>
  <li><a href="#blog-2">Blogpost #2 <span style="background-color: yellow;"><- Featured!</span></a></li>
  <li><a href="#blog-3">Blogpost #3</a></li>
  <li><a href="#blog-4">Blogpost #4</a></li>
</ul>
<h3 id="blog-1">Blogpost #1</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dui eros, vehicula ac condimentum in, imperdiet non arcu. Cras at ipsum imperdiet, finibus nibh sit amet, auctor odio.</p>
<div class="right-align">
  <h3 id="blog-2"><span style="background-color: yellow;">Blogpost #2</span></h3>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dui eros, vehicula ac condimentum in, imperdiet non arcu. Cras at ipsum imperdiet, finibus nibh sit amet, auctor odio.</p>
</div>
<h3 id="blog-3">Blogpost #3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dui eros, vehicula ac condimentum in, imperdiet non arcu. Cras at ipsum imperdiet, finibus nibh sit amet, auctor odio.</p>
<div class="right-align">
<h3 id="blog-4">Blogpost #4</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dui eros, vehicula ac condimentum in, imperdiet non arcu. Cras at ipsum imperdiet, finibus nibh sit amet, auctor odio.</p>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dui eros, vehicula ac condimentum in, imperdiet non arcu. Cras at ipsum imperdiet, finibus nibh sit amet, auctor odio.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dui eros, vehicula ac condimentum in, imperdiet non arcu. Cras at ipsum imperdiet, finibus nibh sit amet, auctor odio.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dui eros, vehicula ac condimentum in, imperdiet non arcu. Cras at ipsum imperdiet, finibus nibh sit amet, auctor odio.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dui eros, vehicula ac condimentum in, imperdiet non arcu. Cras at ipsum imperdiet, finibus nibh sit amet, auctor odio.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dui eros, vehicula ac condimentum in, imperdiet non arcu. Cras at ipsum imperdiet, finibus nibh sit amet, auctor odio.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dui eros, vehicula ac condimentum in, imperdiet non arcu. Cras at ipsum imperdiet, finibus nibh sit amet, auctor odio.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dui eros, vehicula ac condimentum in, imperdiet non arcu. Cras at ipsum imperdiet, finibus nibh sit amet, auctor odio.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dui eros, vehicula ac condimentum in, imperdiet non arcu. Cras at ipsum imperdiet, finibus nibh sit amet, auctor odio.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dui eros, vehicula ac condimentum in, imperdiet non arcu. Cras at ipsum imperdiet, finibus nibh sit amet, auctor odio.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dui eros, vehicula ac condimentum in, imperdiet non arcu. Cras at ipsum imperdiet, finibus nibh sit amet, auctor odio.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dui eros, vehicula ac condimentum in, imperdiet non arcu. Cras at ipsum imperdiet, finibus nibh sit amet, auctor odio.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam dui eros, vehicula ac condimentum in, imperdiet non arcu. Cras at ipsum imperdiet, finibus nibh sit amet, auctor odio.</p>