Untitled

dabblet.css

.nav { display: flex; font-family: Helvetica; }
 h2 {
  color: white; width: 130px; box-sizing: border-box;
  position: absolute; margin: 0; font-size: 22px;
 }
 a {
  position: relative; width: 240px; height: 240px;
  text-decoration: none; background-size: 240px !important;
 }
 .current {
  background-image: url('https://www.aut.ac.nz/__data/assets/image/0008/616598/current-students-tile.jpg');
 }
 .current h2 { right: 0; padding: 20px 20px 0 0; }
 .future {
   background-image: url('https://www.aut.ac.nz/__data/assets/image/0019/616600/future-students.jpg');
 }
 .future h2 { padding: 20px 0 0 20px; }

dabblet.html

<section class="nav">
  <a class="current" href="#t693759">
    <h2>CURRENT STUDENT</h2>
  </a>
  <a class="future" href="#t693763">
  	<h2>FUTURE STUDENT</h2>
  </a>
 </section>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}