Untitled

<!DOCTYPE html>
<html>
  <head>
    <link href="css/styles.css" rel="stylesheet">
	<title>Tara Laro</title>
	<script>
	  function myFunction1() {
	   alert("Pm mo na ako or imention tas invite agad");
	  }
	  function myFunction2() {
	   alert("Edi wag pak u");
	  }
	</script>
    <style>
	  .content {
       width: 100%;
       margin: auto;
	   text-align: center;
	   font-size:40pt;
	   font-style: sans-serif;
       }
	  .btn {
       border: none; 
	   color: white
       padding: 14px 28px;
       cursor: pointer;
      }
      .yes {
	   background-color: #04AA6D;
	   width: 45%;
	   height: 90px;
	   font-size:25pt;
	   font-style: sans-serif;
	  }
      .yes:hover {
	   background-color: #46a049;
	  }
      .no {
	   background-color: #f44336;
	   width: 45%;
	   height: 90px;
	   font-size:25pt;
	   font-style: sans-serif;
	  }
      .no:hover {
	   background-color: #da190b;
	  }
	</style>
  </head>
  <body>
    <div class="content">
	  <h2>TARA LARO CODM?</h2>
	  <button class="btn no" onclick="myFunction2()">PASS</button>
	  <button class="btn yes" onclick="myFunction1()">TARA</button>
	</div>
  </body>
</html>
Editor is loading...