lightmatter.github.com/index.html at master · Lightmatter/lightmatter.github.com · GitHub

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
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
<!doctype html>
<html xmlns:fb="http://ogp.me/ns/fb#">
<head>
  <link rel='shortcut icon' href='media/img/favicon.ico' />
  <link href='http://fonts.googleapis.com/css?family=Raleway:400,700,300' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Oxygen:400,300,700' rel='stylesheet' type='text/css'>
  <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
  <link rel='stylesheet' href='media/css/reset.css' />
  <link rel='stylesheet' href='media/css/main.css' />
  <title>Lightmatter: Web Design &amp; Development Company in NYC</title>
  <meta name='description' content='Lightmatter partners with exceptional companies to create digital strategies and software products. We focus on website development, mobile app development, UX design, UI design and innovation strategies.'></meta>

    <meta property="fb:admins" content="" />
    <meta property="og:site_name" content="Lightmatter.com" />
    <meta property="og:title" content="Lightmatter: Web Design &amp; Development Company in NYC" />
    <meta property="og:url" content="http://www.lightmatter.com" />
    <meta property="og:type" content="website" />
    <meta property="og:description" content="" />
    <meta property="og:image" content="" />
    <meta property="fb:page_id" content="" />
    <meta name="keywords" content="django developers, django developer new york city, web application development, mobile application development company, mobile application developer, html5 development, new york city development, new york city developer, create android app, iphone apps development"/>


    <!-- Google Site Verification -->
    <meta name='google-site-verification' content="" />


    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-46618872-1']);
      _gaq.push(['_trackPageview']);
      _gaq.push(['_trackPageLoadTime']);

      (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>
  <header>
    <div class='container'>
      <h1><a href=''></a></h1>
      <ul>
        <li>
          <a data-scroll='mission' href='javascript:;'>
            <span>
              Mission
            </span>
          </a>
        </li>
        <li>
          <a data-scroll='work' href='javascript:;'>
            <span>Work</span>
          </a>
        </li>
        <li>
          <a data-scroll='team' href='javascript:;'>
            <span>
              Team
            </span>
          </a>
        </li>
        <li>
          <a data-scroll='about' href='javascript:;'>
            <span>
              Contact
            </span>
          </a>
        </li>
      </ul>
    </div>
  </header>
  <div class='header-alias'></div>
  <section id='main'>
    <div class='container'>
      <h2>
        <img src='media/img/logo_raw.png' />

      </h2>
      <h3>Lightmatter's mission is to empower companies and our community through digital innovation.</h3>


    </div>
  </section>
  <section id='information'>
    <div class='container'>
      <h2 id='mission'>Mission</h2>
       <h3>Lightmatter partners with exceptional companies and innovators to create software products and digital strategies that catalyze growth. </h3>
      <h3>Lightmatter operates on the forefront of digital innovation, building powerful tools that equip businesses and entrepreneurs with the right technologies to succeed. Lightmatter works as a direct extension of our partners' team, ranging from venture-backed startups to Fortune 500 companies.</h3>
      <br/>
      <br/>
      <h2 id='work'>Work</h2>
      <h3>We work with the brightest innovators to build compelling products.</h3>
      <ul id='navigation'>
        <li><a href='javascript:;' data-name='what-we-do' id='selected' href=''>What We Do</a></li>
        <li><a href='javascript:;' data-name='product' href=''>Product</a></li>
        <li><a href='javascript:;' data-name='design' data-name='design' href=''>Design</a></li>
        <li><a href='javascript:;' data-name='development' href=''>Development</a></li>
        <li><a href='javascript:;' data-name='startups' href=''>Startups</a></li>
      </ul>
      <div id='slides'>
        <div class='what-we-do slide'>
          <div class='left'>
            <img src='media/img/fire_icon.png' />
            <h4>We put the pieces together</h4>
            <p>The Lightmatter team transforms seemingly endless inputs and variables into centers of innovation and growth for your company. At our core, we're a band of seasoned entrepreneurs and builders who will help you make the strategic and technical decisions that drive your business forward.  </p>
            <p>We will help you collect, understand, and capitalize on digital opportunities within your company.</p>
            <div class='clear'></div>
          </div>
          <div class='clear'></div>
        </div>
        <div class='product slide'>
          <div class='left'>
            <img src='media/img/product_icon.png' />
            <h4>A company of builders</h4>
            <p>Top brands, agencies, and startups utilize Lightmatter to lead their product development and innovation processes. We help them create powerful tools and experiences that redefine how they interact with customers. We've designed, built, and sold digital products for years, so we know exactly what it takes to stand out in the digital realm.</p>
            <div class='clear'></div>
          </div>
        </div>
        <div class='design slide'>
          <div class='left'>
            <img src='media/img/design_icon.png' />
            <h4>Keeping engagement simple</h4>
            <p>Design is a massive differentiator amongst consumer and enterprise products. The Lightmatter design team can distill the most complex objectives and user scenarios into simple interactions that make sense. Whether it's a mobile site or an enterprise-ready application, we combine proven design principles with the latest web standards to build beautiful applications that work everywhere.</p>
            <div class='clear'></div>
          </div>
        </div>
        <div class='development slide'>
          <div class='left'>
            <img src='media/img/development_icon.png' />
            <h4>Using the right tool for the job</h4>
            <p>We write simple and clean code. We use the latest web frameworks and technologies to transform our work into elegant products.</p>
            <div class='clear'></div>
          </div>
        </div>
        <div class='startups slide'>
          <div class='left'>
            <img src='media/img/startup_icon.png' />
            <h4>Ground-up growth</h4>
            <p>Collectively, our team helped more than 40 startups build and launch products. We partner with exceptional startups to accelerate growth through ideation, branding, design, and business development.</p>
            <div class='clear'></div>
          </div>
        </div>
      </div>
    </div>
    <div class='clear'></div>
  </section>
  <section id='team'>
    <div class='container'>
      <h2>Team</h2>
      <h3>We'd love to work with you.</h3>
      <div class='person'>
        <img src='media/img/ryan.png' />
        <h4>Ryan Hinchey <span> - Product</span></h4>
        <p>Ryan leads Lightmatter's growth, strategy and supports product design. Previously he worked for Sapient Nitro, was CEO of Worry Free Labs, a 20+ person digital design agency and led US enterprise sales at Ceros, a venture backed enterprise software company.
        </p>
      </div>
      <div class='person'>
        <img src='media/img/ben.png' />
        <h4>Ben Beecher <span> - Development</span></h4>
        <p>Ben leads Lightmatter's software development. Ben's background includes building and leading development on large enterprise systems at MongoDB, State Street Financial and multiple funded startups. Ben's experience also includes architecting an online game with over one-hundred thousand users.
        </p>
      </div>

      <div class='person'>
        <img src='media/img/greg.png' />
        <h4>Greg Hausheer <span> - Development</span></h4>
        <p>Greg is a full stack developer and leads company and development operations. Previously he worked at Elm City Labs, an early stage company incubator that helped launch over 30 companies and cofounded BookSaver.com, a textbook aggregator platform.</p>
      </div>
      <div class='person'>
        <img src='media/img/rich.png' />
        <h4>Rich Littlehale <span> - Product</span></h4>
        <p>Rich supports strategy, partnerships and innovation consulting. Previously, he cofounded Elm City Labs,
          an early stage company incubator that helped launch over 30 companies and YouRenew, an electronics recycling company acquired by Clover Wireless in 2012.
        </p>
      </div>
      <div class='person'>
        <img src='media/img/james.png' />
        <h4>James Johnson <span> - Development</span></h4>
        <p>James is a full-stack developer at Lightmatter and supports architecting web and mobile applications. Previously James cofounded Elm City Labs, an early stage company incubator that helped launch over 30 companies and was Director of Operations at YouRenew.
</p>
      </div>
      <div class='clear'></div>
    </div>
  </section>
  <section id='about'>
    <div class='container'>
      <h2 class='main'>Get In Touch</h2>
      <div class='top'>
        <h3>Lightmatter</h3>
        <img src='media/img/logo_raw.png' />
        <div class='left-box'>
          <p>42 W 24th Street</p>
          <p>New York, NY 10010</p>
        </div>
        <div class='left-box'>
          <p><i class='fa fa-phone'></i> +1 (646) 543-7015</p>
          <p><i class='fa fa-inbox'></i> <a href=''>hello@lightmatter.com</a></p>
        </div>
        <div class='clear'></div>
      </div>
      <div class='left'>
        <form>
          <input id='name' type='text' placeholder='Name' />
          <input id='company' type='text' placeholder='Company' />
          <input id='email' type='text' placeholder='Email' />
          <input id='phone' type='text' placeholder='Phone' />
          <textarea id='message' placeholder='Enter your message here'></textarea>
          <input id='submit' type='submit' value='Send Message' />
        </form>
      </div>
      <div class='right'>
        <iframe width="400" height="295" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3022.8634132276015!2d-73.99160970000001!3d40.74303090000001!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c259a4596437af%3A0x7d14de8172c5f7f2!2s42+W+24th+St!5e0!3m2!1sen!2sus!4v1402670374870" width="600" height="450" frameborder="0" style="border:0"></iframe>
      </div>
      <div class='clear'></div>
    </div>
  </section>
  <footer>
    <div class='container'>
      <span class='left'>&copy; Lightmatter, LLC</span>
      <ul>
        <li><a href='http://linkedin.com/company/lightmatter'>
          <span class="fa-stack">
            <i class="fa fa-square-o fa-stack-2x"></i>
            <i class="fa fa-linkedin fa-stack-1x"></i>
          </span>
        </a></li>
        <li><a href='http://twitter.com/lightmatterhq'>
          <span class="fa-stack">
            <i class="fa fa-square-o fa-stack-2x"></i>
            <i class="fa fa-twitter fa-stack-1x"></i>
          </span>
        </a></li>
        <li><a href='http://github.com/lightmatter'>
          <span class="fa-stack">
            <i class="fa fa-square-o fa-stack-2x"></i>
            <i class="fa fa-github fa-stack-1x"></i>
          </span>
        </a></li>
        <li><a href='mailto:hello@lightmatter.com'>
          <span class="fa-stack">
            <i class="fa fa-square-o fa-stack-2x"></i>
            <i class="fa fa-inbox fa-stack-1x"></i>
          </span>
        </a></li>
      </ul>
    </div>
  </footer>
</body>
<script type='text/javascript' src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src='http://cdn.jsdelivr.net/parse/1.2.9/parse.min.js'></script>
<script type='text/javascript'>
Parse.initialize("FsqseRJs1DgQ42f3aTiwxq3KOjtn5Ap1AEobM4LG", "k5cYfC6udK97GU6xcLcNYmq6cteqIH7pyaCdDWnI");
$(function() {
  $(window).resize(function() {
    if($(window).height() > 417) {
      resizeMainSection();
      organizeHeader();
    }
  });

  $('#submit').click(function(e) {

    e.preventDefault()
    var email = $('#email').val();
    var name = $('#name').val();
    var company = $('#company').val();
    var phone = $('#phone').val();
    var message = $('#message').val();
    var EmailObject = Parse.Object.extend("EmailObject");
    var emailObject = new EmailObject();
    emailObject.save({
      'email':email,
      'name': name,
      'phone': phone,
      'company': company,
      'message': message
    }, {
      success: function(object) {
        alert("Thank you for reaching out to us!  We'll be in touch soon.");
        $('#email').val() = ""
        $('#name').val() = ""
        $('#company').val()= ""
        $('#phone').val()= ""
        $('#message').val()= ""
      }
    });
  });

  $('[data-scroll]').click(function() {
    var newId = $(this).data('scroll');
    console.log(newId);
    $('html, body').animate({
      scrollTop: $("#" + newId).offset().top - 50
    }, 1000);
  });


  $(window).scroll(function() {
    if($(this).scrollTop() > $(window).height() - 70) {
      $('header').css({
        marginTop: '0px',
        position: 'fixed',
        top: '0px'
      });
      $('header').css('background', 'white');
      $('.header-alias').css({
        'display': 'block'
      });
    } else {
      $('header').css({
        position: 'relative',
        'marginTop': ($(window).height() - 70) + "px"
      });
      $('.header-alias').css({
        'display': 'none'
      });
      $('header').css('background', '');
    }
  });

  $('[data-name]').click(function(e) {
    $('[data-name]').attr('id', '');
    $(this).attr('id', 'selected');
    var className = $(this).data('name');
    $('.slide').hide();
    $('.' + className).fadeIn();
  });

  resizeMainSection();
  organizeHeader();
  loadTags();
});

function resizeMainSection() {
  $('section#main').css({
    height: $(window).height()
  });
}

function organizeHeader() {
  $('header').css('marginTop', ($(window).height() - 70) + "px");
  $('.header-alias').css('height', $(window).height() + "px");
  $('header').show();
}

function loadTags() {
  $('#main > div >h2').animate({
    'opacity': 1,
    'marginTop': 0
  },700, function() {
    $('#main > div > h3').animate({
      'opacity': 1

    }, 500);
  });
}

function send_email() {

  var email = $('#email').val();
  var name = $('#name').val();
  var company = $('#company').val();
  var phone = $('#phone').val();
  var message = $('#message').val();

  $.ajax({
    type: "POST",
    url: "https://mandrillapp.com/api/1.0/messages/send.json",
    data: {
      "key" : "yaSJAsLppHUIb6NH3WQQsQ",
      "message" : {
        "from_email" : "hello@lightmatter.com",
        "to" : [
          {
            "email" : "ryan@lightmatter.com",
            "name" : "Ryan Hinchey",
            "type" : "to"
          },
          {
            "email" : "greg@lightmatter.com",
            "name" : "Greg Hausheer",
            "type" : "to"
          },
          {
            "email" : "ben@lightmatter.com",
            "name" : "Ben",
            "type" : "to"
          }
        ],
        "autotext" : "true",
        "subject" : "New Inbound from Website",
        "html" : "<p> You have a new message from: " + name + ". </p> <p> They're email is: " + email + ", they're phone is: " + phone + "and they're company is: "  + company + " </p> <p> Here's the message : " + message + "</p>"
      }
    }
  });
}


</script>


</html>