Untitled

<!DOCTYPE html>
<html>

     <head>

         <title>
         Dad I Think I Wanna Drop Out
         </title>

         <meta name="author" content="Thomas Nelis">


         <style>

             body {
             background: url(babe.jpg) no-repeat center fixed;
             background-size: cover;
             }

             .trans {
             overflow: auto;
             margin-left: 20%;
             border-left: 1px outset rgb(231, 232, 232);
             background: rgba(229, 229, 229, 0.3);
             }

             ul {
             list-style-type: none;
             margin: 0;
             padding: 7px;
             overflow: hidden;
             border: 1px inset rgb(231, 232, 232);
             background: linear-gradient(141deg,
             rgb(70, 71, 71), rgb(122, 122, 122));
             }

             li.languages {
             float: right;
             font-size: 90%;
             }

             li.EverythingYouOwnInABoxToTheLeft {
             float: left;
             font-size: 160%;
             }

             a {
             color: rgb(254, 255, 255);
             }

             li a {
             display: block;
             text-align: center;
             padding: 12px 12px 12px 10px;
             <!-- text-decoration: none; -->
             }

             li.languages a {
             padding: 4px 4px 15px 10px;
             }

             li a:hover {
             background-color: rgb(63, 64, 64);
             }

             div.pictures {
             margin: 7% 7% 1% 7%;
             float: left;
             width: 300px;
             }

             div.pictures img {
             border: 2px groove rgb(231, 232, 232);
             width: 100%;
             height: auto;
             box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.3), 0 8px 20px 0 rgba(0, 0, 0, 0.22);
             }

             div.description {
             padding: 10px;
             text-align: center;
             font-size: 130%;
             }


         </style>

     </head>

     <body>

         <div class="trans">

            <ul>
             <li class="languages"> <a href="#NL">NL</a> </li>
             <li class="languages"> <a href="#FR">FR</a> </li>
             <li class="languages"> <a href="#EN">EN</a> </li>

             <li class="EverythingYouOwnInABoxToTheLeft"> <a href="main.html">Home </a> </li>
             <li class="EverythingYouOwnInABoxToTheLeft"> <a href="map.html">Map </a> </li>
             <li class="EverythingYouOwnInABoxToTheLeft"> <a href="contact.html">Contact </a> </li>
            </ul>

            <div class="pictures">
             <img src="baby.jpg">
                <div class="description">
                    <a href="#Room">Room 1</a>
                </div>
            </div>

            <div class="pictures">
             <img src="baby.jpg">
                <div class="description">
                    <a href="#Room">Room 2</a>
                </div>
            </div>

            <div class="pictures">
             <img src="baby.jpg">
                <div class="description">
                    <a href="#Room">Room 3</a>
                </div>
            </div>

            <div class="pictures">
             <img src="baby.jpg">
                <div class="description">
                    <a href="#Room">Room 4</a>
                </div>
            </div>

            <div class="pictures">
             <img src="baby.jpg">
                <div class="description">
                    <a href="#Room">Room 5</a>
                </div>
            </div>

            <div class="pictures">
             <img src="baby.jpg">
                <div class="description">
                    <a href="#Room">Room 6</a>
                </div>
            </div>

            <div class="pictures">
             <img src="baby.jpg">
                <div class="description">
                    <a href="#Room">Room 7</a>
                </div>
            </div>

            <div class="pictures">
             <img src="baby.jpg">
                <div class="description">
                    <a href="#Room">Room 8</a>
                </div>
            </div>


         </div>


     </body>


</html>