Untitled

<html class="no-js" lang="zxx">
    <!-- Her starter vores head -->
    <head>
        <!-- Her er vores titel -->
        <title>Movie Freaks</title>
        <!-- Her er vores fanes billede/logo -->
        <link rel="shortcut icon" type="image/ico" href="images/Film fan rank logo.png" />
        <!-- Her er vores PLUGINS/CSS filer -->
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/owl.carousel.min.css">
        <link rel="stylesheet" href="css/linearicons.css">
        <link rel="stylesheet" href="css/magnific-popup.css">
        <!-- Dette er vores mest brugte CSS filer -->
        <link rel="stylesheet" href="style.css">
        <link rel="stylesheet" href="css/responsive.css">
        <script src="js/vendor/modernizr-2.8.3.min.js"></script>

      <!-- Her starter vores style -->
      <style>

        /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
        .row.content {height: 100px}


        /* On small screens, set height to 'auto' for sidenav and grid */
        @media screen and (max-width: 767px) {
          .sidenav {
            height: auto;
            padding: 15px;
          }
          .row.content {height:auto;}

             /* Set gray background color and 100% height */
        .sidenav {
          padding-top: 20px;
          background-color: #f1f1f1;
          height: 100%;
        }

        /* Set black background color, white text and some padding */
        footer {
          background-color: #555;
          color: white;
          padding: 15px;
        }
        }
      </style>
      <!-- Her slutter vores style -->
    </head>
    <!-- Her slutter vores head -->


    <!-- Her starter vores body -->
    <body data-spy="scroll" data-target=".mainmenu-area">

        <!-- Her starter vores navigationsbar -->
        <?php require_once 'Nav.php';?>
        <!-- Her slutter vores navigationsbar -->


    <!-- Her starter vores header -->
    <header class="site-header" style="padding: 130px 0 120px;background: linear-gradient(90deg, #cc0b07 0%, rgb(232, 167, 20) 100%);margin-bottom: 0px;">
        <!-- Dette er farven/stylen der bliver brugt i vores header. Hvilket er baggrundsfarven rgb(232, 167, 20) -->
        <div class="container">
            <div class="row">
                <div class="col-xs-12 text-center">
                <h1 class="white-color">Ny bruger?</h1>
                <!-- Her bruger vi "white-color" for at bruge hvid skrift. -->
                </div>
            </div>
        </div>
    </header>
    <!-- Her slutter vores header -->

      <!-- Dette stykke kode laver (ud fra udregningen) en bølge på vores header -->
      <svg height="150px" width="100%" viewbox="0 0 100 15" preserveAspectRatio="none" style="display: block; transform: scale(1,-1)">
      <defs>
        <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
          <stop offset="0%" style="stop-color:rgb(204, 11, 7);stop-opacity:1" />
          <stop offset="100%" style="stop-color:rgb(232, 167, 20);stop-opacity:1" />
        </linearGradient>
      </defs>
      <path fill="url(#grad1)" d="M0 30 V12 Q30 10 55 12 T100 11 V30z" />
      </svg>
      <!-- Her slutter koden til vores bølge -->


        <!-- Koden fra linje 180 til linje 211 er de kasser vi bruger til at indsætte værdierne i.
        Hvis der er en fejl vil den vise den tilpassede fejl besked over kasserne i rød tekst. -->
    <div class="container">
        <div class="row">
            <div class="col-xs-2"></div>
            <div class="col-xs-8">
                <article class="post-single">
                        <h4>Opret ny bruger</h4>
                        <?php
                        if (isset($ErrorMessage)) {
                        echo "<h4 class='red-color'>".$ErrorMessage."</h4>";
                        }
                        ?>

                         <form action="#" method='POST'>

                                 <div class="box">
                                     <input type="username" name="username" class="form-control" placeholder="Brugernavn">
                                     <div class="space-30"></div>
                                 </div>
                                 <div class="box last">
                                     <input type="password" name="password" class="form-control" placeholder="Kodeord">
                                     <div class="space-30"></div>
                                 </div>
                                 <div class="box">
                                     <input type="password" name="passwordcheck" class="form-control" placeholder="Gentag kodeord">
                                     <div class="space-30"></div>
                                 </div>
                                 <button type="submit" name="Opret" class="bttn-default" style="background: linear-gradient(90deg, #cc0b07 0%, rgb(232, 167, 20) 100%);">Opret</button>
                         </form>
                </article>
            </div>
        </div>
    </div>

    <!-- Disse spacers har vi brugt for at lave tilpas mellemrum mellem kasserne og footeren. -->
    <div class="space-90"></div>
    <div class="space-20"></div>


            <!-- Her starter vores footer -->
            <footer>
            <div class="white-color footer-bottom">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12 col-md-5">
                            <span>Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved Movie Freaks</span>
                        </div>
                    </div>
                </div>
            </div>
            </footer>
        <!-- Her slutter vores footer-->


        <!-- Her opbevarer vi vores javascript -->
        <!--Vendor-JS-->
        <script src="js/vendor/jquery-1.12.4.min.js"></script>
        <script src="js/vendor/jquery-ui.js"></script>
        <script src="js/vendor/bootstrap.min.js"></script>
        <!--Plugin-JS-->
        <script src="js/owl.carousel.min.js"></script>
        <script src="js/contact-form.js"></script>
        <script src="js/ajaxchimp.js"></script>
        <script src="js/scrollUp.min.js"></script>
        <script src="js/magnific-popup.min.js"></script>
        <script src="js/wow.min.js"></script>
        <!--Main-active-JS-->
        <script src="js/main.js"></script>


        </body>
        <!-- Her slutter vores body -->
        </html>