-
Notifications
You must be signed in to change notification settings - Fork 14
/
index.html
194 lines (182 loc) · 11.2 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
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
<!DOCTYPE html>
<html lang="en-GB">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="dwyl is a worldwide community of people using technology to solve real problems.">
<meta name="author" content="@dwyl">
<meta name="robots" content="noarchive">
<meta name="base" content="https://www.dwyl.com">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Istok+Web%7CMontserrat:500" rel="stylesheet">
<link rel="stylesheet" href="https://unpkg.com/[email protected]/css/tachyons.min.css"/>
<link rel="stylesheet" href="css/dwyl.css">
<link rel="shortcut-icon" href="/img/favicon.ico">
<link rel="apple-touch-icon" sizes="57x57" href="/img/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/img/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/img/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/img/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/img/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/img/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/img/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/img/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/img/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/img/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/img/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon-16x16.png">
<link rel="manifest" href="/img/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/img/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<title>App, Website and Software Development & Training | London | dwyl</title>
<script defer data-domain="dwyl.com" src="https://analytics.dwyl.com/js/script.js"></script>
</head>
<body class="dwyl-bg-dark-gray home">
<nav class="w-100 tc white fixed dwyl-bg-dark-gray z-3 shadow-5">
<input type="checkbox" id="burger" class="absolute top-2 right-1 dn">
<label for="burger" class="dn-l pointer absolute top-1 right-1">
<i class="fa fa-bars white dib f2"></i>
</label>
<ul class="overflow-hidden menu db-l w-100 list tc pl0 pt3 mv0 f3 fw3 f5-l">
<li class="absolute top-1 static-l ph4 mh2 fw3 di-l pt1 pb3 pv3-l">
<a href="/" class="white link">
<img src="./img/common/dwyl-heart-only-logo.png" alt="dwyl heart logo" class="w1-plus"/>
dwyl
</a>
</li>
<li class="ph4 pt5 pb2 tl dn-l"><a href="/" class="white link">Home</a></li>
<!-- <li class="ph4 di-l pv2 tl pv0-l"><a href="/portfolio" class="white link">Portfolio</a></li> -->
<li class="ph4 di-l pv2 tl pv0-l"><a href="/values.html" class="white link">Values</a></li>
<li class="ph4 di-l pv2 tl pv0-l"><a href="/team.html" class="white link">Team</a></li>
<li class="ph4 dib-l pv2 tl pv0-l"><a href="/time-app.html" class="white link">App
<span class="dwyl-bg-gold pa1 br2 f7">BETA</span></a></li>
<!-- <li class="ph4 di-l pv2 tl pv0-l"><a href="/blog.html" class="white link">Blog</a></li> -->
<!-- <li class="ph4 di-l pt2 pb3 tl pv0-l"><a href="#contact" id="contact-link" class="dwyl-dark-gray link">Contact</a></li> -->
</ul>
</nav>
<main class="bg-white mw9 center">
<section class="dwyl-bg-dark-gray w-100 pt4 ph0-l">
<section class="dwyl-dark-gray pt5 pb4 ph3 ph2-ns ph3-m ph0-l pb5-ns mw8 center">
<h1 class="white f1 pt5-ns tc">We Make Excellent Products</h1>
<div class="dt-m dt-l dt--fixed-m dt--fixed-l mb3 ph3 ph0-ns" style="border-spacing: 1rem 0px;">
<a href="/case-studies/science-museum-group/online-collections" class="link db dtc-m dtc-l bg-white pa2 br2 relative shadow-6 mb4 mb0-ns">
<p class="pa2 bb b--black dwyl-dark-gray pb3 tl-ns montserrat f5 mt2 pb4-l">
All artefacts of the Science Museum collection,
made accessible and searchable!</p>
<img src="./img/common/science-museum-logo.jpg" alt="Science Museum logo" class="w-50 w-80-m center db pb3"/>
</a>
<a href="/case-studies/inclusive-classrooms/skills-wheel" class="link db dtc-m dtc-l bg-white pa2 br2 relative shadow-6 mb4 mb0-ns">
<p class="pa2 bb b--black dwyl-dark-gray pb3 tl-ns montserrat f5 mt2">Automating data collection means our TA's
can get on with what really matters.</p>
<img src="./img/common/inclusive-classrooms-logo.png" alt="Inclusive Classrooms logo" class="w-60 w-80-m pt2 pt2-l pb3 center db"/>
</a>
<a href="/case-studies/ellen-macarthur-foundation/CE100" class="link db dtc-m dtc-l bg-white pa2 br2 relative shadow-6">
<p class="pa2 bb b--black dwyl-dark-gray pb3 tl-ns montserrat f5 mt2">We increased community engagement with an
exclusive social network.</p>
<img src="./img/common/emf-logo.jpeg" alt="Ellen MacArthur Foundation logo" class="w-70 w-90-m pt3 pt3-l pb3 center db"/>
</a>
</div>
<div class="tc">
<a href="#contact" class="dib link mt5 mb4 pt3 pb3 ph4 dwyl-bg-mint br2 f4 w-auto" style="color: #556A72">Start Your Own Success Story</a>
</div>
</section>
</section>
<section class="ph4 pt5 pb4 tc">
<img src="./img/common/be-make.png" alt="We can be/make your MVP" class="center"/>
<div class="w-60-ns center">
<ul class="tl left-auto w-40-ns">
<li class="list pl0 dwyl-mint">* Most Valuable Player</li>
<li class="list pl0 dwyl-dark-gray">* Minimum Viable Product</li>
</ul>
</div>
</section>
<section class="mw8 white ph4 pt4 pb5 center tc tl-ns dwyl-bg-dark-gray lh-copy shadow-6">
<h2 class="b f2 tc mb0 pb1">The Right Solution <span class="dwyl-yellow db">(in
3 easy steps)</span></h2>
<h3 class="white tc pl3-ns f3v-top fw3 mt0 mb5">Meet your needs quickly and without waste.</h3>
<div class="tc ph3-l">
<div class="w-30-ns mt2 mt3-ns mh1 pa2 pr3 dib-ns tl dtc-ns v-top center">
<h3 class="br-100 w2 h2 tc dtc v-mid dwyl-dark-gray dwyl-bg-yellow">1</h3>
<h3 class="fw5 f4 mt1">Understand the problem properly</h3>
<p>We work together to understand the problem
that has been identified and confirm the intended users feel the pain
and need for a solution.</p>
</div>
<div class="w-30-ns mh1 pa2 pr3 dib-ns tl dtc-ns v-top center">
<h3 class="br-100 w2 h2 tc dtc v-mid dwyl-dark-gray dwyl-bg-yellow">2</h3>
<h3 class="fw5 f4 mt1">Make the next market-ready version of the solution</h3>
<p>We build the solution following agile/lean
software development best practices and get feedback from users as fast
as possible.</p>
</div>
<div class="w-30-ns mh1 pa2 pr3 dib-ns tl dtc-ns v-top center">
<h3 class="br-100 w2 h2 tc dtc v-mid dwyl-dark-gray dwyl-bg-yellow">3</h3>
<h3 class="fw5 f4 mt1">Review the feedback and return to step 1</h3>
<p>We review all feedback and confirm we are
making progress toward solving the problem.</p>
</div>
</div>
</section>
<h3 class="mw6 tc center dwyl-dark-gray ph0-ns pt4 pt4 lh-copy f3">By iterating over these 3 simple steps we
maintain a tight feedback loop between the people building and the people
using.
</h3>
<div class="tc">
<a href="#contact" class="dib link mt3 mb5 pt3 pb3 ph4 dwyl-bg-mint br2 f4 w-auto" style="color: #556A72;">How Can We Help?</a>
</div>
<section class="w-100 dwyl-bg-dark-gray tc tl-ns center pt4 ph5">
<div class="mw6-5 center">
<h2 class="white text-shadow f2 mv0 pt4">Training & Workshops</h2>
<div class="dwyl-dark-gray">
<h3 class="fw9 f3 dwyl-yellow center tl mb0 m5">Hands-on learning to Empower and Inspire.</h3>
<p class="w-100-ns center tl f5 white b mt2">Join one of our masterclasses or tailor a class to suit your needs</p>
<ul class="b center tl pl0 mt3" style="font-size: 0;">
<li class="v-top dib w-100 w-50-ns f5 dwyl-yellow fw3 mb3 pb2 pr3">Customer Development</li>
<li class="v-top dib w-100 w-50-ns f5 dwyl-yellow fw3 mb3 pb2 pr3">Cyber Security</li>
<li class="v-top dib w-100 w-50-ns f5 dwyl-yellow fw3 mb3 pb2 pr3">User Testing</li>
<li class="v-top dib w-100 w-50-ns f5 dwyl-yellow fw3 mb3 pb2 pr3">Product Ownership</li>
<li class="v-top dib w-100 w-50-ns f5 dwyl-yellow fw3 mb3 pb2 pr3">Advanced Analytics</li>
<li class="v-top dib w-100 w-50-ns f5 dwyl-yellow fw3 mb3 pb2 pr3">Human-centered Design</li>
<li class="v-top dib w-100 w-50-ns f5 dwyl-yellow fw3 mb3 pb2 pr3">Agile Development Methodology</li>
<li class="v-top dib w-100 w-50-ns f5 dwyl-yellow fw3 mb3 pb2 pr3">Code</li>
<li class="v-top dib w-100 w-50-ns f5 dwyl-yellow fw3 mb3 pb2 pr3">Data Visualisation</li>
</ul>
</div>
</div>
</section>
</main>
<footer class="dwyl-bg-dark-gray white pt1 pt3-ns pb4 tc center">
<div class="bb b--white w-90-ns w-80 center">
<ul class="list tc pl0 pt3 pb3-ns mv0 f3 f5-ns ">
<li class="ph4 fw3 f6 dib-ns pv2"><a href="/" class="white link">Home</a></li>
<li class="ph4 fw3 f6 dib-ns pv2"><a href="/careers.html" class="white link">Careers</a></li>
<li class="ph4 fw3 f6 dib-ns pv2"><a href="/community.html" class="white link">Community</a></li>
</ul>
<a href="https://twitter.com/dwyl" class="link f0" >
Twitter
<i class="fa fa-twitter pr4 ph4-ns pb4 dwyl-light-gray f2" aria-hidden="true"></i>
</a>
<a href="https://github.com/dwyl" class="link f0" >
GitHub
<i class="fa fa-github pl4 ph4-ns pb4 dwyl-light-gray f2" aria-hidden="true"></i>
</a>
</div>
<p class="w-80 w-90-ns center f7 pt2-ns">
Copyright 2023 © DWYL LTD,
company number 09525434 registered
in England & Wales at First Floor,
149 Fonthill Rd, London N4 3HF.
</p>
</footer>
<section id="cookie-notification" class="w-100 dwyl-bg-dark-gray bottom-0 fixed h-auto tc-ns tl ph4-ns pt3-ns pb2-ns pt3 ph3 shadow-3">
<p class="white di f4-ns">This site uses cookies to improve your experience, your
continued use is considered to be consent. <span class="yes-script">Click this button to not see
this message again</span><noscript>This message will continue to show, as you have Javascript disabled.</noscript></p>
<span class="yes-script">
<button class="f6 link dim br3 ph3 pv2 mb2 di-ns white dwyl-bg-mint bn b mb2-ns mh1 mt2 mt0-ns mh1-ns db center" id="cookie-ok">Ok</button>
</span>
</section>
<script src="/js/script.js"></script>
</body>
</html>