<!DOCTYPE html>
<html>
<head>
<title>homework1</title>
<meta chatset="utf-8"/>
<style type="text/css">
.bg{
width: 347px;
height: 417px;
background-color: white;
font-family: calibri;
text-align: center;
margin: auto;
}
.div1{
background-color: #4FC0E8;
height: 100px;
border-bottom: solid #3AADDC 3px;
}
.bt1{
background-color: #4FC0E8;
height: 135px;
width: 150px;
border-radius: 100%;
border: none;
border-bottom: solid #3AADDC 3px;
}
.div2{
color: #44CBE9;
font-size: 22px;
margin-top: 55px;
font-weight: bold;
}
.div3{
color: #B5B8BD;
margin:15px;
text-align: left;
line-height: 24px;
font-size: 16px;
}
.div4{
background-color: #4FC0E8;
height: 76px;
border-bottom: solid #3AADDC 4px;
line-height: 76px;
font-size: 22px;
color: white;
font-weight: bold;
}
</style>
</head>
<body>
<div class="bg">
<div class="div1">
<button class="bt1"><img src="homework1/radio.png"></button>
</div>
<div style="height:180px;">
<div class="div2">LOREM IPSUM DOLOR</div>
<div class="div3">Quisque posuere risus erat at scelerisque felis pulvinar quis. Maecenas arcu lorem, laoreet at dui in,hendrerit mattis mi.Sed eu vehicula lectus felis pulvinar quis. Maecenas arcu lorem, laoreet at posuere risus erat.</div>
</div>
<div class="div4">LOAD MORE</div>
</div>
</body>
</html>
<html>
<head>
<title>homework1</title>
<meta chatset="utf-8"/>
<style type="text/css">
.bg{
width: 347px;
height: 417px;
background-color: white;
font-family: calibri;
text-align: center;
margin: auto;
}
.div1{
background-color: #4FC0E8;
height: 100px;
border-bottom: solid #3AADDC 3px;
}
.bt1{
background-color: #4FC0E8;
height: 135px;
width: 150px;
border-radius: 100%;
border: none;
border-bottom: solid #3AADDC 3px;
}
.div2{
color: #44CBE9;
font-size: 22px;
margin-top: 55px;
font-weight: bold;
}
.div3{
color: #B5B8BD;
margin:15px;
text-align: left;
line-height: 24px;
font-size: 16px;
}
.div4{
background-color: #4FC0E8;
height: 76px;
border-bottom: solid #3AADDC 4px;
line-height: 76px;
font-size: 22px;
color: white;
font-weight: bold;
}
</style>
</head>
<body>
<div class="bg">
<div class="div1">
<button class="bt1"><img src="homework1/radio.png"></button>
</div>
<div style="height:180px;">
<div class="div2">LOREM IPSUM DOLOR</div>
<div class="div3">Quisque posuere risus erat at scelerisque felis pulvinar quis. Maecenas arcu lorem, laoreet at dui in,hendrerit mattis mi.Sed eu vehicula lectus felis pulvinar quis. Maecenas arcu lorem, laoreet at posuere risus erat.</div>
</div>
<div class="div4">LOAD MORE</div>
</div>
</body>
</html>