-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
494 lines (451 loc) · 26.6 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
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
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="author" content="Charles Ding">
<meta name="description" content="Connecting Businesses to Campus Life. Find your perfect sponsorship packages and sponsors." />
<meta name="keywords" content="Sponsorship Sponsorships sponsor sponsors college university club organizations organization clubs universities sponsorships sponsoship Sponsor Sponsors Clubs University Club Find package connecting web portal campuslife oncampussponsorship" />
<meta name="msvalidate.01" content="24002E22C6E110BB9606665A124A8C28" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title >Unispon</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/carousel.css" rel="stylesheet">
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="http://code.jquery.com/jquery-2.0.3.js"></script>
<!--link href="http://vjs.zencdn.net/4.1/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/4.1/video.js"></script-->
<script src="js/bootstrap.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics
===================================================-->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-42935217-2', 'unispon.com');
ga('send', 'pageview');
</script>
</head>
<body id="backgroundImage" data-spy="scroll" data-target="#navbar-example">
<!-- Schema.org Rich Snippets - http://schema.org/ImageObject
===========================================-->
<div itemscope itemtype="http://schema.org/ImageObject">
<!-- Loading Screen
===========================================-->
<div id="loadingScreen" style="background-color:white; position:fixed; top:0px; left:0px; z-index:150000; height:100%; width:100%;"></div>
<!-- Background Image
================================================== -->
<div src="css/backgroundss(DEPRECATED FOR NOW).jpg" data-type="background" data-speed="3"></div>
<!-- NAVBAR
================================================== -->
<div class="navbar-wrapper">
<div class="container">
<div id="navbar-example" class="navbar navbar-fixed-top">
<button id="mobileMenu" type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div>
<a id="logo" class="navbar-brand" href="#"><img height="50" src="images/logo.png"></a>
</div>
<div class="nav-collapse collapse">
<ul class="nav navbar-nav">
<li id="homeBtn" class="active"><a href="#myCarousel">Home</a></li>
<li id="aboutBtn"><a href="#about">How it works</a></li>
<li id="faqBtn"><a href="#faq">Faq</a></li>
<li id="contactBtn"><a href="#contact">Contact Us</a></li>
</ul>
<ul class="nav navbar-nav pull-right">
<li id = "loginBtn" data-toggle="modal" href="#login" class="btn btn-primary">Login</li>
<li id = "registerBtn" data-toggle="modal" href="#register" class="btn btn-primary">Register</li>
</ul>
</div>
</div>
</div>
<div id="navLine" style="background-color:#264091; position:fixed; top:50px; left:0px; height:5px; width:100%; z-index: 100000; opacity:0.99; filter:alpha(opacity=99);"></div>
</div>
<!-- Carousel
================================================== -->
<div id="myCarousel" class="carousel slide">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img id="c1" src="images/Images/lightflare2.jpg" alt="">
<div class="container">
<div style="color:white" class="carousel-caption">
<h1>Welcome to <span itemprop="author">Unispon</span>.</h1>
<p><span itemprop="name">Campus Sponsorships Made Easy</span>.</p>
<p><a class="btn btn-large btn-primary" data-toggle="modal" href="#login">Login</a></p>
<p><a class="btn btn-large btn-primary" data-toggle="modal" href="#powerpoint">View our Powerpoint Pitch Slideshow</a></p>
<p><a class="btn btn-large btn-primary" data-toggle="modal" href="#videoPitch">View our Video Pitch</a></p>
</div>
</div>
</div>
<div class="item">
<img id="c2" src="images/Images/darkblue.jpg" alt="">
<div class="container">
<div class="carousel-caption">
<h1>How it works?</h1>
<p>Check out how you can get your club/organization sponsored today!</p>
<p><a class="btn btn-large btn-primary" href="#about">View</a></p>
<p><a class="btn btn-large btn-primary" data-toggle="modal" href="#powerpoint">View our Powerpoint Pitch Slideshow</a></p>
<p><a class="btn btn-large btn-primary" data-toggle="modal" href="#videoPitch">View our Video Pitch</a></p>
</div>
</div>
</div>
<div class="item">
<img id="c3" src="images/Images/random.jpg" alt="">
<div class="container">
<div style="color:white" class="carousel-caption">
<h1>Frequently Asked Questions</h1>
<p>Check out the many tough questions we've had to answer.</p>
<p><a class="btn btn-large btn-primary" href="#faq">View Faq</a></p>
<p><a class="btn btn-large btn-primary" data-toggle="modal" href="#powerpoint">View our Powerpoint Pitch Slideshow</a></p>
<p><a class="btn btn-large btn-primary" data-toggle="modal" href="#videoPitch">View our Video Pitch</a></p>
</div>
</div>
</div>
</div>
<a class="left carousel-control" href="#myCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>
<a class="right carousel-control" href="#myCarousel" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div><!-- /.carousel -->
<!-- Marketing messaging and featurettes
================================================== -->
<!-- Wrap the rest of the page in another container to center all the content. -->
<div class="container marketing">
<br/><br/><hr id="about" name="about" class="featurette-divider"><br/><br/><br/>
<!-- Three columns of text below the carousel -->
<h2 style="color:black;" class="featurette-heading text-center">How it <span class="text-muted"> works.</span></h2><br/><br/><br/><br/><br/>
<div style="color:black;" class="row">
<div class="col-lg-4">
<img class="img-circle" width="140" height="140" src="images/intro.jpeg">
<h2>Who are we?</h2>
<p>We are a group of individuals dedicated to reduce the pain that clubs/organizations and businesses have to go through during a sponsoship process.</p>
<p><a class="btn btn-default" data-toggle="modal" href="#powerpoint">Learn more »</a></p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="img-circle" width="140" height="140" src="images/company.jpg">
<h2>If you are a company...</h2>
<p>We verify and enforce strict rules/mechanisms to provide you you with a library of trustworthy and reliable sponsorship packages. Find the perfect one today!</p>
<p><a class="btn btn-default" data-toggle="modal" href="#powerpoint">Learn more »</a></p>
</div><!-- /.col-lg-4 -->
<div class="col-lg-4">
<img class="img-circle" width="140" height="140" src="images/club.jpg">
<h2>If you are a club/organization...</h2>
<p>Sign up for free today, get verified, write your sponsorship package, and get sponsored today. It's that easy!</p>
<p><a class="btn btn-default" data-toggle="modal" href="#powerpoint">Learn more »</a></p>
</div><!-- /.col-lg-4 -->
</div><!-- /.row -->
<br/><br/><br/><br/><br/>
<!-- START THE FEATURETTES -->
<br/><hr class="featurette-divider"><br/><br/>
<div id="faq" name="faq" class="featurette">
<br/><br/><br/>
<h2 style="color:black;" class="featurette-heading text-center">Frequently<span class="text-muted"> Asked Questions</span></h2>
<br/><br/>
<dl style="font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; color:black;">
<dt>Who are we?</dt>
<dd><span itemprop="description">We are college students looking to promote campus clubs and organizations. We stand to make lives of sponsoring something as easy as possible for both companies as well as clubs/organizations.</span></dd>
<br/>
<dt>What problem you want to solve?</dt>
<dd>We want to solve the complicated process attached with sponsoring events and organizations.</dd>
<br/>
<dt>Where the problem is happening?</dt>
<dd>This problem is happening nationwide in every major college institution. We’re planning to get jump started from Georgia Tech and Rochester Tech, then eventually expanding to other schools.</dd>
<br/>
<dt>Why the audience should care?</dt>
<dd>We have two key audience in play here. One group being the companies. We want to attract them with cheap quality sponsorship opportunities across campus. And the other group is the campus organizations themselves. We want to open up much more opportunities for clubs to get sponsored.We are going to get their sponsorships packages to the right businesses and the right people, and at the right time.</dd>
<br/>
<dt>How you propose solving the problem?</dt>
<dd>Our product is going to be a web application that companies goto to find potential sponsorship opportunities on campus. It’s also going to be a place for clubs and organizations to register and get sponsored.</dd>
<br/>
<dt>Can you give a general idea on how companies/clubs use your web app?</dt>
<dd>We will have free registration/sign-ups open to all clubs, organizations, and businesses that are actively sponsorship hunting.</dd>
<br/>
<dd>What clubs/organizations have to do:</dd>
<ul>
<li>Provide us with a sponsorship package*** (Include Estimated Number of Members, description of what the club does and what they stand for, and how long the package is valid for) </li>
<li>Wait to get verified for authenticity/legitamacy.</li>
<li>Get sponsored!</li>
<li>Upload some pics of your sponsored event to show your sponsors, then submit application next year with updated sponsorship packages and updated contact info to get sponsored again!</li>
</ul>
<br/>
<dd>What we will then do:</dd>
<ul>
<li>Automatic Elo Ranking System on quality of sponsorship packages based on history of submitter. (Ex: If a club is consistently submitting packages that are getting sponsored over and over, they will rank higher in the search results)</li>
<li>Allow companies to go through all these applications and filter based on ethnicity, sports, different field of engineerings etc to find the perfect target audience.</li>
<li>Take a certain percentage of the sponsorship money as transaction fee.</li>
<li>Guarantee companies their money correctly spent with pictures of receipts, branded events, etc.</li>
</ul>
<br/>
<dd>***Sponsorship package is just a list of what the club will do for the company in return for a certain amount of money... (ex: Printing company logo to back of T-Shirts, hosting events with company logo etc...)</dd>
<br/>
</dl>
</div>
<br/><br/><hr class="featurette-divider"><br/><br/><br/>
<div id="contact" name="contact" class="featurette">
<img class="img-responsive img-circle featurette-image pull-right" src="./images/logo.png" itemprop="contentURL">
<h2 style="color:black;" class="featurette-heading">Contact <span class="text-muted">Us</span></h2>
<p style="color:black;" class="lead">We are aiming to be a start-up. Please feel free to reach out to us at [email protected] to express your interest/support. Questions, concerns, or comments are welcome as well. Thanks so much for visiting.</p>
<p style="color:black;" class="lead">For more information about the Founder, please visit<a href="http://www.CharlesDing.com" target="_blank"> www.CharlesDing.com</a>.</p>
</div>
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
<!-- /END THE FEATURETTES -->
<!-- Modals
===================================================== -->
<!--Login Modal -->
<div class="modal fade" id="login">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title"><strong style="color: black">Login</strong> <small>to <strong style="color: grey">Uni</strong>Spon.com</small></h4>
</div>
<div class="modal-body" style="padding-bottom: 0px;">
<form class="form-horizontal">
<div class="form-group">
<label for="inputEmail" class="col-lg-2 control-label">Username</label>
<div class="col-lg-10">
<input type="text" class="form-control" id="inputEmail" placeholder="Username">
</div>
</div>
<div class="form-group">
<label for="inputPassword" class="col-lg-2 control-label">Password</label>
<div class="col-lg-10">
<input type="password" class="form-control" id="inputPassword" placeholder="Password">
<div class="checkbox">
<label>
<input type="checkbox"> Remember me
</label>
</div>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" onclick="login()" class="btn btn-primary">Login</button>
<div id="result">
</div>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!--Register Modal -->
<div class="modal fade" id="register">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title"><strong style="color: black">Register</strong> <small>for <strong style="color: grey">Uni</strong>Spon.com</small></h4>
</div>
<div class="modal-body" style="padding-bottom: 0px;">
<form class="form-horizontal">
<div class="form-group">
<label for="inputName" class="col-lg-2 control-label">Username</label>
<div class="col-lg-10">
<input type="text" class="form-control" id="Text3" placeholder="create a username for your organization">
</div>
</div>
<div class="form-group">
<label for="inputSchool" class="col-lg-2 control-label">Organization Name</label>
<div class="col-lg-10">
<input type="text" class="form-control" id="Text2" placeholder="Eg: Microsoft / Chinese Student Association">
</div>
</div>
<div class="form-group">
<label for="inputEmail" class="col-lg-2 control-label">Email</label>
<div class="col-lg-10">
<input type="text" class="form-control" id="Text1" placeholder="Email">
</div>
</div>
<div class = "form-group">
<label for="inputUserType" class="col-lg-2 control-label">User Type</label>
<input type="radio" name="colors" id="blue" checked="true">Student Club<br>
<input type="radio" name="colors" id="green">Company
</div>
<div class="form-group">
<label for="inputPassword" class="col-lg-2 control-label">Password</label>
<div class="col-lg-10">
<input type="password" class="form-control" id="Password1" placeholder="Password">
<input type="password" class="form-control" id="Password2" placeholder="Re-type Password">
<div class="checkbox">
</div>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" onclick="register()" class="btn btn-primary">Register</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!--Terms of Agreement Modal -->
<div class="modal fade" id="toa" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Unispon's Terms of Agreement</h4>
</div>
<div class="modal-body">
<dl style="font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; color:black;">
<dt>Welcome to Unispon!</dt>
<br/>
<dd>Thanks for using our products and services (“Services”). The Services are provided by Unispon Inc. (“Unispon”), located at <span itemprop="contentLocation">332386 Georgia Tech Station, Atlanta, GA 30332, United States</span>.</dd>
<br/>
<dd>By using our Services, you are agreeing to these terms. Please read them carefully.</dd>
<br/>
<dd>Our Services are very diverse, so sometimes additional terms or product requirements (including age requirements) may apply. Additional terms will be available with the relevant Services, and those additional terms become part of your agreement with us if you use those Services.</dd>
<br/>
<dt>Using our Services</dt>
<br/>
<dd>You must follow any policies made available to you within the Services.</dd>
<br/>
<dd>Don’t misuse our Services. For example, don’t interfere with our Services or try to access them using a method other than the interface and the instructions that we provide. You may use our Services only as permitted by law, including applicable export and re-export control laws and regulations. We may suspend or stop providing our Services to you if you do not comply with our terms or policies or if we are investigating suspected misconduct.</dd>
<br/>
<dd>Using our Services does not give you ownership of any intellectual property rights in our Services or the content you access. You may not use content from our Services unless you obtain permission from its owner or are otherwise permitted by law. These terms do not grant you the right to use any branding or logos used in our Services. Don’t remove, obscure, or alter any legal notices displayed in or along with our Services.</dd>
<br/>
<dd>Our Services display some content that is not Unispon's. This content is the sole responsibility of the entity that makes it available. We may review content to determine whether it is illegal or violates our policies, and we may remove or refuse to display content that we reasonably believe violates our policies or the law. But that does not necessarily mean that we review content, so please don’t assume that we do.</dd>
<br/>
<dd>In connection with your use of the Services, we may send you service announcements, administrative messages, and other information. You may opt out of some of those communications.</dd>
<br/>
<dt>Modifying and Terminating our Services</dt>
<br/>
<dd>We are constantly changing and improving our Services. We may add or remove functionalities or features, and we may suspend or stop a Service altogether.</dd>
<br/>
<dd>You can stop using our Services at any time, although we’ll be sorry to see you go. Unispon may also stop providing Services to you, or add or create new limits to our Services at any time.</dd>
<br/>
<dd>We believe that you own your data and preserving your access to such data is important. If we discontinue a Service, where reasonably possible, we will give you reasonable advance notice and a chance to get information out of that Service.</dd>
<br/>
<dt>Our Warranties and Disclaimers</dt>
<br/>
<dd>We provide our Services using a commercially reasonable level of skill and care and we hope that you will enjoy using them. But there are certain things that we don’t promise about our Services.</dd>
<br/>
<dd>OTHER THAN AS EXPRESSLY SET OUT IN THESE TERMS OR ADDITIONAL TERMS, NEITHER UNISPON NOR ITS SUPPLIERS OR DISTRIBUTORS MAKE ANY SPECIFIC PROMISES ABOUT THE SERVICES. FOR EXAMPLE, WE DON’T MAKE ANY COMMITMENTS ABOUT THE CONTENT WITHIN THE SERVICES, THE SPECIFIC FUNCTION OF THE SERVICES, OR THEIR RELIABILITY, AVAILABILITY, OR ABILITY TO MEET YOUR NEEDS. WE PROVIDE THE SERVICES “AS IS”.</dd>
<br/>
<dd>SOME JURISDICTIONS PROVIDE FOR CERTAIN WARRANTIES, LIKE THE IMPLIED WARRANTY OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. TO THE EXTENT PERMITTED BY LAW, WE EXCLUDE ALL WARRANTIES.</dd>
<br/>
<dt>Business uses of our Services</dt>
<br/>
<dd>If you are using our Services on behalf of a business, that business accepts these terms. It will hold harmless and indemnify Google and its affiliates, officers, agents, and employees from any claim, suit or action arising from or related to the use of the Services or violation of these terms, including any liability or expense arising from claims, losses, damages, suits, judgments, litigation costs and attorneys’ fees.</dd>
<br/>
<dt>About these Terms</dt>
<br/>
<dd>We may modify these terms or any additional terms that apply to a Service to, for example, reflect changes to the law or changes to our Services. You should look at the terms regularly. We’ll post notice of modifications to these terms on this page. We’ll post notice of modified additional terms in the applicable Service. Changes will not apply retroactively and will become effective no sooner than fourteen days after they are posted. However, changes addressing new functions for a Service or changes made for legal reasons will be effective immediately. If you do not agree to the modified terms for a Service, you should discontinue your use of that Service.</dd>
<br/>
<dd>If there is a conflict between these terms and the additional terms, the additional terms will control for that conflict.</dd>
<br/>
<dd>These terms control the relationship between Unispon and you. They do not create any third party beneficiary rights</dd>
<br/>
<dd>If you do not comply with these terms, and we don’t take action right away, this doesn’t mean that we are giving up any rights that we may have (such as taking action in the future).</dd>
<br/>
<dd>If it turns out that a particular term is not enforceable, this will not affect any other terms.</dd>
<br/>
<dd>The laws of Georgia, U.S.A., will apply to any disputes arising out of or relating to these terms or the Services.</dd>
<br/>
<dd>For information, please send email out to [email protected]</dd>
<br/>
</dl>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!--Privacy Modal -->
<div class="modal fade" id="privacy" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Unispon's Privacy</h4>
</div>
<div class="modal-body">
<dl style="font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; color:black;">
<dt>Privacy and Copyright Protection</dt>
<br/>
<dd>Unispon's privacy policies explain how we treat your personal data and protect your privacy when you use our Services. By using our Services, you agree that Unispon can use such data in accordance with our privacy policies.</dd>
<br/>
<dd>We respond to notices of alleged copyright infringement and terminate accounts of repeat infringers according to the process set out in the U.S. Digital Millennium Copyright Act.</dd>
<br/>
<dd>This is not for commercial use. All ideas are property of Unispon. Pictures and Images obtained from Google Images Search Engine, with sole exception of our Logo. We reserve all rights to our ideas and logo.</dd>
<br/>
</dl>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!--PowerPoint Modal -->
<div class="modal fade" id="powerpoint" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Unispon's Intro - Who are we? Why we're here?</h4>
</div>
<div class="modal-body">
<dl style="font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; color:black;">
<dt>Our PowerPoint Pitch.</dt>
<br/>
<iframe src="https://skydrive.live.com/embed?cid=B21A3EEAC7744697&resid=B21A3EEAC7744697%21409&authkey=AIW97rk7POpKww4&em=2"width="100%" height="426px" frameborder="0" scrolling="no"></iframe>
</dl>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!--Video Pitch Modal -->
<div class="modal fade" id="videoPitch" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Unispon's Video Pitch</h4>
</div>
<div class="modal-body">
<dl style="font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif; color:black;">
<dt>Our PowerPoint Pitch.</dt>
<br/>
<video id="my_video_1" class="video-js vjs-default-skin" controls
preload="auto" width="100%" height="426px" poster="images/logo.png"
data-setup="{}">
</video>
</dl>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- FOOTER -->
<footer>
<p class="pull-right"><a href="#">Back to top</a></p>
<p>© <meta itemprop="DatePublished" content="2013-08-14">2013 Unispon, Inc. · <a data-toggle="modal" href="#privacy">Privacy</a> · <a data-toggle="modal" href="#toa">Terms of Agreement</a></p>
</footer>
</div><!-- /.container -->
</div>
</body>
</html>