Merge pull request #4953 from Ayushmaanagarwal1211/Abouyt-us-anagram-…

…checker About us page For anagram checker game
kunjgit · Jul 28, 2024 · e61776c · e61776c
2 parents f97aa92 + 60eee82
commit e61776c
Show file tree

Hide file tree

Showing 2 changed files with 73 additions and 21 deletions.
diff --git a/Games/Anagram_Checker_Game/about.html b/Games/Anagram_Checker_Game/about.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>About Anagram Checker Game</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <h1 align="center">About Anagram Checker Game</h1>
+    <div class="container">
+        <p>This Anagram Checker Game allows you to check if two words are anagrams of each other. An anagram is a word or phrase formed by rearranging the letters of a different word or phrase, typically using all the original letters exactly once.</p>
+
+        <h2>Features:</h2>
+        <ul>
+            <li>Simple and intuitive interface</li>
+            <li>Quickly check if two words are anagrams</li>
+            <li>Learn about anagrams and how they work</li>
+        </ul>
+
+        <h2>About Us:</h2>
+        <p>We are dedicated to creating fun and educational games that challenge your mind and expand your knowledge of language and literature.</p>
+
+        <h2>Contact Us:</h2>
+        <p>If you have any questions or feedback about the Anagram Checker Game, feel free to reach out to us at <a href="mailto:[email protected]">[email protected]</a>.</p>
+
+        <p>Follow us on social media for updates and more games!</p>
+        <ul>
+            <li><a href="#">Facebook</a></li>
+            <li><a href="#">Twitter</a></li>
+            <li><a href="#">Instagram</a></li>
+        </ul>
+
+        <p>Thank you for playing!</p>
+    </div>
+</body>
+</html>
diff --git a/Games/Anagram_Checker_Game/index.html b/Games/Anagram_Checker_Game/index.html
@@ -3,28 +3,43 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
+    <title>Anagram Checker Game</title>
     <link rel="stylesheet" href="styles.css">
 </head>
 <body>
-  <h1 align="center" >Anagram Checker Game</h1>
-  <div class="container">
-
-  <h3>An anagram is a literary device where the letters that make up a word, phrase, or name are rearranged to create new ones. The original word or phrase is the subject of the anagram, the anagram is what is created by repurposing those letters.</h3>
-
-  <div class="form-group">
-  <label for="word1"> <h3>Enter first word:</h3> </label>
-  <input type="text" id="word1" class="form-control" size="40" >
-</div>
-<div class="form-group">
-  <label for="word2"><h3>Enter second word:</h3></label>
-  <input type="text" id="word2" class="form-control">
-</div>
-<button class="divbtn"  id="check-anagram" class="btn btn-primary">Check Anagram</button>
-
-<h2><div id="result" class="alert"></div> </h2> 
-</div>
-
-  <script src="script.js" ></script>
+    <header>
+        <nav>
+            <ul>
+                <li><a href="index.html">Home</a></li>
+                <li><a href="about.html">About Us</a></li> <!-- Added link to About Us page -->
+            </ul>
+        </nav>
+    </header>
+
+    <h1 align="center">Anagram Checker Game</h1>
+
+    <div class="container">
+        <h3>An anagram is a literary device where the letters that make up a word, phrase, or name are rearranged to create new ones. The original word or phrase is the subject of the anagram, the anagram is what is created by repurposing those letters.</h3>
+
+        <div class="form-group">
+            <label for="word1"><h3>Enter first word:</h3></label>
+            <input type="text" id="word1" class="form-control" size="40">
+        </div>
+
+        <div class="form-group">
+            <label for="word2"><h3>Enter second word:</h3></label>
+            <input type="text" id="word2" class="form-control">
+        </div>
+
+        <button id="check-anagram" class="btn btn-primary">Check Anagram</button>
+
+        <h2><div id="result" class="alert"></div></h2>
+    </div>
+
+    <footer>
+        <p>© 2024 Anagram Checker Game. <a href="about.html">About Us</a></p>
+    </footer>
+
+    <script src="script.js"></script>
 </body>
-</html>
+</html>