-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
161 lines (142 loc) · 7.05 KB
/
Copy pathindex.html
File metadata and controls
161 lines (142 loc) · 7.05 KB
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
155
156
157
158
159
160
161
<!DOCTYPE html>
<html>
<head>
<title>Home | TimeSaver</title>
<meta charset="UTF-8">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Tab Icon -->
<link rel="icon" type="image/png" href="">
<!-- Bootstrap 4 css -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Open Iconic CDN -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/open-iconic/1.1.1/font/css/open-iconic.min.css">
<!-- TimeSaver css -->
<link rel="stylesheet" href="css/style.css">
<!-- Google Font(s) -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet">
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-light bg-light fixed-top border-bottom">
<div class="container mr">
<a class="navbar-brand" href="#"><strong>Time Saver</strong></a>
<div>
<a class="btn btn-primary px-5" href="login.html">Log In</a>
<!--<a class="btn btn-primary px-4" href="contact.html">Contact Us</a>-->
</div>
</div>
</nav>
<!-- Masthead -->
<header class="masthead text-white text-center">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-xl-9 mx-auto">
<h1>A time sheet application tailored to your business!</h1>
</div>
</div>
</div>
</header>
<!-- Features List -->
<section class="features-icons bg-light text-center">
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="mx-auto mb-5 mb-lg-0 mb-lg-3">
<div class="features-icon-item text-center">
<span class="oi oi-hover oi-blue oi-lg " data-glyph="monitor"></span>
</div>
<h3 class="pt-5">Fully Responsive</h3>
<p class="lead mb-0">This application will look great on any device, no matter the size!</p>
</div>
</div>
<div class="col-lg-4">
<div class="mx-auto mb-5 mb-lg-0 mb-lg-3">
<div class="features-icon-item text-center">
<span class="oi oi-hover oi-blue oi-lg" data-glyph="clock"></span>
</div>
<h3 class="pt-5">Efficient</h3>
<p class="lead mb-0">Brings everything together to make processes much easier!</p>
</div>
</div>
<div class="col-lg-4">
<div class="mx-auto mt-1 mb-0 mb-lg-3">
<div class="features-icon-item text-center pt-4 pb-4">
<span class="oi oi-blue check rounded-circle pt-3 pb-2 px-3" data-glyph="check"></span>
</div>
<h3 class="pt-4 mt-3">Easy to Use</h3>
<p class="lead mb-0">Simple to navigate, operate, and customize for your business!</p>
</div>
</div>
</div>
</div>
</section>
<!-- Features Showcase -->
<section class="showcase">
<div class="container-fluid p-0">
<div class="row no-gutters">
<div class="col-lg-6 order-lg-2 text-white showcase-img" style="background-image: url('img/bg-showcase-1.jpg');"></div>
<div class="col-lg-6 order-lg-1 my-auto showcase-text">
<h2>Fully Responsive Design</h2>
<p class="lead mb-0">When you use use our application we garauntee that it will look good and work well on any device, whether it's a phone, tablet, or desktop the page will behave responsively!</p>
</div>
</div>
<div class="row no-gutters">
<div class="col-lg-6 text-white showcase-img" style="background-image: url('img/bg-showcase-2.jpg');"></div>
<div class="col-lg-6 my-auto showcase-text">
<h2>Increase Efficiency</h2>
<p class="lead mb-0">Our system makes tracking your time information easier than ever! With all tracking, approving, and reporting in one place we help you to be efficient, secure, and organized!</p>
</div>
</div>
<div class="row no-gutters">
<div class="col-lg-6 order-lg-2 text-white showcase-img" style="background-image: url('img/bg-showcase-3.jpg');"></div>
<div class="col-lg-6 order-lg-1 my-auto showcase-text">
<h2>Easy to Use & Customize</h2>
<p class="lead mb-0">Our application is easy to navigate, operate, and tailor to your business! Getting started is a breeze, and adding, removing, or changing employees over time is made easy on our platform!</p>
</div>
</div>
</div>
</section>
<!-- Contact List -->
<section class="contact-icons bg-light text-center">
<h2>Ready to get started?</h2>
<h3 class="mb-5">Contact us for pricing and signing up!</h3>
<div class="container">
<div class="row mx-auto">
<div class="col-lg-4">
<div class="mx-auto mb-5 mb-lg-0 mb-lg-3">
<div class="features-icon-item text-center">
<span class="oi oi-hover oi-blue oi-lg pl-3" data-glyph="phone"></span>
</div>
<h3 class="pt-3">Call Us</h3>
<p class="lead mb-0">+1(123) 456-6789</p>
</div>
</div>
<div class="col-lg-4">
<div class="mx-auto mb-5 mb-lg-0 mb-lg-3">
<div class="features-icon-item text-center">
<span class="oi oi-hover oi-blue oi-lg" data-glyph="envelope-closed"></span>
</div>
<h3 class="pt-3">Email Us</h3>
<p class="lead mb-0">info@timesaver.com</p>
</div>
</div>
<div class="col-lg-4">
<div class="mx-auto mb-5 mb-lg-0 mb-lg-3">
<div class="features-icon-item text-center">
<span class="oi oi-hover oi-blue oi-lg" data-glyph="comment-square"></span>
</div>
<h3 class="pt-3">Contact</h3>
<p class="lead mb-0">Fill out our <a href="">contact form</a></p>
</div>
</div>
</div>
</div>
</section>
<script src="js/jquery-3.5.1.min.js"></script> <!-- jQuery -->
<script src="js/bootstrap.min.js"></script> <!-- Bootstrap -->
<script src="js/main.js"></script> <!-- Custom -->
</body>
</html>