add project block CM
by dhavaljani
HTML
<link rel="stylesheet" href="http://myhome.mantrais.net/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="http://myhome.mantrais.net/Content/css/style.css">
<div class="well-white radius project-block" id="divList"><div class="text-center">
<div class="add-project-block"><img src="http://placehold.it/80x80&text=+" class="img-circle" />Add Project</div> </div>
</div>
<div class="well-white radius project-block" id="divList">
<div class="project-pic">
<a href="/Projects/Details/30?filtervalue=1">
<img id="image1" src="/Upload/Project/30/ProjectPicture_Untitled-20.png" />
</a>
</div>
<div class="project-info">
<strong> <a href="/Projects/Details/30?filterValue=1" style="color:black;">SSS23-Secure Storage Space Facility</a> </strong><br />
<p> 23 Meadowlands Parkway <br /><span style="padding-right: .4em;">Milford,</span>MA</p>
</div>
<div class="project-stat">
<a style="color :Black;" href="/Tasks?projectId=30&filterValue=1"> <span><img src="http://myhome.mantrais.net/Content/img/tasks-icon.png" /> 1</span> </a>
...
CSS
.text-center {
text-align: center;
}
.add-project-block img{
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}
.add-project-block{
height: 130px;
}