diff --git a/index.php b/index.php
index a02d158..3cbec78 100644
--- a/index.php
+++ b/index.php
@@ -18,8 +18,16 @@ try
 
 
     $website = new website();
-    $content = $website->buildWebsite();
-    //@ob_clean();
+
+    if( isset( $_POST['submit'] ) )
+    {
+        $content = $website->showScore();
+    }
+    else
+    {
+        $content = $website->buildWebsite();
+    }
+    @ob_clean();
 
     echo $content;
 } catch( Exception $e )
diff --git a/lang/de_DE.ini b/lang/de_DE.ini
index 74f2dc3..2e1ad37 100644
--- a/lang/de_DE.ini
+++ b/lang/de_DE.ini
@@ -14,7 +14,19 @@ JOIN_DISCORD = "Tritt unserem Discord bei!"
 LANGUAGE_CHOOSE = "Wähle deine Sprache aus"
 CALCULATE = "Berechne meine Punkte!"
 
+SCORE_TITLE = "Reinheits-Level"
+SCORE_DESCRIPTION = "Hier kannst du sehen, wie Rein du bist.<br>Jeder hat eine Dunkle Seite!"
+SCORE_SHARE = "Teilen"
+SCORE_SAVE = "Speichern"
+
 [questions]
 1 = "Hast du schon mal einen Schwangerschaftstest benutzt?"
 2 = "Hast du dich schon mal selbst befriedigt?"
-3 = ""
\ No newline at end of file
+3 = ""
+4 = ""
+5 = ""
+6 = ""
+7 = ""
+8 = ""
+9 = ""
+10 = ""
\ No newline at end of file
diff --git a/lang/en_EN.ini b/lang/en_EN.ini
index 3f31b0e..c67ee30 100644
--- a/lang/en_EN.ini
+++ b/lang/en_EN.ini
@@ -14,7 +14,19 @@ JOIN_DISCORD = "Join our Discord!"
 LANGUAGE_CHOOSE = "Choose your langauge"
 CALCULATE = "Calculate my score!"
 
+SCORE_TITLE = "Purity-Score"
+SCORE_DESCRIPTION = "Here you can see how purity you are.<br>Everyone has a dark side!"
+SCORE_SHARE = "Share it"
+SCORE_SAVE = "Save it"
+
 [questions]
 1 = "Have you ever used a pregnancy test before?"
 2 = "Did you ever masturbated?"
-3 = ""
\ No newline at end of file
+3 = ""
+4 = ""
+5 = ""
+6 = ""
+7 = ""
+8 = ""
+9 = ""
+10 = ""
\ No newline at end of file
diff --git a/vendor/css/default.css b/vendor/css/default.css
index 676ba72..252fdbc 100644
--- a/vendor/css/default.css
+++ b/vendor/css/default.css
@@ -2,5 +2,5 @@
 
 body {
     background-image: url('/vendor/images/background.png');
-
+    background-attachment: fixed;
 }
\ No newline at end of file
diff --git a/website.class.inc.php b/website.class.inc.php
index accfc9a..dd1f742 100644
--- a/website.class.inc.php
+++ b/website.class.inc.php
@@ -14,9 +14,12 @@ class website
         try {
             $website = file_get_contents( __DIR__ . '/website_score.html' );
             $website = $this->replaceDefaultThings( $website );
+
+            $website = $this->setScore( $website );
+            return $website;
         } catch( Exception $e )
         {
-
+            throw new RuntimeException( 'Cannot load the score file', 201 );
         }
     }
 
@@ -93,9 +96,9 @@ HTML;
         foreach( language::$lang_file['questions'] as $number => $question )
         {
             $questions .= <<<CHECKBOX
-<label>
+<label style="font-size: 1.15em;">
         <input name="question_$number" type="checkbox" class="filled-in" />
-        <span>$question</span>
+        <span class="black-text text-lighten-3">$question</span>
 </label><br>
 CHECKBOX;
 
@@ -106,7 +109,7 @@ HTML;
         $submit = language::$lang_file[language::CALCULATE];
         $form_end = <<<HTML
 <br>
-<button class="btn waves-effect btn-large waves-light " type="submit" name="action">{$submit}
+<button class="btn waves-effect btn-large waves-light" type="submit" name="submit" value="checked">{$submit}
     <i class="material-icons right">send</i>
 </button>
 </form>
@@ -119,4 +122,55 @@ HTML;
 
         return $website;
     }
