forked from hennevogel/obs-landing
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
88 lines (79 loc) · 3.28 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
---
layout: default
---
<div class="row hide-for-small" id="hero-slider">
<div class="twelve columns" id="slider">
<div id="featured">
<img src="images/slide1.jpg" alt="HTML Captions" data-caption="#slide1Caption" />
<img src="images/slide2.jpg" alt="HTML Captions" data-caption="#slide2Caption" />
<img src="images/slide3.jpg" alt="HTML Captions" data-caption="#slide3Caption" />
</div>
</div>
</div>
<span class="orbit-caption" id="slide1Caption"><h3>Create and Distribute Software Packages</h3></span>
<span class="orbit-caption" id="slide2Caption"><h3>For all the Major Linux Distributions</h3></span>
<span class="orbit-caption" id="slide3Caption"><h3>With all the Tools to Work Together</h3></span>
<div class="row show-for-small" id="hero-slider">
<div class="twelve columns" >
<p>
Create and Distribute Software Packages.
For all the Major Linux Distributions.
With all the Tools to Work Together!
</p>
</div>
</div>
<div class="row" id="hero-text">
<div class="four columns">
<h3>Comprehensive</h3>
<p>
A generic system to build and distribute packages from sources in an automatic, consistent and reproducible way.
Release your software for a wide range of operating systems and hardware architectures.
</p>
</div>
<div class="four columns">
<h3>Collaborative</h3>
<p>
Provides all the tools to work collaboratively and harness the power of the open source development model.
Set fine grained access rights, branch code, send merge requests and review submissions.
</p>
</div>
<div class="four columns">
<h3>Open Source</h3>
<p>
Free software licensed under the GNU General Public License (GPL). It’s available for you as source, packages
and as easily deployable appliance. You are free to use, fix, extend and re-use the code.
</p>
</div>
</div>
<div class="row hide-for-small" id="hero-buttons">
<div class="four columns">
<a href="#" class="button" id="Video1ModalButton">Learn how to use it</a>
</div>
<div class="four columns">
<a href="#" class="button" id="Video2ModalButton">Learn how to collaborate</a>
</div>
<div class="four columns">
<a href="#" class="button" id="Video3ModalButton">Learn how to contribute</a>
</div>
</div>
<div class="row show-for-small">
<div class="twelve columns" >
<img src="/images/obs-screenshot.png" class="displayed">
</div>
</div>
<div id="Video1Modal" class="reveal-modal large">
<div class="flex-video vimeo">
<iframe src="http://player.vimeo.com/video/30550722?byline=0&portrait=0" width="940" height="528" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</div>
<a class="close-reveal-modal">×</a>
</div>
<div id="Video2Modal" class="reveal-modal large">
<div class="flex-video vimeo">
<iframe src="http://player.vimeo.com/video/30845184?byline=0&portrait=0" width="940" height="360" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe>
</div>
</div>
<div id="Video3Modal" class="reveal-modal large">
<div class="flex-video vimeo">
<iframe src="http://player.vimeo.com/video/30723425?byline=0&portrait=0" width="940" height="360" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe>
</div>
</div>