-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·176 lines (156 loc) · 16.2 KB
/
index.html
File metadata and controls
executable file
·176 lines (156 loc) · 16.2 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
---
layout: default
title: De Geist | Digital Spirit
---
<!-- #stickynav -->
<div data-spy="affix" data-offset-bottom="100" id="stickynav" class="pull-left col-lg-1">
<ul>
<li title="Welcome" class="active"><a href="#Welcome" title="Top"><span aria-hidden="true" class="icon-dg"></span></a></li>
<li title="Services"><a href="#Services" title="Services"><span aria-hidden="true" class="icon-services"></span></a></li>
<li title="People"><a href="#People"><span aria-hidden="true" class="icon-asterisk1a"></span></a></li>
<li title="Contact"><a href="#Contact"><span aria-hidden="true" class="icon-contact"></span></a></li>
</ul>
</div>
<!-- /#stickynav -->
<!-- .top-banner -->
<header class="top-banner">
<section id="Welcome" class="sec pull-center">
<!-- <img src="img/bg2.jpg" alt="" class="banner-bg"> -->
<div class="container">
<a class="brand" href="/">
<svg xmlns="http://www.w3.org/2000/svg" version="1.2" baseProfile="tiny" width="206" height="186" viewBox="275.0673828 182.3725586 206 186"><path fill="#243E4B" d="M294.426 319.383l-18.82-113.708 94.782 53.58 107.09-76.118 2.896 4.075-105.18 74.76 86.84 49.092 10.28-68.19 4.945.746-11.364 75.37-95.202-53.817-76.268 54.21zm-12.18-104.21l15.806 95.498 67.835-48.215-83.64-47.283z"/><path fill="none" d="M284.062 329.888h189.73v46.17H284.06z"/><path fill="#243E4B" d="M289.556 356.02h2.09v-21.878h-2.09v-2.355h7.976c1.823 0 3.544.31 5.166.93 1.62.622 3.04 1.514 4.254 2.68 1.215 1.164 2.177 2.563 2.887 4.196.707 1.633 1.062 3.476 1.062 5.526 0 1.493-.26 3.025-.78 4.594-.518 1.57-1.36 2.995-2.525 4.273-1.165 1.28-2.678 2.33-4.54 3.153-1.86.823-4.133 1.234-6.816 1.234h-6.684v-2.354zM294 334.142v21.878h2.962c1.797 0 3.412-.29 4.843-.868 1.43-.578 2.645-1.358 3.646-2.338 1-.98 1.767-2.138 2.3-3.47.53-1.333.796-2.754.796-4.263 0-1.66-.29-3.167-.873-4.525-.583-1.358-1.38-2.51-2.393-3.45s-2.203-1.674-3.57-2.19c-1.368-.515-2.824-.773-4.368-.773H294zM317.358 356.133h2.43v-21.99h-2.43v-2.356h18.497v5.85H333.5v-3.495h-11.356v9.723h12.23v2.24h-12.23v10.028h11.888v-3.608h2.355v5.85h-19.03v-2.242zM378.508 347.056v9.8c-1.014.582-2.096 1.044-3.248 1.386s-2.374.513-3.665.513c-1.874 0-3.634-.355-5.28-1.064-1.646-.708-3.083-1.676-4.31-2.904-1.23-1.23-2.197-2.665-2.906-4.312-.71-1.645-1.064-3.405-1.064-5.28 0-1.872.354-3.64 1.063-5.297.708-1.658 1.676-3.102 2.904-4.33 1.228-1.228 2.665-2.203 4.31-2.925 1.647-.722 3.407-1.082 5.28-1.082 1.292 0 2.514.165 3.666.494s2.247.797 3.286 1.405l-1.33 1.936c-1.697-.987-3.57-1.48-5.62-1.48-1.546 0-2.996.296-4.35.888-1.355.594-2.54 1.408-3.55 2.44-1.015 1.036-1.82 2.24-2.413 3.617-.596 1.377-.893 2.834-.893 4.373 0 1.565.29 3.028.874 4.39.582 1.364 1.38 2.557 2.393 3.58 1.012 1.02 2.196 1.828 3.55 2.42 1.355.595 2.805.89 4.35.89 1.645 0 3.177-.337 4.595-1.014v-6.09h-4.71v-2.353h7.066zM384.964 356.133h2.43v-21.99h-2.43v-2.356h18.497v5.85h-2.354v-3.495H389.75v9.723h12.23v2.24h-12.23v10.028h11.888v-3.608h2.355v5.85h-19.03v-2.242zM410.45 356.133h2.963v-21.99h-2.963v-2.356h8.395v2.355h-3.077v21.99h3.077v2.243h-8.395v-2.242zM425.073 355.184v-4.216h2.355v3.38c.68.583 1.497 1.077 2.453 1.482.956.405 2.063.607 3.32.607.756 0 1.478-.114 2.17-.342.692-.228 1.302-.557 1.83-.988.528-.43.957-.968 1.283-1.614.327-.645.49-1.373.49-2.183 0-1.393-.31-2.47-.93-3.23-.62-.76-1.405-1.348-2.354-1.765-.95-.418-1.977-.766-3.078-1.044-1.102-.278-2.133-.65-3.095-1.12-.963-.468-1.766-1.107-2.412-1.918-.645-.81-.994-1.975-1.045-3.495-.025-.835.082-1.677.323-2.526.24-.846.646-1.606 1.215-2.277.57-.67 1.317-1.222 2.24-1.653.925-.43 2.058-.645 3.4-.645.887 0 1.9.12 3.04.36 1.138.242 2.278.817 3.418 1.73v3.91h-2.355v-2.716c-.476-.272-1.067-.496-1.77-.67-.702-.173-1.493-.26-2.372-.26-.804 0-1.506.132-2.11.396-.6.263-1.097.61-1.487 1.035-.388.43-.683.925-.884 1.49-.2.565-.3 1.16-.3 1.79 0 1.104.316 1.946.95 2.523.63.578 1.423 1.05 2.373 1.413.948.364 1.98.698 3.095 1.002 1.113.304 2.15.74 3.114 1.31.96.57 1.765 1.343 2.41 2.317.646.975.97 2.31.97 4.007 0 1.14-.21 2.165-.627 3.076-.418.912-.99 1.69-1.71 2.336s-1.564 1.14-2.526 1.48c-.963.343-1.988.514-3.076.514-.987 0-1.91-.102-2.772-.304-.86-.202-1.652-.475-2.373-.816s-1.356-.715-1.9-1.122c-.544-.403-.968-.82-1.272-1.252zM453.445 356.133h3.19v-21.99h-7.102v3.493h-2.24v-5.85h21.003v5.85h-2.355v-3.494h-6.95v21.99h2.887v2.243h-8.432v-2.242z"/></svg>
</a>
<div class="caption">
<h1>The Digital Spirit</h1>
<p>We think about and create Internet things. <br />We can help you make the most out of the networked world.</p>
</div> <!-- /.caption -->
</section>
<div class="next-section">
<a href="#Services">
<span>What we do</span>
<div class="fs1" aria-hidden="true" data-icon=""></div>
</a>
</div>
</div> <!-- /.container -->
</header> <!-- /.top-banner -->
<!-- .main -->
<div class="main">
<div class="container">
<section id="Services" class="sec pull-center">
<h2 class="featurette-heading"><span aria-hidden="true" class="icon-services"></span><br />Services</h2>
<!-- 3 columns <p><a class="bttn" href="#">Read more</a></p> -->
<div class="row main-boxes">
<div class="col-md-4 box">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150"><style>.style0{stroke: #5B8D96;stroke-width: 2;stroke-miterlimit: 2;fill: none;}.style1{stroke: #5B8D96;stroke-width: 2;stroke-miterlimit: 2;fill: #5B8D96;}.style2{stroke: #5B8D96;stroke-width: 2;stroke-miterlimit: 2;fill: #FFFFFF;}</style><path class="style0" d="M75.043 133.162H61.167V117.47h13.876"/><path d="M75.336 139.213H65.98c.637 2.883 9.355 3.88 9.355 3.88" class="style1"/><path d="M75.043 6.91s-35.95-1.08-37 40.474C36.99 88.936 60.27 75.23 57.01 109.227l1.267 2.105h16.766M74.957 133.162h13.876V117.47H74.957" class="style0"/><path d="M74.767 143.094s8.875-.998 9.51-3.88h-9.353" class="style1"/><path d="M75.336 76.334s4.188-11.55 7.608-19.707c3.422-8.157 8.55-5.82 10.262.263 1.71 6.086-14.734 20.26-18.516 21.313s-14.11-10-14.9-13.157c-.79-3.156-1.578-6.347 2.895-9.998S75 68.73 75 68.73l-.006 6.315-.037 36.287h16.767l1.265-2.105c-3.26-33.998 20.02-20.29 18.968-61.843-1.053-41.553-37-40.475-37-40.475M61.256 127.758H88.92M61.503 122.934H89.17M-234.096 325.878c-9.147 0-14.41-5.54-14.41-5.54l4.303-82.304s-10.184-6.53-11.99-10.684c-1.807-4.156-1.538-16.422 0-20.576 1.537-4.155 13.22-11.872 13.22-11.872v23.743h8.877m0 107.233c9.147 0 14.412-5.54 14.412-5.54l-4.304-82.304s10.184-6.53 11.99-10.684c1.807-4.156 1.538-16.422 0-20.577-1.537-4.154-13.22-11.87-13.22-11.87v23.742h-8.878" class="style0"/><circle cx="-234.096" cy="316.516" r="3.828" class="style2"/></svg>
<h2>Think</h2>
<p>The Internet is at the core of our social and commercial interactions. However, sometimes it can be chaotic out there. With years of experience writing about and analysing the Internet, we can help you navigate the chaos and point you towards digital enlightenment.</p>
</div> <!-- /.span4 -->
<div class="col-md-4 box">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150"><style>.style0{stroke: #5B8D96;stroke-width: 3;stroke-miterlimit: 2;fill: none;}.style1{stroke: #5B8D96;stroke-width: 3;stroke-miterlimit: 2;fill: #5B8D96;}.style2{stroke: #5B8D96;stroke-width: 2;stroke-miterlimit: 2;fill: none;}.style3{stroke: #5B8D96;stroke-width: 2;stroke-miterlimit: 2;fill: #FFFFFF;}.style4{stroke: #5B8D96;stroke-width: 2;stroke-miterlimit: 10;fill: none;}.style5{stroke: #5B8D96;stroke-width: 2;stroke-miterlimit: 10;}</style><path class="style0" d="M-229.297 123.892h-13.877v-15.694h13.877"/><path d="M-229.004 129.942h-9.355c.636 2.884 9.356 3.88 9.356 3.88" class="style1"/><path d="M-229.297-2.36s-35.95-1.08-37 40.473 22.226 27.846 18.968 61.844l1.266 2.105h16.767M-229.383 123.892h13.877v-15.694h-13.877" class="style0"/><path d="M-229.574 133.824s8.876-.998 9.512-3.882h-9.355" class="style1"/><path d="M-227.76 64.94s2.944-9.427 6.365-17.584 8.55-5.82 10.262.263c1.71 6.085-14.735 20.26-18.518 21.312-3.783 1.053-14.11-10-14.9-13.157-.79-3.156-1.58-6.348 2.895-9.998S-229.34 59.46-229.34 59.46l-.007 6.315-.036 36.286h16.767l1.266-2.104c-3.26-33.998 20.02-20.29 18.97-61.843-1.054-41.553-37.003-40.475-37.003-40.475M-243.084 118.487h27.666M-242.837 113.663h27.666" class="style0"/><path d="M-234.096 325.878c-9.147 0-14.41-5.54-14.41-5.54l4.303-82.304s-10.184-6.53-11.99-10.684c-1.807-4.156-1.538-16.422 0-20.576 1.537-4.155 13.22-11.872 13.22-11.872v23.743h8.877m0 107.233c9.147 0 14.412-5.54 14.412-5.54l-4.304-82.304s10.184-6.53 11.99-10.684c1.807-4.156 1.538-16.422 0-20.577-1.537-4.154-13.22-11.87-13.22-11.87v23.742h-8.878" class="style2"/><circle cx="-234.096" cy="316.516" r="3.828" class="style3"/><g><path class="style0" d="M-235-48.942l6.5-16.018V-170.5h-13v105.54l6.5 16.018"/><path class="style0" d="M-228.5-170v-4.5h-13v4.5M-241-166.5h14.008-13.47H-227M-240.177-63.96s5.923-1.477 12.61 0M-241.25-178.795v-6.45s3.018-2.355 6.5-2.376M-228.25-178.795v-6.452s-3.02-2.354-6.5-2.375m.59.626M-241.25-180.29h13"/><path class="style1" d="M-237.29-55.5l2.54 6.848 2.54-6.848"/><g><path class="style4" d="M75.5 144.83l6.5-16.162V22H69v106.668l6.5 16.162M82 22v-6H69v6M69 19h14-13.228H83M70.074 128.8s5.928-1.478 12.622 0M68 25h14.27-13.196H82M68.988 13.74V7.475s3.023-2.285 6.51-2.307m6.512 8.568V7.477S78.986 5.19 75.498 5.17M68.448 12.777h14.205"/><path class="style5" d="M74.353 141.86h2.294l-1.147 2.97M78 25v103M73 25v103"/></g></g></svg>
<h2>Plan</h2>
<p>With a strong emphasis on human-centered design and systems thinking, we distil insights into real and practical digital strategies. As a boutique digital consultancy, we identify opportunities and challenges and advise on how to make the most of the networked world.</p>
</div> <!-- /.span4 -->
<div class="col-md-4 box">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150"><style>.style0{stroke: #5B8D96;stroke-width: 3;stroke-miterlimit: 2;fill: none;}.style1{stroke: #5B8D96;stroke-width: 3;stroke-miterlimit: 2;fill: #5B8D96;}.style2{stroke: #5B8D96;stroke-width: 2;stroke-miterlimit: 2;fill: none;}.style3{stroke: #5B8D96;stroke-width: 2;stroke-miterlimit: 2;fill: #FFFFFF;}</style><path class="style0" d="M-233.82 129.353h-13.876V113.66h13.877"/><path d="M-233.526 135.403h-9.355c.634 2.884 9.354 3.88 9.354 3.88" class="style1"/><path d="M-233.82 3.1s-35.95-1.078-37 40.475 22.227 27.846 18.97 61.843l1.264 2.105h16.767M-233.905 129.353h13.877V113.66h-13.877" class="style0"/><path d="M-234.096 139.285s8.876-.998 9.512-3.882h-9.355" class="style1"/><path d="M-232.283 70.402s2.945-9.428 6.366-17.585 8.55-5.82 10.262.263c1.71 6.086-14.735 20.262-18.518 21.313-3.782 1.053-14.11-10-14.9-13.157-.788-3.156-1.578-6.348 2.896-9.998s12.315 13.684 12.315 13.683l-.007 6.316-.035 36.286h16.767l1.266-2.105c-3.26-33.998 20.02-20.29 18.97-61.843C-197.957 2.02-233.906 3.1-233.906 3.1M-247.606 123.948h27.666M-247.36 119.124h27.667" class="style0"/><path d="M75 141.365c-9.147 0-14.412-5.54-14.412-5.54l4.305-82.304s-10.185-6.53-11.99-10.683c-1.807-4.156-1.54-16.422 0-20.576 1.536-4.154 13.22-11.87 13.22-11.87v23.742H75m0 107.233c9.146 0 14.412-5.54 14.412-5.54L85.107 53.52s10.185-6.528 11.99-10.683c1.807-4.155 1.54-16.42 0-20.576-1.536-4.154-13.22-11.87-13.22-11.87v23.742H75" class="style2"/><circle cx="75" cy="132.003" r="3.828" class="style3"/></svg>
<h2>Create</h2>
<p>It’s all in the execution. A good idea has value when manifested in a user-friendly and efficient solution. To build the best products, we collaborate with the appropriate talent on a project-by-project basis, oversee the development and help you launch it.</p>
</div> <!-- /.span4 -->
</div> <!-- /.row -->
</section>
<!-- /.next section -->
<div class="next-section">
<a href="#People">
<span>Who we are</span>
<div class="fs1" aria-hidden="true" data-icon=""></div>
</a>
</div>
</div><!-- /.container -->
</div><!-- /.main -->
<!-- .people -->
<div class="people">
<section id="People" class="sec pull-center">
<div class="container">
<h2 class="featurette-heading"><i class="icon-asterisk"></i><br />People</h2>
<div class="row">
<div class="col-lg-4 col-lg-offset-1 col-sm-6 box">
<img class="img img-responsive" src="img/andre-avorio.png" alt="Andre Avorio">
<h2 class="no-space">Andre Avorio</h2>
<h3 class="subtitle"> - Digital Architect - </h3>
<p>André specialises in the intersection of business strategy and digital technology. With a focus on user experience, he follows ideas from conception through development to real digital products.</p>
<div class="row social-media">
<a href="http://www.linkedin.com/in/avorio/"><span aria-hidden="true" class="icon-linkedin"></span></a>
<a href="https://twitter.com/avorio"><span aria-hidden="true" class="icon-twitter"></span></a>
<a href="https://github.com/avorio"><span aria-hidden="true" class="icon-github"></span></a>
<a href="http://www.flickr.com/photos/avorio"><span aria-hidden="true" class="icon-flickr"></span></a>
</div>
</div><!-- /.people-box -->
<div class="col-lg-4 col-lg-offset-2 col-sm-6 box">
<img class="img img-responsive" src="img/ras-hagen.png" alt="Rasmus Hagen">
<h2 class="no-space">Erasmus Hagen</h2>
<h3 class="subtitle"> - Design Creative - </h3>
<p>Powered by a creative chaos that is distilled in an accessible - and undeniably Scandinavian - minimalism.</p>
<div class="row social-media">
<a href="http://www.behance.net/rashagen"><span aria-hidden="true" class="icon-behance"></span></a>
<a href="http://www.linkedin.com/in/rasmushagen/"><span aria-hidden="true" class="icon-linkedin"></span></a>
<a href="http://www.flickr.com/photos/hagenmus"><span aria-hidden="true" class="icon-flickr"></span></a>
<a href="https://github.com/rashagen"><span aria-hidden="true" class="icon-github"></span></a>
</div>
</div><!-- /.span4 -->
</div>
</div> <!-- /.container & /.row -->
</section>
<!-- /.next section -->
<div class="next-section">
<a href="#Contact">
<span>Get in touch</span>
<div class="fs1" aria-hidden="true" data-icon=""></div>
</a>
</div>
</div>
<!-- Contact <hr class="featurette-divider"> -->
<div class="contact">
<div class="container">
<section id="Contact" class="sec pull-center">
<div class="col-md-offset-3 col-md-6">
<form>
<h2 class="featurette-heading"><span aria-hidden="true" class="icon-contact"></span><br />Contact us</h2>
<h3 class="subtitle"><span class="emph">Ask us anything</span></h3>
<div class="front-contact-form" id="contact-form">
<label>Email</label>
<input type='text' name='email' placeholder='name@email.com' id="email" />
<label class='error' id='email_error'>Please leave a valid email</label>
<label>Message</label>
<textarea placeholder='Your message' name='message' id="message"></textarea>
<label class='error' id='message_error'>Forgot to leave us a message</label>
<div id="loading"><h3 class="sending"><span aria-hidden="true" class="icon-paperplane"></span> Sending</h3></div>
<input type='submit' value='send' class='submit bttn send' />
</div>
</form>
</div>
</section>
</div> <!-- /.container -->
</div> <!-- /.contact -->
<!-- FOOTER -->
<footer id="footer">
<div class="container">
<div class="row connect-icons">
<div class="">
<div class="col-xs-3 col-md-offset-4 col-md-1">
<a href="mailto:hello@degeist.com?Subject=Hello%20De%20Geist" class ="email"><span aria-hidden="true" class="icon-paperplane"></span></i></a>
</div>
<div class="col-xs-3 col-md-1">
<a href="http://www.linkedin.com/company/de-geist/" class ="linkedin"><span aria-hidden="true" class="icon-linkedin"></span></a>
</div>
<div class="col-xs-3 col-md-1">
<a href="https://twitter.com/degeist" class ="twitter"><span aria-hidden="true" class="icon-twitter"></span></a>
</div>
<div class="col-xs-3 col-md-1">
<a href="https://github.com/degeist" class ="github"><span aria-hidden="true" class="icon-github"></span></a>
</div>
</div>
</div>
<div class="row">
<p class="text-center">© {{ site.time | date: '%Y' }} De Geist</p>
</div>
</div>
</footer>