+
+    private function calculateScore() : int
+    {
+        $score = count( language::$lang_file['questions'] );
+        foreach( language::$lang_file['questions'] as $number => $question )
+        {
+            if( isset( $_POST["question_$number"] ) && $_POST["question_$number"] === 'checked' )
+            {
+                $score--;
+            }
+        }
+        return $score;
+    }
+
+    private function setScore ( string $a_website ): string
+    {
+        $score = $this->calculateScore();
+        $html = <<<HTML
+<div class="row">
+    <div class="col s12">
+        <div class="card blue-grey darken-1">
+            <div class="card-content white-text">
+                <span class="card-title">[SCORE_TITLE]</span>
+                <div class="row">
+                    <div class="col s5">
+                        <p>[SCORE_DESCRIPTION]</p>  
+                    </div>
+                   
+                        
+                    <div class="col s2 l2">
+                        <span class="black-text" style="font-size: 8.5em;">52</span>
+                    </div>
+                    <div class="col s4"></div>
+                </div>
+            </div>
+            <div class="card-action right-align">
+                <a href="#">[SCORE_SHARE] <i class="material-icons" style="font-size: 1.2em;">share</i></a>
+                <a href="#">[SCORE_SAVE] <i class="material-icons" style="font-size: 1.2em;">save</i></a>
+            </div>
+        </div>
+    </div>
+    
+      
+</div>
+HTML;
+
+        $html = str_replace( ['[SCORE_TITLE]', '[SCORE_DESCRIPTION]', '[SCORE_SHARE]', '[SCORE_SAVE]'], [language::$lang_file['SCORE_TITLE'], language::$lang_file['SCORE_DESCRIPTION'], language::$lang_file['SCORE_SHARE'], language::$lang_file['SCORE_SAVE']], $html );
+
+        $a_website = str_replace( '[CONTENT]', $html, $a_website );
+        return $a_website;
+    }
 }
\ No newline at end of file
diff --git a/website.html b/website.html
index d27f9c5..480ba9d 100644
--- a/website.html
+++ b/website.html
@@ -30,10 +30,10 @@
 </head>
 <body>
 <div class="content">
-    <div class="section no-pad-bot" id="index-banner">
-        <div class="container z-depth-3">
+    <div class="section no-pad-bot" id="index-banner" style="margin-top: -58px;">
+        <div class="orange" style="padding-top: 20px;">
 
-            <h1 class="header center orange-text">[MAIN_TITLE]</h1>
+            <h1 class="header center white-text truncate">[MAIN_TITLE]</h1>
             <div class="row center">
                 <h5 class="header col s12 light">[DESCRIPTION]</h5>
             </div>
@@ -50,7 +50,7 @@
         </div>
 
     </div>
-    <div class="container z-depth-3" style="padding-left: 20px;">
+    <div class="container z-depth-3 " style="padding-left: 20px; background-color: hsla(221,63%,70%,0.18); border-radius: 2px;">
         <div class="section">
             [CONTENT]
             <br>
diff --git a/website_score.html b/website_score.html
index 5f5a52e..367d383 100644
--- a/website_score.html
+++ b/website_score.html
@@ -30,10 +30,10 @@
 </head>
 <body>
 <div class="content">
-    <div class="section no-pad-bot" id="index-banner">
-        <div class="container z-depth-3">
+    <div class="section no-pad-bot" id="index-banner" style="margin-top: -58px;">
+        <div class="orange" style="padding-top: 20px;">
 
-            <h1 class="header center orange-text">[MAIN_TITLE]</h1>
+            <h1 class="header center white-text truncate">[MAIN_TITLE]</h1>
             <div class="row center">
                 <h5 class="header col s12 light">[DESCRIPTION]</h5>
             </div>
@@ -50,10 +50,10 @@
         </div>
 
     </div>
-    <div class="container z-depth-3" style="padding-left: 20px;">
+    <div class="container z-depth-3">
         <div class="section ">
             [CONTENT]
-            <br>
+
 
         </div>