Professional Documents
Culture Documents
Daily Tenders
Daily Tenders
<html>
<head>
<style>
object{
marginbottom:0px;
overflowy:auto;
}
embed{
marginbottom:100px;
}
#wrapper{
width:1000px;
margin:15pxauto0px;
textalign:left;
}
#left_side{
width:200px;
margintop:10px;
marginright:10px;
float:left;
}
#right_side{
margintop:10px;
float:left;
width:500px;
}
/*cardaction*/
.card_action{
overflow:hidden;
paddingright:1.6rem;
paddingleft:1.6rem;
paddingbottom:1.6rem;
}
.card_author{}
.card_authorimg,.card_authorcontent{
display:inlineblock;
verticalalign:middle;
.card_authorimg{
borderradius:50%;
marginright:0.6em;
width:90px;
height:90px;
</head>
<body>
</style>
padding:2px;
.radius{borderradius:2px;}
.shadowDepth1{
padding:2px;
border:1pxsolid#b9bdc1;
color:#505050;
boxshadow:5px5px15px#A0A0A0;
mozboxshadow:5px5px15px#A0A0A0;
webkitboxshadow:5px5px15px#A0A0A0;
}
.card{
backgroundcolor:#fff;
marginbottom:0.5rem;
}
<divid="wrapper">
<asideid="left_side">
</aside>
<sectionid="right_side">
<divclass="card_action">
<divclass="card_author">
<divclass="cardradiusshadowDepth1">
<imgsrc="logos/ufaa.jpg"/>
<divclass="card_authorcontent">
ByUFAA
</div>
</div>
</div>
<divclass="cardradiusshadowDepth1">
<objecttype="application/pdf"data="0118.pdf"width="100%"height="40%"></object>
</div>
</div>
<divclass="card_action">
<divclass="card_author">
<imgsrc="logos/tsc_logo.gif"/>
<divclass="card_authorcontent">
ByTSC
</div>
</div>
</div>
<embedsrc="0126.pdf"type="application/pdf"width="100%"height="40%"/>
<divclass="card_action">
<divclass="card_author">
<imgsrc="logos/kaa_logo.png"/>
<divclass="card_authorcontent">
ByKAA
</div>
</body>
</html>
</div>
</div>
</div>
<embedsrc="0122.pdf"type="application/pdf"width="100%"height="40%"/>
<divclass="card_action">
<divclass="card_author">
<imgsrc="logos/coat_of_arms.png"/>
<divclass="card_authorcontent">
ByNationalTreasury
</div>
</div>
</div>
<embedsrc="0121.pdf"type="application/pdf"width="100%"height="40%"/>
</section>