diff --git a/maths.html b/maths.html
new file mode 100644
index 0000000..bda0d12
--- /dev/null
+++ b/maths.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width">
+    <meta http-equiv="X-UA-Compatible" content="IE">
+    <title>BlobMaths</title>
+    <link rel="stylesheet" href="style.css">
+    <link rel="shortcut icon" href="images/head.png">
+</head>
+
+<body class="all">
+    <div class="wrapper">
+        <nav class="navbar">
+            
+            <div class="logo">
+                
+                <a class="logo-link" href="index.html"><img src="images/Logo.png" width="150px" height="100px" ></a>
+
+            </div>
+            <ul class="left-list nav-list">
+                <a style="text-decoration:none; position: absolute; left: 25%; top: 13%; font-size: 400%; font-family: verdana; color: rgba(75, 96, 236, 0.885);" href="science.html" > MATHS</a> 
+                <li class="menu-hover"><a class="menu-link" href="index.html">Home</a></li>
+                <li class="menu-hover"><a class="menu-link" href="material.html">Materials</a></li>
+                <li class="menu-hover"><a class="menu-link" href="about.html">About us</a></li>
+                <li class="menu-hover"><a class="menu-link" href="contact.html">Contact us</a></li>
+            </ul>
+            
+            <ul class="nav-list">
+                <li class="login menu-hover">
+                    <a class="menu-link" href="login.html">Log in</a>
+                </li>
+                <li class="sign-up menu-hover">
+                    <a class="menu-link" href="signup.html">Sign up</a>
+                </li>
+                
+            </ul>
+        </nav>
+    </div>
+
+    <div class="maths">
+
+        <div class="study-box">
+            <a style="text-decoration:none; font-family:verdana; color: black ;position:absolute; left:90px; top:250px;" href= "maths_study.html" class="button">Study</a>
+        </div>
+        <div class = "games-box">
+            <a style="text-decoration:none; font-family:verdana; color: black ;position:absolute; left:90px; top:250px;" href= "maths_play.html" class="button">Play</a>
+        </div>
+        <div class = "act-box">
+            <a style="text-decoration:none; font-family:verdana; color: black ;position:absolute; left:90px; top:250px;" href= "maths_activity.html" class="button">Practice</a>
+        </div>
+     </div>
+
+
+
+
+
+
+</body>
+
+
+
+
+
+
+
+</html>
\ No newline at end of file
