<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="https://www.facebook.com/2008/fbml">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<title>Curious People Projects || Web Design & Development</title>
<meta name="description" content="Curious People Projects || Web design & development with extensive experience in Wordpress & Shopify design & development" />
<meta property="fb:app_id" content="653435551374616"/>
<meta property="og:url" content="http://www.curious-people-projects.com"/>
<meta property="og:site_name" content="Web design & development with extensive experience in Wordpress & Shopify design & development" />
<meta property="og:description" content="Curious People Projects || Web Design & Development" />
<meta property="og:type" content="website" />
<meta property="og:image" content="http://www.curious-people-projects.com/images/CPP-logo.png" />
<meta property="og:title" content="Curious People Projects || Web Design & Development"/>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="//use.typekit.net/oje5ckp.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-9868113-2']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>
<body class="home">
<div class="top-image">
  <div class="main-logo"></div>
</div>
<div class="container">
  <div class="introduction">
    <h2>Curious People Projects plans, designs and builds presences online. Over the years we have been involved in a large variety of projects from small artist websites to large festival content management.
      We specialise in clean, grid-based web layouts, whose inspirations are derived from architecture, art, design, film, photography and publications.
      We are always interested in new collaborations. Whether this involves helping your company or organisation find its feet online, or redesigning your online presence – we can help.</h2>
  </div>
  <div class="social">
    <ul class="icons">
      <li><a href="https://www.facebook.com/curiouspeopleprojects" target="_blank" title="FACEBOOK"><img src="images/facebook.png" alt="facebook" width="40" height="40"></a></li>
      <li><a href="https://twitter.com/Curious_People" target="_blank" title="TWITTER"><img src="images/twitter.png" alt="Twitter" width="40" height="40"></a></li>
      <li> <a href="http://www.linkedin.com/pub/david-hazell/43/818/725" target="_blank" title="LINKEDIN"><img src="images/linkedin.png" width="40" height="40"></a></li>
      <li><a href="http://instagram.com/davecurious" target="_blank" title="Instagram"  ><img src="images/instagram.png" width="40" height="40"></a></li>
    </ul>
  </div>
  <div class="contact">
    <p>+44 (0) 7943806652<br />
      <a href="mailto:studio@curious-people.com" title="studiou@curious-people.com">studio@curious-people.com</a></p>
  </div>
  <div class="contact">
    <form action="http://curious-people-projects.createsend.com/t/d/s/iuihr/" method="post">
      <p>
        <input id="fieldEmail"  placeholder="SIGN ME UP" name="cm-iuihr-iuihr" type="email" required />
        <button type="submit">YES!</button>
      </p>
    </form>
  </div>
</div>
<div id="map"></div>

<footer class="container">
<div class="credits"><p>© Curious People Projects 2015</p></div>
</footer>
<!--<div class="container">
  <div class="images">
    <h2>INSTAGRAM FEED</h2>
    <ul class="instagram-images">
    </ul>
  </div>
</div> -->
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> 
<script type="text/javascript" src="inc/jquery-embedagram.pack.js"></script> 
<script type="text/javascript" src="inc/map.js"></script> 
<script type="text/javascript">
        $(document).ready(function() {
            $('.instagram-images').embedagram({
                    instagram_id: 32645560,
					thumb_width: 309,
					limit: 12
                });
        });
    </script>
</body>
</html>
