Skip to content

Commit 0a916f3

Browse files
committed
Added index.html to describe about pomodoro timer.
1 parent 454c3af commit 0a916f3

File tree

1 file changed

+45
-0
lines changed

1 file changed

+45
-0
lines changed

index.html

Lines changed: 45 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
8+
<title>Pomodoro Site</title>
9+
10+
<!-- Bootstrap -->
11+
<link href="css/bootstrap/bootstrap.css" rel="stylesheet">
12+
13+
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
14+
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
15+
<!--[if lt IE 9]>
16+
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
17+
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
18+
<![endif]-->
19+
</head>
20+
<body>
21+
22+
<div class="container">
23+
<div class="jumbotron">
24+
<h1>Pomodoro Timer</h1>
25+
<p>The Pomodoro Timer is a simple and effective time management method. The technique uses a timer to break down work into intervals of 50 minutes in length, separated by short and long breaks.</p>
26+
<a class="btn btn-primary btn-lg" href="./pomodoro-timer.html" role="button">Try Now</a>
27+
</div>
28+
<h1> What is Pomodoro Timer?</h1>
29+
<p>The Pomodoro Technique is a time management method developed by Francesco Cirillo in the late 1980s.The technique uses a timer to break down work into intervals traditionally 25 minutes in length, separated by short breaks. These intervals are known as "pomodoros", the plural in English of the Italian word pomodoro meaning "tomato".The method is based on the idea that frequent breaks can improve mental agility.(The timer length can vary as per a individuals choice.)</p>
30+
<h2>Underlying principles</h2>
31+
<p>There are five basic steps to implementing the technique:
32+
<ol>
33+
<li>Decide on the task to be done</li>
34+
<li>Set the pomodoro timer to n minutes (traditionally 50)</li>
35+
<li>Work on the task until the timer rings; record with an x</li>
36+
<li>Take a short break (3–5 minutes)</li>
37+
<li>After four pomodoros, take a longer break (15–30 minutes)</li>
38+
39+
</ol>
40+
</p>
41+
</div>
42+
<!-- Include all compiled plugins (below), or include individual files as needed -->
43+
<script src="js/bootstrap/bootstrap.js"></script>
44+
</body>
45+
</html>

0 commit comments

Comments
 (0)