-
Notifications
You must be signed in to change notification settings - Fork 9
/
index.html
109 lines (101 loc) · 4.65 KB
/
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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Software to track time in a working environment, an employee timesheet">
<meta name="keyword" content="timesheet software, time track">
<link rel="shortcut icon" href="/assets/img/logo-1.png"/>
<link rel="stylesheet" href="assets/css/index.css">
<link rel="stylesheet" href="./assets/css/component.css">
<link rel="stylesheet" href="./assets/css/utilities.css">
<title>Pace Time-Sheet</title>
</head>
<body>
<main-header></main-header>
<div class="landing-page-container">
<div class="landing-page-body">
<div class="free-trial-form">
<h3 class="roboto-slab">Track Your Time <br>At Your Own <img src="assets/img/Vector.png" alt=""> Pace</h3>
<p>Spend less time making the right and informed decisions</p>
<form class="trial-form" name="form" netlify>
<input type="text" name="email" placeholder="Your Company's Email" required>
<input type="submit" value="Let's Go">
</form>
</div>
<!-- Features With Logo -->
<div class="what-we-offer">
<div class="features-container">
<h3 class="roboto-slab"
style="
text-align: center;
font-size: 2rem;
color:#31406b;
color:#213260;
margin: 12px 12px 14px 12px;
text-transform: uppercase;
font-weight: 1rem;"
>What we offer</h3>
<div class="features-items open-sans">
<div class="logo"><img src="assets/img/landing-page/13.png"><p> Time<br>Tracking</p></div>
<div class="logo"><img src="assets/img/landing-page/14.png"><p>Productivity <br>Monitoring</p></div>
<div class="logo mobile-align"><img src="assets/img/landing-page/15.png"><p>Reporting <br> Sheet</p></div>
<div class="logo"><img src="assets/img/landing-page/16.png"><p>Time <br>Scheduling</p></div>
<div class="logo"><img src="assets/img/landing-page/17.png"><p>Online <br>Timesheet</p></div>
<div class="logo"><img src="assets/img/landing-page/18.png"><p>Team <br>Memos</p></div>
</div>
</div>
</div>
</div>
<!-- End of Features with Logo -->
<!-- Features Information -->
<div class="features-section-2">
<div class="heading-con">
<h3 id="logo-heading" class="roboto-slab">Everything your team needs to work smarter</h3>
</div>
<div class="features-wrapper">
<div class="features-section-2-logo"><img src="assets/img/landing-page/19.png"></div>
<div class="features-section-2-logo"><img src="assets/img/landing-page/20.png"></div>
<div class="features-section-2-logo"><img src="assets/img/landing-page/21.png"></div>
<div class="features-section-2-logo"><img src="assets/img/landing-page/22.png"></div>
<div class="features-section-2-logo"><img src="assets/img/landing-page/23.png"></div>
<div class="features-section-2-logo"><img src="assets/img/landing-page/24.png"></div>
</div>
<!-- Feature text Summary -->
<div class="features-summary">
<h3>Simple, accurate work time tracking software for growing businesses</h3>
<h3 id="second-summary"> Easy time tracking. Stress-free work monitoring. Advanced reporting.</h3>
</h3>
</div>
<a href="./contents/feed-back.html" id="feedback_btn" class="feedback"><img src="/assets/img/feedback-icon.png" alt=""></a>
<!-- Hello To Pace Section -->
<!-- <div class="hello-to-pace-container">
<h2>Say hello to Pace</h2>
<p>And goodbye to inefficiency, frustration, clunky timesheets — you get the idea</p>
</div> -->
<main-footer></main-footer>
</div>
<!-- End of Body Container -->
<!-- js files -->
<script type="text/javascript" src="./assets/js/component.js"></script>
<script>
//Get the feedback button
var feedback_btn = document.getElementById("feedback_btn");
// When the user scrolls down 20px from the top of the document, show the feedback button
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
feedback_btn.style.display = "block";
} else {
feedback_btn.style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
</div>
</body>
</html>