-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathindex.old.html
198 lines (192 loc) · 9.69 KB
/
index.old.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
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
---
layout: default
---
<!-- ******FEATURES PROMO****** -->
<section id="opal" class="features-promo section">
<div class="container">
<div class="row">
<div class="features-intro col-md-5 col-sm-6 col-xs-12">
<img src="assets/images/opallogo.png" />
<h2 class="title">Manage your ward your way</h2>
<ul class="list-unstyled features-list">
<li><i class="fa fa-check"></i>Endlessly customisable</li>
<li><i class="fa fa-check"></i>Designed by you for your own service</li>
<li><i class="fa fa-check"></i>Extensive library of reusable modules</li>
<li><i class="fa fa-check"></i>Open Source - no vendor lockin - ever</li>
<li><i class="fa fa-check"></i>Full support available</li>
</ul>
</div><!--//intro-->
<div class="features-intro col-md-4 col-md-offset-3 col-sm-6 col-xs-12 col-xs-offset-0">
<h2 class="title">Get OPAL for your organisation</h2>
<p class="summary">Get in touch to see what OPAL could do for you.</p>
<form class="signup-form">
<div class="form-group">
<input type="text" class="form-control" id="indexheader" placeholder="Enter your email address">
</div>
<button type="submit" class="btn btn-cta btn-cta-primary"
onclick="get_started(event, 'indexheader')">Get Started</button>
</form><!--//signup-form-->
</div>
</div><!--//row-->
</div><!--//container-->
</section><!--//features-promo-->
<!-- ******WHY****** -->
<section id="why" class="why section">
<div class="container">
<h2 class="title text-center">OPAL</h2>
<p class="intro text-center">A highly customisable framework for building clinical applications</p>
<div class="row">
<div class="benefits col-md-7 col-sm-6 col-xs-12">
<div class="item clearfix">
<div class="icon col-md-3 col-xs-12 text-center">
<i class="fa fa-user-md"></i>
</div><!--//icon-->
<div class="content col-md-9 col-xs-12">
<h3 class="title">Clinical-need centered design</h3>
<p class="desc">
Our strong focus on the user needs of the clinical end user,
along with our insistence on deep clinical engagement at every stage
makes services built on top of OPAL are a joy to use.
</p>
</div><!--//content-->
</div><!--//item-->
<div class="item clearfix">
<div class="icon col-md-3 col-xs-12 text-center">
<i class="fa fa-wrench"></i>
</div><!--//icon-->
<div class="content col-md-9 col-xs-12">
<h3 class="title">Customisation</h3>
<p class="desc">
We believe that no two clinical services are the same,
and that the digital services that support them need to reflect that.
We provide complete customisation services to create a bespoke application that
tailors the wealth of features available in OPAL to your unique situation.
</p>
</div><!--//content-->
</div><!--//item-->
<div class="item clearfix">
<div class="icon col-md-3 col-xs-12 text-center">
<i class="fa fa-users"></i>
</div><!--//icon-->
<div class="content col-md-9 col-xs-12">
<h3 class="title">Supporting your services</h3>
<p class="desc">
We're in it for the long haul. We want to build long-term partnerships with
organisations
looking to build the best possible digital environment for healthcare in the
21st century.
With a wide range of support services, whether you want the assurance of knowing
someone you trust will pick up the phone, or just some pointers to get you started
- we've got your back.
</p>
</div><!--//content-->
</div><!--//item-->
<div class="item clearfix">
<div class="icon col-md-3 col-xs-12 text-center">
<i class="fa fa-hospital-o"></i>
</div><!--//icon-->
<div class="content col-md-9 col-xs-12">
<h3 class="title">Understanding the NHS</h3>
<p class="desc">
We know how organisations within the NHS function.
OPAL has been deployed and certified compliant for Information Governance and
Clinical Safety and we know how to get that in place at your organization.
</p>
<p class="desc">
OPAL is ready to integrate with the rest of your infrastructure using
Open APIs and Open Standards.
</p>
</div><!--//content-->
</div><!--//item-->
<div class="item last clearfix">
<div class="icon col-md-3 col-xs-12 text-center">
<i class="fa fa-code"></i>
</div><!--//icon-->
<div class="content col-md-9 col-xs-12">
<h3 class="title">Open All The Things</h3>
<p class="desc">
OPAL is entirely Open Source, Open Governance.
Vendor neutrality is baked in to the licenses we provide at a fundamental level.
Our customers are always free to customise and re-use the work with other partners.
</p>
</div><!--//content-->
</div><!--//item-->
<div class="clearfix"></div>
<div class="text-center">
<a class="btn btn-cta btn-cta-secondary" href="services.html" >Learn how it works</a>
</div>
</div>
<div class="testimonials col-md-4 col-sm-5 col-md-offset-1 col-sm-offset-1 col-xs-12 col-xs-offset-0">
<div class="item">
<div class="quote-box">
<blockquote class="quote">OPAL is an example of NHS IT done right. It's easy to use and offers so much more than the system it replaces.
</blockquote><!--//quote-->
<p class="details">
<span class="name">Dr Michael Marks</span>
<span class="title">Hospital For Tropical Diseases<br /> University College Hospital</span>
</p>
<i class="fa fa-quote-right"></i>
</div><!--//quote-box-->
<div class="people text-center">
<img class="img-rounded user-pic" src="assets/images/people/notpeople-1.png" alt="">
</div><!--//people-->
</div><!--//item-->
<!-- <div class="item"> -->
<!-- <div class="quote-box"> -->
<!-- <blockquote class="quote">Great vehicula consequat cursus. Pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim! -->
<!-- </blockquote><\!--//quote-\-> -->
<!-- <p class="details"> -->
<!-- <span class="name">Michelle Cheung</span> -->
<!-- <span class="title">San Francisco, US</span> -->
<!-- </p> -->
<!-- <i class="fa fa-quote-right"></i> -->
<!-- </div><\!--//quote-box-\-> -->
<!-- <div class="people text-center"> -->
<!-- <img class="img-rounded user-pic" src="assets/images/people/people-2.png" alt=""> -->
<!-- </div><\!--//people-\-> -->
<!-- </div><\!--//item-\-> -->
<!-- <div class="item last"> -->
<!-- <div class="quote-box"> -->
<!-- <blockquote class="quote">Excellent Vivamus sit amet tortor id orci interdum tempor sed sit amet ante, pretium quis, sem. Nulla consequat massa quis enim! -->
<!-- </blockquote><\!--//quote-\-> -->
<!-- <p class="details"> -->
<!-- <span class="name">James Lee</span> -->
<!-- <span class="title">London, UK</span> -->
<!-- </p> -->
<!-- <i class="fa fa-quote-right"></i> -->
<!-- </div><\!--//quote-box-\-> -->
<!-- <div class="people text-center"> -->
<!-- <img class="img-rounded user-pic" src="assets/images/people/people-3.png" alt=""> -->
<!-- </div><\!--//people-\-> -->
<!-- </div><\!--//item-\-> -->
</div>
</div><!--//row-->
</div><!--//container-->
</section><!--//why-->
<!-- ******hireus****** -->
<section id="hireus" class="hireus section">
<div class="container">
<h2 class="title">Hire us.</h2>
<p class="summary">Deploy OPAL for your organisation.</p>
<p class="summary">
We're experts in building day-to-day transactional clinical applications for organisations
in the NHS that delight their users.
</p>
<p class="summary">We can provide development and support services tailored to your needs.</p>
<a class="btn btn-cta btn-cta-secondary" href="contact.html">Get started</a>
</div>
</section><!--//hireus-->
<!-- ******SIGNUP****** -->
<section id="signup" class="signup has-bg-color">
<div class="container text-center">
<h2 class="title">Get OPAL for your organisation</h2>
<p class="summary">Get in touch to see what OPAL could do for you.</p>
<form class="signup-form">
<div class="form-group">
<input type="text" class="form-control" placeholder="Enter your email address" id="indexsignup">
</div>
<button type="submit" class="btn btn-cta btn-cta-primary"
onclick="get_started(event, 'indexsignup')">Get Started</button>
</form><!--//signup-form-->
</div>
</section><!--//signup-->