-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
235 lines (222 loc) · 6.84 KB
/
index.html
File metadata and controls
235 lines (222 loc) · 6.84 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
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
<!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" />
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap" rel="stylesheet" />
<link rel="stylesheet" href="css/index.css" />
<link rel="stylesheet" href="css/fa/css/font-awesome.css" />
<title>Oak Inc</title>
</head>
<body>
<div class="container">
<!-- header -->
<div class="header">
<div class="logo">
<img src="images/logo.png" alt="Oak Inc" />
</div>
<div class="bar">
<i class="fa fa-bars"></i>
</div>
<div class="nav">
<ul>
<li><a href="solution.html">Solution</a></li>
<li><a href="customer-stories.html">Customer Stories</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="#">See Oak In Action</a></li>
</ul>
</div>
</div>
<!-- intro section -->
<div class="intro">
<div class="box">
<h1>Oak Digital Workplace</h1>
<p>
A digital workplace for enterprises that need to communicate with
their workforce wherever they are, we make it possible to connect,
engage and collaborate from any device.
</p>
<a href="#">Oak Digital Workplace for Enterprises</a>
</div>
<div class="box">
<img src="images/slider-image.png" alt="Oak Digital Workplace" />
</div>
</div>
<!-- launch section -->
<div class="launch">
<div class="icon">
<i class="fa fa-bolt"></i>
</div>
<div class="content">
<h1>Launch in days with Oak Quick Connect ›</h1>
<p>
Stay engaged, connected and up-to-date during times of urgency and
change.
</p>
</div>
<div class="btn">
<a href="#">Oak Quick Connect</a>
</div>
</div>
<!-- partners -->
<!-- div.box*5>img -->
<div class="partners">
<div class="box"><img src="images/nhs-logo.png" alt="NHS" /></div>
<div class="box">
<img src="images/river_island_logo.png" alt="River island" />
</div>
<div class="box">
<img src="images/trustford_logo.jpg" alt="Trustford" />
</div>
<div class="box"><img src="images/aldi_logo.jpg" alt="ALDI" /></div>
<div class="box"><img src="images/itv_logo.png" alt="ITV" /></div>
<div class="box">
<img src="images/pizzaexpress-logo.png" alt="PizzaExpress" />
</div>
<div class="box">
<img src="images/halfords-auto-logo.png" alt="Halford" />
</div>
<div class="box">
<img src="images/pinewood-logo.jpg" alt="Pine Wood" />
</div>
</div>
<!-- experience -->
<div class="experience">
<div class="box one">
<h1>Enhance your employee experience</h1>
<p>
Our <span>Digital Workplace</span> is designed to get the most out
of your team. Oak is intuitive and easy to use, and with a variety
of features focussed specifically on promoting staff engagement,
keeping your people involved for longer and more productive than
ever.
</p>
</div>
<div class="box">
<img src="images/timeline.png" alt="TimeLine" />
</div>
</div>
<!-- support -->
<div class="support">
<div class="box">
<img src="images/the-hub.png" alt="The Hub" />
</div>
<div class="box one">
<h1>Expert Insights and Support</h1>
<p>
From advice on information architecture, design, intranet
governance, and even security we can provide you with the expertise
to help make your Oak Digital Workplace as engaging as possible. And
when you need it, our dedicated Customer Success team is ready to
answer any query you have.
</p>
<a href="#">Onboarding & Support</a>
</div>
</div>
<!-- testimony -->
<div class="testimony">
<h1>Hear what our customers have to say</h1>
<!-- one -->
<div class="box">
<div class="image">
<img src="images/aldi-pod.jpg" alt="ALDI" />
</div>
<p>
After looking at a way to transform the way they communicated with
their 32,000 workforce, Aldi partnered with Oak to create MyAldi. A
mobile-first platform designed to engage and connect their large
store-based workforce without access to a desktop.
</p>
<a href="#">Read more about Aldi</a>
</div>
<!-- two -->
<div class="box">
<div class="image">
<img src="images/halfords-pod.jpg" alt="Halford" />
</div>
<p>
Halfords Autocentres needed a modern and intuitive platform to
connect with their employees. With the help of Oak, Halfords
developed a digital workplace that was up and running within weeks,
and has enabled them to have a consistent method of communication.
</p>
<a href="#">Read more about Halfords</a>
</div>
<!-- three -->
<div class="box">
<div class="image">
<img src="images/oec-pod.jpg" alt="OEC" />
</div>
<p>
With a large global workforce, OEC needed to communicate with all
their employees quickly and efficiently. With Oak, OEC saw increased
engagement in all their offices and they can now share and manage
documents in one area that all employees can access.
</p>
<a href="#">Read more about OEC</a>
</div>
<a href="#" class="see">See all customer stories</a>
</div>
<!-- demo section -->
<div class="demo">
<div class="icon">
<img src="images/oak-circles-white.png" alt="Oak Cirlce" />
</div>
<div class="content">
<h1>Want to see more?</h1>
<p>
Get a demo with one of our digital workplace experts and see how Oak
could work for you.
</p>
</div>
<div class="btn">
<a href="#">Arrange a demo</a>
</div>
</div>
<!-- base -->
<div class="base">
<div class="box1">
<ul>
<li class="head">Product</li>
<li>Corporate & Enterprise</li>
<li>Oak Quick Connect</li>
</ul>
<ul>
<li class="head">Services</li>
<li>Onboarding & Support</li>
</ul>
<ul>
<li class="head">Customer</li>
<li>Customer Stories</li>
<li>Pricing</li>
</ul>
<ul>
<li class="head">Oak</li>
<li>About Us</li>
<li>FAQs</li>
<li>Contact</li>
</ul>
</div>
<div class="box2">
<span><i class="fa fa-twitter"></i></span>
<span><i class="fa fa-linkedin"></i></span>
</div>
</div>
<!-- footer section -->
<div class="footer">
<div class="copyright">
<img src="images/logo.png" alt="Logo">
<p> © Oak Engage 2020. All rights reserved.</p>
</div>
<div class="partner">
<img src="images/g-cloud-group (1).png" alt="">
</div>
</div>
</div>
<script src="jquery.js"></script>
<script src="index.js"></script>
</body>
</html>