-
Notifications
You must be signed in to change notification settings - Fork 0
/
benefits.html
114 lines (86 loc) · 5.18 KB
/
benefits.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
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>PRODUCTIVITY EMPIRE | DS</title>
<link rel="stylesheet" href="Styles/styles.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
</head>
<body>
<header>
<div class="topnav">
<a class = "empiretitle" href="">PRODUCTIVITY EMPIRE</a>
<a href="home.html"><i class="fa fa-fw fa-home"></i> Home</a>
<a href="quotes.html">Quotes</a>
<a href="tips.html">Tips</a>
<a class="active" href="benefits.html">Benefits</a>
<a href="books.html">Books</a>
<a href="about.html">About</a>
<a href= #lightmode onclick = "myFunction()">Light Mode</a>
</div>
<!-- Load icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<br>
<div class = "sitecontent">
<p style = "text-align: center;">Why do you want to increase your productivity?</p>
<img class = "benefits" src= "https://content.thriveglobal.com/wp-content/uploads/2020/07/Screen-Shot-2020-07-24-at-1.32.40-PM.png" width = 350 height = 200>
<br>
<p>The most obvious answer that will probably come to mind is that you’d like more free time to do the things you enjoy doing. If you’re able to reach your goals sooner, that leaves you time to set and achieve other goals, whether that’s relaxing with a book or learning a new skill.</p>
<p>The list below shows some of the benefits you can reap from increasing your productivity.</p>
<ul>
<li>Higher profitability due to higher output</li>
<li>Being productive gives you purpose.</li>
<li>Keeps your mind active</li>
<li>Higher engagement</li>
<li>Improve your mood.</li>
<li>Innovation</li>
<li>Motivates the people around you</li>
<li>Make the most of your time</li>
<li>Self-confidence</li>
</ul>
<p>As a bonus, if you accomplish tasks with more ease and frequency, you’ll see a decrease in life stressors – rather than running around trying to get everything done, you’ll see your duties completed in a timely manner. In addition, being productive teaches you to continuously push yourself. And the more productive you are, the easier it is to evolve into a better self.</p>
</div class = "sitecontent">
<a href="#" id="toTopBtn" class="cd-top text-replace js-cd-top cd-top--is-visible cd-top--fade-out" data-abc="true"></a>
<script>
$(document).ready(function() {
$(window).scroll(function() {
if ($(this).scrollTop() > 20) {
$('#toTopBtn').fadeIn();
} else {
$('#toTopBtn').fadeOut();
}
});
$('#toTopBtn').click(function() {
$("html, body").animate({
scrollTop: 0
}, 1000);
return false;
});
});
</script>
<br>
<hr class="new4">
<footer>
<p class = "footer">DionMS8™</p>
</footer>
<div id = #lightmode>
<script>
function myFunction() {
var element = document.body;
element.classList.toggle("light-mode");
}
</script>
</div>
</header>
<!-- Load font awesome icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- The social media icon bar -->
<div class="icon-bar">
<a href="https://www.facebook.com/" class="facebook" target = "_blank"><i class="fa fa-facebook"></i></a>
<a href="https://twitter.com/" class="twitter" target = "_blank"><i class="fa fa-twitter"></i></a>
<a href="https://www.google.com/" class="google" target = "_blank"><i class="fa fa-google"></i></a>
<a href="https://www.linkedin.com/" class="linkedin" target = "_blank"><i class="fa fa-linkedin"></i></a>
<a href="https://www.youtube.com/" class="youtube" target = "_blank"><i class="fa fa-youtube"></i></a>
</div>
</body>
</html>