Store Hours

by pphheerroonn

HTML

<div class="store-box">
<div class="store-box-container">
<img src="http://compub.com/wp-content/uploads/2014/09/Galway-Externalsmall.jpg">
<h1>
Galway
</h1>
<p>
48 William Street, Galway
</p>
<div class="opening-box">
<h4>
Opening Times
</h4>
Monday: 9:30 – 18:00
Tuesday: 9:30 – 18:00
Wednesday: 9:30 – 18:00
Thursday: 9:30 – 19:00
Friday: 9:30 – 19:00
Saturday: 9:30 – 18:00
Sunday: 12:00 - 18:00
</div><!--opening times END-->
</div><!--container END-->
</div><!--store END-->

CSS

.store-box{
  width: 300px;
  height: 350px;
  background:white;
  overflow: hidden;
  position: relative;
}
.store-box img{max-height: 200px;}
.store-box h1{margin:-5px; text-align: center;}
.store-box p{margin:10px;}
.store-box .opening-box{
  margin:10px;
}
.store-box-container{
  position: absolute;
    -webkit-transition: all 0.3s ease;
  -moz-transition:    all 0.3s ease;
  -o-transition:      all 0.3s ease;
}
.store-box-container:hover{
  top: -200px;
}