cybergroupdevs · bhawna22 · Feb 1, 2019 · Feb 6, 2019 · Feb 6, 2019
diff --git a/List.css b/List.css
@@ -0,0 +1,70 @@
+h2{
+    margin:0;
+
+    color: brown;
+    font-size: 40px;
+    font-family: cursive;
+    text-align: center;
+    font-weight: "bold";
+}
+body{
+    background-image: url("pic22.jpg");
+    background-size: 100% 100%;
+    background-attachment: fixed;
+    margin: 0;
+    padding: 0;
+    font-family: sans-serif;
+}
+
+
+.loginBox{
+    position: absolute;
+    top: 70%;
+    left: 40%;
+    transform: translate(-40%,-50%);
+    width: 300px;
+    height: 650px;
+    padding: 40px 40px;
+    box-sizing: border-box;
+    background: rgba(0,0,0,0);
+
+}
+
+table, th, td{
+    border:1px solid brown;
+
+
+}
+th, td{
+    padding: 10px;
+    text-align: center;
+}
+th{
+    color: blueviolet;
+}
+.loginBox input[type="button"]
+{
+    border: none;
+    outline: none;
+    height: 40px;
+    color:white;
+    font-size: 30px;
+    font-family: serif;
+    background-image: url("pic34.jpeg");
+
+
+    box-shadow: 5px 5px 5px black;
+    font-weight: bold;
+    cursor: pointer;
+    width: 300px;
+    transform: translate(30%,10%);
+}
+.loginBox input[type="button"]:hover{
+    background-image: url("Pic31.jpg");
+    box-shadow: 5px 5px 5px black;
+}
+
+
+
+
+
diff --git a/List.html b/List.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width,initial-scale=1.0">
+        <title>List Of Members </title>
+        <link rel="stylesheet" href="List.css">
+    </head>
+    <body>
+
+         <h2>Score Board</h2>
+        <div class="loginBox">
+            <table>
+                <tr>
+                    <th>S.NO.</th>
+                    <th>Player 1</th>
+                    <th>Score 1</th>
+                    <th>Player 2</th>
+                    <th>Score 2</th>
+                </tr>
+                <tr>
+                    <td>1</td>
+                    <td>abc</td>
+                    <td>10</td>
+                    <td>bdc</td>
+                    <td>5</td>
+                </tr>
+                <tr>
+                    <td>2</td>
+                    <td>gfh</td>
+                    <td>10</td>
+                    <td>yuf</td>
+                    <td>5</td>
+                </tr>
+
+
+            </table><br><br><br>
+                 <a href="index.html"><input type="button" name="" value="Play Again"></a><br>
+
+
+
+
+        </div>
+
+
+    </body>
+</html>
diff --git a/LoginPage.css b/LoginPage.css
@@ -0,0 +1,75 @@
+body{
+    background-image:url("pic3.jpeg");
+    background-size: cover;
+    margin: 0;
+    padding: 0;
+    font-family: sans-serif;
+}
+
+.loginBox{
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+    width: 500px;
+    height: 480px;
+    padding: 40px 40px;
+    box-sizing: border-box;
+    background: rgba(0,0,0,.5);
+    box-shadow: 10px 5px 5px black;
+}
+h2{
+    margin:0;
+    padding: 0 0 60px;
+    color: lightblue;
+    font-size: 30px;
+    font-family: serif;
+    text-align: center;
+}
+.loginBox p{
+    margin:0;
+    padding: 0;
+    font-weight: bold;
+    color:#fff;
+
+}
+.loginBox input{
+    width: 100%;
+    margin-bottom: 20px;
+
+}
+.loginBox input[type="text"],.loginBox input[type="password"]{
+    border: none;
+    border-bottom: 1px solid #fff;
+    background: transparent;
+    outline: none;
+    height: 40px;
+    color: #fff;
+    font-size: 16px;
+}
+::placeholder{
+    color: rgba(255,255,255,.5);
+}
+.loginBox input[type="button"]
+{
+    border: none;
+    outline: none;
+    height: 40px;
+    color: black;
+    font-size: 20px;
+    font-family: serif;
+    background-image: url("pic10.jpeg");
+    box-shadow: 5px 5px 5px cadetblue;
+    font-weight: bold;
+    cursor: pointer;
+    border-radius: 20px;
+}
+.loginBox a{
+    font-size: 16px;
+    color: darkgray;
+    text-align: center;
+}
+.loginBox input[type="button"]:hover{
+    background-image: url("pic17.jpeg");
+    box-shadow: 5px 5px 5px chocolate;
+}
diff --git a/Pic22.jpg b/Pic22.jpg
diff --git a/Pic31.jpg b/Pic31.jpg
diff --git a/Screenshot (44).png b/Screenshot (44).png
diff --git a/game.css b/game.css
@@ -0,0 +1,37 @@
+h1 {
+    text-align: center;
+    font-family: 'Indie Flower', cursive;
+  font-size: 53px;
+}
+div {
+  text-align: center;
+  margin: 0px auto;
+    text-align: center;
+  margin: auto;
+}
+body {
+    background-color: #02c39a;
+}
+
+.cell {
+  width:80px;
+  height:80px;
+  border: 5px solid #000000;
+  background: #FFFFFF;
+  font-size: 46pt;
+  font-family: arial;
+  font-weight: bold;
+  text-align: center;
+  margin: auto;
+
+}
+
+fieldset {
+  text-align: center;
+  margin: auto;
+}
+
+.cell:hover {
+  background: #C2DBFC;
+  text-align: center;
+}
diff --git a/game.html b/game.html
@@ -0,0 +1,44 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <title>Tic-Tac-Toe</title>
+    <link rel="stylesheet" type="text/css" href="tictoe.css">
+    <link href='https://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
+    <script type="text/javascript" src="tictoe.js"></script>
+</head>
+<body>
+
+<h1>Tic Tac Toe</h1>
+
+
+
+<fieldset>
+<p>Please Reload The Page To Choose Player Who Goes First Again</p>
+
+<div>
+<Table>
+  <tr>
+    <td id="cell_0_0" class="cell" onClick="JavaScript: clickCell(0,0);">&nbsp;</td>
+    <td id="cell_0_1" class="cell" onClick="JavaScript: clickCell(0,1);">&nbsp;</td>
+    <td id="cell_0_2" class="cell" onClick="JavaScript: clickCell(0,2);">&nbsp;</td>
+  </tr>
+    <tr>
+    <td id="cell_1_0" class="cell" onClick="JavaScript: clickCell(1,0);">&nbsp;</td>
+    <td id="cell_1_1" class="cell" onClick="JavaScript: clickCell(1,1);">&nbsp;</td>
+    <td id="cell_1_2" class="cell" onClick="JavaScript: clickCell(1,2);">&nbsp;</td>
+  </tr>
+    <tr>
+    <td id="cell_2_0" class="cell" onClick="JavaScript: clickCell(2,0);">&nbsp;</td>
+    <td id="cell_2_1" class="cell" onClick="JavaScript: clickCell(2,1);">&nbsp;</td>
+    <td id="cell_2_2" class="cell" onClick="JavaScript: clickCell(2,2);">&nbsp;</td>
+  </tr>
+  </Table>
+  </div>
+<input type=button onClick="Javascript: reset();" value="Reset">
+  <br/><br/>
+
+    </fieldset>
+    </body>
+</html>
+
diff --git a/game.js b/game.js
@@ -0,0 +1,50 @@
+var currentPlayer = prompt("Who is The Current Player X=1 O=2");
+
+
+
+var grid=new Array(3);
+grid[0]=new Array(3);
+grid[1]=new Array(3);
+grid[2]=new Array(3);
+
+
+for (var i=0; i<=2; i++) {
+  for (var j=0; j<=2; j++) {
+    grid[i][j]=0;
+  }
+}
+
+// Checks If Grid Is Already Clicked
+function clickCell(x,y) {
+  if (grid[x][y]>0) {
+    alert("Dont Try To Cheat Bud!!!!!");
+  } 
+
+
+// Clicking Of Boxes
+  else {
+    if (currentPlayer==1) {
+      document.getElementById("cell_"+x+"_"+y).style.color="#3F88C5";
+      document.getElementById("cell_"+x+"_"+y).innerHTML="X";
+      grid[x][y]=1;
+      currentPlayer=2;
+    } else {
+       document.getElementById("cell_"+x+"_"+y).style.color="#E2C290";
+       document.getElementById("cell_"+x+"_"+y).innerHTML="O";
+      grid[x][y]=2;
+      currentPlayer=1;
+    }
+  }
+}
+
+// Reset Game
+
+function reset() {
+for (var i=0; i<=2; i++) {
+  for (var j=0; j<=2; j++) {
+    grid[i][j]=0;
+    document.getElementById("cell_"+i+"_"+j).innerHTML="&nbsp;";
+  }
+}
+ currentPlayer=1;
+}
diff --git a/index.html b/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width,initial-scale=1.0">
+        <title>Log In </title>
+        <link rel="stylesheet" href="LoginPage.css">
+    </head>
+    <body>
+
+
+        <div class="loginBox">
+            <h2>WELCOME, Please Log In</h2>
+            <form name="MyForm">
+                <p> Player 1 </p>
+                <input type="text" name="Player1" placeholder="Name" value="">
+
+                <p> Player2 </p>
+                <input type="text" name="" placeholder="Name">
+                <br><br><br><br>
+                <a href="tic.html"><input type="button" name="" value="Let's Play" onclick="validate();"></a><br>
+
+
+
+            </form>
+        </div>
+
+
+
+
+    </body>
+</html>
diff --git a/pic1.jpeg b/pic1.jpeg
diff --git a/pic10.jpeg b/pic10.jpeg
diff --git a/pic17.jpeg b/pic17.jpeg
diff --git a/pic2.jpeg b/pic2.jpeg
diff --git a/pic3.jpeg b/pic3.jpeg
diff --git a/pic34.jpeg b/pic34.jpeg