Uh oh!
There was an error while loading. Please reload this page.
- Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
Latest commit
executable file
·176 lines (156 loc) · 16.2 KB
/
Copy pathindex.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 -->
<divdata-spy="affix" data-offset-bottom="100" id="stickynav" class="pull-left col-lg-1">
<ul>
<lititle="Welcome" class="active"><ahref="#Welcome" title="Top"><spanaria-hidden="true" class="icon-dg"></span></a></li>
<lititle="Services"><ahref="#Services" title="Services"><spanaria-hidden="true" class="icon-services"></span></a></li>
<lititle="People"><ahref="#People"><spanaria-hidden="true" class="icon-asterisk1a"></span></a></li>
<lititle="Contact"><ahref="#Contact"><spanaria-hidden="true" class="icon-contact"></span></a></li>
</ul>
</div>
<!-- /#stickynav -->
<!-- .top-banner -->
<headerclass="top-banner">
<sectionid="Welcome" class="sec pull-center">
<!-- <img src="img/bg2.jpg" alt="" class="banner-bg"> -->
<divclass="container">
<aclass="brand" href="/">
<svgxmlns="http://www.w3.org/2000/svg" version="1.2" baseProfile="tiny" width="206" height="186" viewBox="275.0673828 182.3725586 206 186"><pathfill="#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"/><pathfill="none" d="M284.062 329.888h189.73v46.17H284.06z"/><pathfill="#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>
<divclass="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>
<divclass="next-section">
<ahref="#Services">
<span>What we do</span>
<divclass="fs1" aria-hidden="true" data-icon=""></div>
</a>
</div>
</div><!-- /.container -->
</header><!-- /.top-banner -->
<!-- .main -->
<divclass="main">
<divclass="container">
<sectionid="Services" class="sec pull-center">
<h2class="featurette-heading"><spanaria-hidden="true" class="icon-services"></span><br/>Services</h2>
<!-- 3 columns <p><a class="bttn" href="#">Read more</a></p> -->
<divclass="row main-boxes">
<divclass="col-md-4 box">
<svgxmlns="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><pathclass="style0" d="M75.043 133.162H61.167V117.47h13.876"/><pathd="M75.336 139.213H65.98c.637 2.883 9.355 3.88 9.355 3.88" class="style1"/><pathd="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"/><pathd="M74.767 143.094s8.875-.998 9.51-3.88h-9.353" class="style1"/><pathd="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"/><circlecx="-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 -->
<divclass="col-md-4 box">
<svgxmlns="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><pathclass="style0" d="M-229.297 123.892h-13.877v-15.694h13.877"/><pathd="M-229.004 129.942h-9.355c.636 2.884 9.356 3.88 9.356 3.88" class="style1"/><pathd="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"/><pathd="M-229.574 133.824s8.876-.998 9.512-3.882h-9.355" class="style1"/><pathd="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"/><pathd="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"/><circlecx="-234.096" cy="316.516" r="3.828" class="style3"/><g><pathclass="style0" d="M-235-48.942l6.5-16.018V-170.5h-13v105.54l6.5 16.018"/><pathclass="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"/><pathclass="style1" d="M-237.29-55.5l2.54 6.848 2.54-6.848"/><g><pathclass="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"/><pathclass="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 -->
<divclass="col-md-4 box">
<svgxmlns="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><pathclass="style0" d="M-233.82 129.353h-13.876V113.66h13.877"/><pathd="M-233.526 135.403h-9.355c.634 2.884 9.354 3.88 9.354 3.88" class="style1"/><pathd="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"/><pathd="M-234.096 139.285s8.876-.998 9.512-3.882h-9.355" class="style1"/><pathd="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"/><pathd="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"/><circlecx="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 -->
<divclass="next-section">
<ahref="#People">
<span>Who we are</span>
<divclass="fs1" aria-hidden="true" data-icon=""></div>
</a>
</div>
</div><!-- /.container -->
</div><!-- /.main -->
<!-- .people -->
<divclass="people">
<sectionid="People" class="sec pull-center">
<divclass="container">
<h2class="featurette-heading"><iclass="icon-asterisk"></i><br/>People</h2>
<divclass="row">
<divclass="col-lg-4 col-lg-offset-1 col-sm-6 box">
<imgclass="img img-responsive" src="img/andre-avorio.png" alt="Andre Avorio">
<h2class="no-space">Andre Avorio</h2>
<h3class="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>
<divclass="row social-media">
<ahref="http://www.linkedin.com/in/avorio/"><spanaria-hidden="true" class="icon-linkedin"></span></a>
<ahref="https://twitter.com/avorio"><spanaria-hidden="true" class="icon-twitter"></span></a>
<ahref="https://github.com/avorio"><spanaria-hidden="true" class="icon-github"></span></a>
<ahref="http://www.flickr.com/photos/avorio"><spanaria-hidden="true" class="icon-flickr"></span></a>
</div>
</div><!-- /.people-box -->
<divclass="col-lg-4 col-lg-offset-2 col-sm-6 box">
<imgclass="img img-responsive" src="img/ras-hagen.png" alt="Rasmus Hagen">
<h2class="no-space">Erasmus Hagen</h2>
<h3class="subtitle"> - Design Creative - </h3>
<p>Powered by a creative chaos that is distilled in an accessible - and undeniably Scandinavian - minimalism.</p>
<divclass="row social-media">
<ahref="http://www.behance.net/rashagen"><spanaria-hidden="true" class="icon-behance"></span></a>
<ahref="http://www.linkedin.com/in/rasmushagen/"><spanaria-hidden="true" class="icon-linkedin"></span></a>
<ahref="http://www.flickr.com/photos/hagenmus"><spanaria-hidden="true" class="icon-flickr"></span></a>
<ahref="https://github.com/rashagen"><spanaria-hidden="true" class="icon-github"></span></a>
</div>
</div><!-- /.span4 -->
</div>
</div><!-- /.container & /.row -->
</section>
<!-- /.next section -->
<divclass="next-section">
<ahref="#Contact">
<span>Get in touch</span>
<divclass="fs1" aria-hidden="true" data-icon=""></div>
</a>
</div>
</div>
<!-- Contact <hr class="featurette-divider"> -->
<divclass="contact">
<divclass="container">
<sectionid="Contact" class="sec pull-center">
<divclass="col-md-offset-3 col-md-6">
<form>
<h2class="featurette-heading"><spanaria-hidden="true" class="icon-contact"></span><br/>Contact us</h2>
<h3class="subtitle"><spanclass="emph">Ask us anything</span></h3>
<divclass="front-contact-form" id="contact-form">
<label>Email</label>
<inputtype='text' name='email' placeholder='name@email.com' id="email" />
<labelclass='error' id='email_error'>Please leave a valid email</label>
<label>Message</label>
<textareaplaceholder='Your message' name='message' id="message"></textarea>
<labelclass='error' id='message_error'>Forgot to leave us a message</label>
<divid="loading"><h3class="sending"><spanaria-hidden="true" class="icon-paperplane"></span> Sending</h3></div>
<inputtype='submit' value='send' class='submit bttn send' />
</div>
</form>
</div>
</section>
</div><!-- /.container -->
</div><!-- /.contact -->
<!-- FOOTER -->
<footerid="footer">
<divclass="container">
<divclass="row connect-icons">
<divclass="">
<divclass="col-xs-3 col-md-offset-4 col-md-1">
<ahref="mailto:hello@degeist.com?Subject=Hello%20De%20Geist" class ="email"><spanaria-hidden="true" class="icon-paperplane"></span></i></a>
</div>
<divclass="col-xs-3 col-md-1">
<ahref="http://www.linkedin.com/company/de-geist/" class ="linkedin"><spanaria-hidden="true" class="icon-linkedin"></span></a>
</div>
<divclass="col-xs-3 col-md-1">
<ahref="https://twitter.com/degeist" class ="twitter"><spanaria-hidden="true" class="icon-twitter"></span></a>
</div>
<divclass="col-xs-3 col-md-1">
<ahref="https://github.com/degeist" class ="github"><spanaria-hidden="true" class="icon-github"></span></a>
</div>
</div>
</div>
<divclass="row">
<pclass="text-center">© {{ site.time | date: '%Y' }} De Geist</p>
</div>
</div>
</footer>