diff --git a/materialize/css/style-page.css b/materialize/css/style-page.css
index ae90fb3..11bf736 100644
--- a/materialize/css/style-page.css
+++ b/materialize/css/style-page.css
@@ -21,6 +21,25 @@ section {
min-height: 250px;
}
+.full-picture > .picture-text {
+ position: relative;
+ top: 0px;
+ left: 0px;
+ z-index: 555;
+ width: 100%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ text-align: center;
+ color: white;
+ background-color: rgba(0, 0, 0, .4);
+}
+
+.full-picture > .picture-text > .picture-text-colum {
+ display: flex;
+}
+
.bordered-picture img {
height: 80%;
width: 80%;
diff --git a/templates/page-example.html b/templates/page-example.html
index 33a9711..b82355e 100644
--- a/templates/page-example.html
+++ b/templates/page-example.html
@@ -11,6 +11,13 @@
+
+
+
Some title on the picture
+
Some subtitle
+
3 march 2015
+
+