JSFiddle - React, Tailwind, and code Playground

Ubigreen HTML templates

by Zonedark

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div class="row">
  <div class="col-md-1">
    Type :
  </div>
  <div class="col-md-2">
    <select style="width:100%">
      <option value="one">One</option>
      <option value="two">Two</option>
      <option value="three">Three</option>
      <option value="four">Four</option>
    </select>
  </div>
  <div class="col-md-9">
    Report Content
  </div>
</div>
<div class="row top-buffer">
  <div class="col-md-1">
    Type :
  </div>
  <div class="col-md-2">
    <select style="width:100%">
      <option value="one">One</option>
      <option value="two">Two</option>
      <option value="three">Three</option>
      <option value="four">Four</option>
    </select>
  </div>
  <div class="col-md-9">
    Report Content
  </div>
</div>


<table class="table table-striped">
  <thead>
    <tr>
      <th>#</th>
      <th>First Name</th>
      <th>Last Name</th>
      <th>Username</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">1</th>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    <tr>
      <th scope="row">2</th>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
    <tr>
      <th scope="row">3</th>
      <td>Larry</td>
      <td>the Bird</td>
      <td>@twitter</td>
    </tr>
  </tbody>
</table>
<br/>

<div class="row vignette">
  <div class="col-md-8 col-md-offset-1 entry smallvignette" >
    <div class="row" style="position:relative">
      <div class="col-md-6">
        <h2>
  Rapport Bâtiment 4
  </h2>
      </div>
      <div class="col-md-6 anchordown">
        Tous les Lundis à 14h00
      </div>
    </div>
    <div class="row" style="">
      <div class="col-md-8">
        Rapport énergétique sur l'année en cours
      </div>
      <div class="col-md-4" style="text-align: right;">
        Créé le 20/01/2015
      </div>
    </div>
    <div>

    </div>
  </div>
  <div class="col-md-3...

CSS

.top-buffer {
  margin-top: 10px;
}

.entry {
  border-bottom: solid 1px black
}

.containerdiv {
  position: relative;
}

.absolutebottom {
  display: table-cell;
  vertical-align: bottom;
  float: none;
}


/* This style needs the parent to be on position relative */

.anchordown {
  text-align: right;
  vertical-align: text-bottom;
  position: absolute;
  right: 0;
  bottom: 0;
}

.anchoricons {
  position: absolute;
  right: 0;
  bottom: 0;
}

.vignette{
  position:relative;
}

.vignette:hover{
   box-shadow: 1px 1px 20px 1px #86BA18;
}

.entry:hover{
 
}