POMODORO

In this example below you will see how to do a POMODORO with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by mp2506, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright mp2506 ©

Technologies

  • HTML
  • CSS
  • JavaScript
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>POMODORO</title>
  
  
  <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'>

      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <body>
<div class="container-fluid" id="frame">
  <h1>test</h1>
  <p>test p</p>
  
</div>
</body>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js'></script>

  

    <script  src="js/index.js"></script>




</body>

</html>

/*Downloaded from https://www.codeseek.co/mp2506/pomodoro-aBapmw */
#frame {
  background-color:white;
  margin: 100px 40px 10px 70px;
  padding: 0 0 0 0;
}
h1{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
body {
  background-color:black;
}

/*Downloaded from https://www.codeseek.co/mp2506/pomodoro-aBapmw */
/*var i = 0;
var t = setInterval(function ttt(a){
  console.log("test "+i);
  i==10?clearInterval(t):i++;
}, 1000);*/

Comments