Created
November 13, 2021 18:44
-
-
Save emiliogzzguerra/ad3f65527bd2c00a972052efea82a86b to your computer and use it in GitHub Desktop.
girlsintech workshop - blog website HTML (part 2)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment