diff --git a/List.css b/List.css new file mode 100644 index 0000000..a3cf899 --- /dev/null +++ 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 new file mode 100644 index 0000000..3645308 --- /dev/null +++ b/List.html @@ -0,0 +1,47 @@ + + + + + + List Of Members + + + + +

Score Board

+
+ + + + + + + + + + + + + + + + + + + + + + + + +
S.NO.Player 1Score 1Player 2Score 2
1abc10bdc5
2gfh10yuf5



+
+ + + + +
+ + + + diff --git a/LoginPage.css b/LoginPage.css new file mode 100644 index 0000000..b3bb34f --- /dev/null +++ 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 new file mode 100644 index 0000000..abe6f20 Binary files /dev/null and b/Pic22.jpg differ diff --git a/Pic31.jpg b/Pic31.jpg new file mode 100644 index 0000000..b4d88e6 Binary files /dev/null and b/Pic31.jpg differ diff --git a/Screenshot (44).png b/Screenshot (44).png new file mode 100644 index 0000000..845762e Binary files /dev/null and b/Screenshot (44).png differ diff --git a/game.css b/game.css new file mode 100644 index 0000000..fe3bf4f --- /dev/null +++ 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 new file mode 100644 index 0000000..8b89d84 --- /dev/null +++ b/game.html @@ -0,0 +1,44 @@ + + + + + Tic-Tac-Toe + + + + + + +

Tic Tac Toe

+ + + +
+

Please Reload The Page To Choose Player Who Goes First Again

+ +
+ + + + + + + + + + + + + + + + +
   
   
   
+
+ +

+ +
+ + + \ No newline at end of file diff --git a/game.js b/game.js new file mode 100644 index 0000000..994ac26 --- /dev/null +++ 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=" "; + } +} + currentPlayer=1; +} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..626a944 --- /dev/null +++ b/index.html @@ -0,0 +1,32 @@ + + + + + + Log In + + + + + +
+

WELCOME, Please Log In

+
+

Player 1

+ + +

Player2

+ +



+
+ + + +
+
+ + + + + + \ No newline at end of file diff --git a/pic1.jpeg b/pic1.jpeg new file mode 100644 index 0000000..e4ade50 Binary files /dev/null and b/pic1.jpeg differ diff --git a/pic10.jpeg b/pic10.jpeg new file mode 100644 index 0000000..c17cf37 Binary files /dev/null and b/pic10.jpeg differ diff --git a/pic17.jpeg b/pic17.jpeg new file mode 100644 index 0000000..12014c6 Binary files /dev/null and b/pic17.jpeg differ diff --git a/pic2.jpeg b/pic2.jpeg new file mode 100644 index 0000000..6226164 Binary files /dev/null and b/pic2.jpeg differ diff --git a/pic3.jpeg b/pic3.jpeg new file mode 100644 index 0000000..c4c0291 Binary files /dev/null and b/pic3.jpeg differ diff --git a/pic34.jpeg b/pic34.jpeg new file mode 100644 index 0000000..e042988 Binary files /dev/null and b/pic34.jpeg differ diff --git a/tic.css b/tic.css new file mode 100644 index 0000000..089ea7d --- /dev/null +++ b/tic.css @@ -0,0 +1,47 @@ +body{ + background-image: url("pic1.jpeg"); + background-size: cover; +} + +td{ + width: 150px; + height:150px; + box-sizing: border-box; + +} +table{ + transform: translate(90%,1%); + +} + +td.brown{ + background-color: brown; +} +td.yellow{ + background-color:yellow; +} +h1{ + font-size: 50px; + font-family: sans-serif; + text-align: center; + font-weight: bold; +} +.game 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; +} +.game a{ + font-size: 16px; + color: darkgray; + text-align: center; +} \ No newline at end of file diff --git a/tic.html b/tic.html new file mode 100644 index 0000000..56d5b7f --- /dev/null +++ b/tic.html @@ -0,0 +1,44 @@ + + + + Tic Tac Toe + + + + + +
+

LET'S PLAY

+
+ + + + + + + + + + + + + + + + + + + + + +
+ + +
+ + + + + + + \ No newline at end of file diff --git a/tic.js b/tic.js new file mode 100644 index 0000000..16e3220 --- /dev/null +++ b/tic.js @@ -0,0 +1,13 @@ +var player = 1; +function Colour(cell) +{ + if(player==1) + { + document.getElementById(cell).className = "brown"; + player +=1; + } + else{ + document.getElementById(cell).className = "yellow"; + player -=1; + } +} \ No newline at end of file