Articles.html

<header>My Favorite Articles   
</header>

<style>
  body{background:#eee;}
.left{width:70%;float:right;margin-right:5px;}
.right{width:30%;margin-top:10px;}
.blog-post{background:white;padding:10px;
  margin:10px;}
.block-80{margin:auto;background:blue;width:80%;height:100px;}

header{background:grey; padding:10px;margin:0;}
header a{border:solid thin black;padding:5px;}
h1{color:blue}
a.tut-button{background:gray;padding:8px;}
.sidebar-widget{background:white;padding:1px;}
</style>

<div class="block-80"></div>
<div class="left">
<div class="blog-post">
<h1>The next article will come in 2022</h1>
<p>Stay tuned</p>
<img src="Christmas card 1.jpg" alt="Merry Christmas" style="width:250px;height:250px;"> 
</div>
<div class="blog-post">
<h1>An app helps the food vendors to boost their business</h1>
<i>Posted in Medium</i>
<p>You will have a diversity of food menus is this app!</p>
<a href='https://ava517.medium.com/an-app-helps-the-food-vendors-to-boost-their-business-144317ec1083'><button>Read Article</button></a>
</div>
<div class="blog-post">
<h1>What you should know about Taiwan Innovation?</h1>
<i>Posted in Medium</i>
<p>These startups you should definietly know</p>
<a href='https://ava517.medium.com/what-you-should-know-about-taiwan-d0b6763c3fef'><button>Read Article</button></a>
</div>
<div class="blog-post">
<h1>Rails Girl</h1>
<i>Posted in Medium</i>
<p>A hands-on coding workshop</p>
<a href='https://ava517.medium.com/rails-girls-taiwan-ca12a61dfcb8'><button>Read Article</button></a>
</div>
</div>
<div class="right">
  <div class="sidebar-widget">
    <h2>Favorite Articles</h2>
    These articles were written for those like-minded people:</br>
    <br>For people who like street food</br>
    For people who want to know local innovation</br>
    For people who support women in tech</br>
    

     </div>
                       
  
</div>