<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<meta charset="utf-8">
<style type="text/css">
.div{
width: 350px;
background-color: white;
font-family: calibri;
margin: auto;
}
.div1{
background-color: #4FC0E8;
width: 350px;
height: 100px;
border-bottom: 5px solid;
border-color: #3AB5DE;
}
.div2-1{
position: relative;
left: 45px;
top: 26px;
}
.div2{
background-color: #4FC0E8;
border-radius: 100%;
width:140px;
height: 120px;
position: relative;
bottom: 90px;
left: 110px;
border-bottom: 5px solid;
border-color: #3AB5DE;
}
.div3{
width: 350px;
background-color: white;
position: relative;
bottom: 90px;
}
.div3-1{
color: #4FC0E8;
text-align: center;
}
.div3-2{
color: #D7D8DC;
position: relative;
left: 15px;
}
.div4{
background-color: #4FC0E8;
height: 80px;
width: 350px;
position: relative;
bottom: 70px;
}
.div4-1{
color: white;
text-align: center;
position: relative;
top: 30px;
}
</style>
<body>
<div class="div">
<div class="div1">
</div>
<div class="div2">
<img src="1.jpg" class="div2-1">
</div>
<div class="div3">
<h2 class="div3-1">LOREM IPSUM DOLOR</h2>
<span class="div3-2">
Quisque posuere risus erat at scelerisque felis <br />
pulvinar quis.Maecenas arcu lorem,laoreet at <br />
dui in,hendrerit mattis mi.Sed eu vehicula lectus <br />
felis pulvinar quis.Maecenas arcu lorem,laoreet <br />
at posuere risus erat.
</span>
</div>
<div class="div4">
<h3 class="div4-1">LOAD MORE</h3>
</div>
</div>
</body>
</html>
<html>
<head>
<title></title>
</head>
<meta charset="utf-8">
<style type="text/css">
.div{
width: 350px;
background-color: white;
font-family: calibri;
margin: auto;
}
.div1{
background-color: #4FC0E8;
width: 350px;
height: 100px;
border-bottom: 5px solid;
border-color: #3AB5DE;
}
.div2-1{
position: relative;
left: 45px;
top: 26px;
}
.div2{
background-color: #4FC0E8;
border-radius: 100%;
width:140px;
height: 120px;
position: relative;
bottom: 90px;
left: 110px;
border-bottom: 5px solid;
border-color: #3AB5DE;
}
.div3{
width: 350px;
background-color: white;
position: relative;
bottom: 90px;
}
.div3-1{
color: #4FC0E8;
text-align: center;
}
.div3-2{
color: #D7D8DC;
position: relative;
left: 15px;
}
.div4{
background-color: #4FC0E8;
height: 80px;
width: 350px;
position: relative;
bottom: 70px;
}
.div4-1{
color: white;
text-align: center;
position: relative;
top: 30px;
}
</style>
<body>
<div class="div">
<div class="div1">
</div>
<div class="div2">
<img src="1.jpg" class="div2-1">
</div>
<div class="div3">
<h2 class="div3-1">LOREM IPSUM DOLOR</h2>
<span class="div3-2">
Quisque posuere risus erat at scelerisque felis <br />
pulvinar quis.Maecenas arcu lorem,laoreet at <br />
dui in,hendrerit mattis mi.Sed eu vehicula lectus <br />
felis pulvinar quis.Maecenas arcu lorem,laoreet <br />
at posuere risus erat.
</span>
</div>
<div class="div4">
<h3 class="div4-1">LOAD MORE</h3>
</div>
</div>
</body>
</html>