-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathonline-timesheet.html
154 lines (149 loc) · 12.4 KB
/
online-timesheet.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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Trackingtime|Time-Tracker</title>
<link rel="stylesheet" href="./styles/online-timesheet.css">
<link rel="stylesheet" href="./commonarea/fotter.css">
<link rel="stylesheet" href="./commonarea/navbarcssfilecommon.css">
<script src="https://kit.fontawesome.com/b3bad2b493.js" crossorigin="anonymous"></script>
</head>
<body>
<div id="nav"></div>
<div id="main">
<!-- email starter -->
<div id="container1">
<figure id="img">
<img src="https://trackingtime.co/wp-content/uploads/2020/07/home-office-the-best-tools-for-remote-work.svg" alt="error">
</figure>
<h4 class="tag_line">Online Timesheet For Efficient Companies</h4>
<div id="email_start">
<input type="email" id="email-input" placeholder="Your work Email">
<button id="start-w-email" class="btn" >START FOR FREE!</button>
<p id="err"></p>
<p id="textun">14-day PRO trial included</p>
<div id="g-signup">
<img src="data:image/png;base64,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" alt="G-logo">
<h3><a href="#">Sign in with Google</a></h3>
</div>
</div>
</div>
<!-- display divs -->
<div id="displaymain">
<div class="functional">
<figure id="functionalimg">
<img src="https://trackingtime.co/wp-content/uploads/2020/03/employe-timesheet.jpg" alt="error">
</figure>
<div class="text_area">
<h1 class="heading">A functional time tracker</h1>
<h3 class="paraex">Easy <strong>online time tracker</strong> is only the beginning. <strong>TrackingTime</strong> enables you to organize and <a href="">plan your time</a> to <a href="">work smarter</a>-Even when time is tight and pressures are high!</h3>
</div>
</div>
<div class="functional">
<figure id="functionalimg">
<img src="https://trackingtime.co/wp-content/uploads/2020/05/landing-consultor-ind-Consultor-feature-03.svg" alt="error">
</figure>
<div class="text_area">
<h1 class="heading">A functional time tracker</h1>
<h3 class="paraex">Easy <strong>online time tracker</strong> is only the beginning. <strong>TrackingTime</strong> enables you to organize and <a href="">plan your time</a> to <a href="">work smarter</a>-Even when time is tight and pressures are high!</h3>
</div>
</div>
<div class="functional">
<figure id="functionalimg">
<img src="https://trackingtime.co/wp-content/uploads/2020/05/Timesheet-dashboard.svg" alt="error">
</figure>
<div class="text_area">
<h1 class="heading">A functional time tracker</h1>
<h3 class="paraex">Easy <strong>online time tracker</strong> is only the beginning. <strong>TrackingTime</strong> enables you to organize and <a href="">plan your time</a> to <a href="">work smarter</a>-Even when time is tight and pressures are high!</h3>
</div>
</div>
<div class="functional" >
<figure id="functionalimg">
<img id="change-img" src="https://trackingtime.co/wp-content/uploads/2020/04/landing-remote-teams-ind-RemoteTeam-bot-ilus-03.svg" alt="error">
</figure>
<div class="btn_area">
<button id="btn1">Easy clock in and clock out</button>
<button id="btn2">Easy clock in and clock out</button>
<button id="btn3">Easy clock in and clock out</button>
<button id="btn4">Easy clock in and clock out</button>
</div>
</div><div class="functional">
<figure id="functionalimg">
<img src="https://trackingtime.co/wp-content/uploads/2020/05/Timeshhet-Insights-1.svg" alt="error">
</figure>
<div class="text_area">
<h1 class="heading">A functional time tracker</h1>
<h3 class="paraex">Easy <strong>online time tracker</strong> is only the beginning. <strong>TrackingTime</strong> enables you to organize and <a href="">plan your time</a> to <a href="">work smarter</a>-Even when time is tight and pressures are high!</h3>
</div>
</div>
<div class="functional">
<figure id="functionalimg">
<img src="https://trackingtime.co/wp-content/uploads/2020/05/Attendance-Feature-04.svg" alt="error">
</figure>
<div class="text_area">
<h1 class="heading">A functional time tracker</h1>
<h3 class="paraex">Easy <strong>online time tracker</strong> is only the beginning. <strong>TrackingTime</strong> enables you to organize and <a href="">plan your time</a> to <a href="">work smarter</a>-Even when time is tight and pressures are high!</h3>
</div>
</div>
<h4 class="ending_tag_line">3 SIMPLE STEPS TO GET YOUR TEAM’S ONLINE TIMESHEETS</h1>
<div class="functional">
<figure id="functionalimg">
<img src="https://trackingtime.co/wp-content/uploads/2020/05/online-timesheetsTasks-bot-ilus-02.svg" alt="error">
</figure>
<div class="text_area">
<h1 class="heading">A functional time tracker</h1>
<h3 class="paraex">Easy <strong>online time tracker</strong> is only the beginning. <strong>TrackingTime</strong> enables you to organize and <a href="">plan your time</a> to <a href="">work smarter</a>-Even when time is tight and pressures are high!</h3>
</div>
</div>
<div class="functional">
<figure id="functionalimg">
<img src="https://trackingtime.co/wp-content/uploads/2020/05/Attendance-Feature-03-1.svg" alt="error">
</figure>
<div class="text_area">
<h1 class="heading">A functional time tracker</h1>
<h3 class="paraex">Easy <strong>online time tracker</strong> is only the beginning. <strong>TrackingTime</strong> enables you to organize and <a href="">plan your time</a> to <a href="">work smarter</a>-Even when time is tight and pressures are high!</h3>
</div>
</div>
<div class="functional">
<figure id="functionalimg">
<img src="https://trackingtime.co/wp-content/uploads/2020/05/ind-Architects-Feature-03.svg" alt="error">
</figure>
<div class="text_area">
<h1 class="heading">A functional time tracker</h1>
<h3 class="paraex">Easy <strong>online time tracker</strong> is only the beginning. <strong>TrackingTime</strong> enables you to organize and <a href="">plan your time</a> to <a href="">work smarter</a>-Even when time is tight and pressures are high!</h3>
</div>
</div>
<div id="last_text" >
<h4 class="ending_tag_line">THE SIMPLEST TIME TRACKER TO IMPROVE YOUR PRODUCTIVITY!</h4>
<button id="last_start">Start Free Trial</button>
</div>
<div id="box_container">
<div class="box" onclick="redirect(1)">
<img src="https://trackingtime.co/wp-content/themes/trackingtime-v4/img/keywords/slider-1.svg" alt="loading">
<h1>Timecards Approval</h1>
<p>Track clock in and out times with no effort.</p>
</div>
<div class="box" onclick="redirect(2)">
<img src="https://trackingtime.co/wp-content/themes/trackingtime-v4/img/keywords/slider-2.svg" alt="loading">
<h1>Budgeting</h1>
<p>Keep your projects on time and budget.</p>
</div>
<div class="box" onclick="redirect(3)">
<img src="https://trackingtime.co/wp-content/themes/trackingtime-v4/img/keywords/slider-3.svg" alt="loading">
<h1>Work schedules</h1>
<p>Specify when your employees are expected to be at their job.</p>
</div>
<div class="box" onclick="redirect(4)">
<img src="https://trackingtime.co/wp-content/themes/trackingtime-v4/img/keywords/slider-4.svg" alt="loading">
<h1>Timesheet Audits</h1>
<p>Avoid data inconsistencies with just one click.</p>
</div>
</div>
</div>
</div>
<div id="footer"></div>
</body>
</html>
<script type="module" src="./scripts/online-timesheet.js"></script>