@RohilPatel/

Newon X2

HTML, CSS, JS

No description

fork
loading
Files
  • index.html
  • script.js
  • style.css
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
<!DOCTYPE html>
<html>
  <title>Newton X2</title>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>repl.it</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <script src="script.js"></script>
  </body>
  <style></style>
</head>
<body>
<center>
<head>
<style>
div.card {
  width: 900px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
}

div.header {
  background-color: #4CAF50;
  color: white;
  padding: 10px;
  font-size: 40px;
}

div.container {
  padding: 10px;
}
</style>
</head>
<body>



<div class="card">
  <div class="header">
    <h1>NewtonX2</h1>
  </div>

  <div class="container"><left>
    <h4> Rules:<br></h4>
    
    <p>1. Why Sleep When You Can’t</p>
    <p>2. E-Mail Me If You Get 2048</p>
    
    </left>
  </div>
</div>
</center>
</body>
<style>
.button {
  background-color: #4CAF50;
  border-radius: 20px;
  border: none;
  color: white;
  padding: 10px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  
}
</style>
</head>
<body>

<center>
<br><button class="button"><a href='https://2048-game--rohilpatel.repl.co' class='css-class'></href>Play</button>

</center>
</html>
result
console