-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
132 lines (108 loc) · 5.44 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="OpenUnited - Join Us">
<meta name="keywords" content="OpenUnited - Join Us">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>OpenUnited - Join Us</title>
<!-- Favicon -->
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<!-- Plugin CSS -->
<link href="static/plugin/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="static/plugin/font-awesome/css/fontawesome-all.min.css" rel="stylesheet">
<link href="static/plugin/et-line/style.css" rel="stylesheet">
<link href="static/plugin/themify-icons/themify-icons.css" rel="stylesheet">
<link href="static/plugin/owl-carousel/css/owl.carousel.min.css" rel="stylesheet">
<link href="static/plugin/magnific/magnific-popup.css" rel="stylesheet">
<!-- End -->
<!-- Theme css -->
<link href="static/css/style.css" rel="stylesheet">
<link href="static/css/color/default.css" rel="stylesheet" id="color_theme">
<!-- End -->
</head>
<!-- ========== Body Starts ========== -->
<!-- Body Start -->
<body data-spy="scroll" data-target="#navbar" data-offset="98">
<!-- Loading -->
<div id="loading">
<div class="load-circle"><span class="one"></span></div>
</div>
<!-- / -->
<!-- Header -->
<header>
<nav class="navbar header-nav header-nav-dark navbar-expand-lg">
<div class="container">
<!-- Brand -->
<a class="navbar-brand" href="#">
<img src="static/img/logo.svg" title="" alt="">
</a>
<!-- / -->
<!-- Mobile Toggle -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span></span>
<span></span>
<span></span>
</button>
<!-- / -->
<!-- Top Menu -->
<div class="collapse navbar-collapse justify-content-end" id="navbar">
<ul class="navbar-nav ml-auto align-items-center">
<li><a class="nav-link" target="_blank" href="https://github.com/OpenUnited/product-factory-composer"><img src="static/img/github-logo.svg" width="20px" style="margin-right:10px"> Fork OpenUnited on Github</a></li>
<li><a class="nav-link" target="_blank" href="https://docs.google.com/document/d/1RVPlw5II3A17elzU51fyQwqFLsa_zhClg_n5ftRDAMU/edit">FAQs</a></li>
<li><a class="nav-link-btn btn btn-theme m-25px-l md-m-0px-l" target="_blank" href="https://discord.com/invite/T3xevYvWey">Connect with OpenUnited on <img src="static/img/Discord-Logo+Wordmark-White.svg" width="95px"></a></li>
</ul>
</div>
<!-- / -->
</div><!-- Container -->
</nav> <!-- Navbar -->
</header>
<!-- Header End -->
<!-- Main -->
<main>
<!--
=============================
Home Banner
=============================
-->
<section id="home" class="home-banner-01 bg-effect-box">
<div class="bg-effect bg-cover bg-fixed" style="background-image: url(static/img/banner-effect-3.svg);"></div>
<div class="container">
<div class="row align-items-center justify-content-center p-100px-tb md-p-50px-b">
<div class="col-lg-5 md-p-30px-t">
<h1 class="font-alt dark-color">Scale your talent(s)</h1>
<p>We want OpenUnited to help you (im)prove your skills, and to be a long-term source of high-quality paying work for contributors of all kinds. This includes product managers, developers, designers, business analysts and other digital specialists.
</p>
<div class="btn-bar">
<a class="btn btn" target="_blank" href="https://discord.com/invite/T3xevYvWey"><img src="static/img/Discord-Logo-Black.svg" width="20px" style="margin-right:20px"> Connect with OpenUnited on Discord</a>
<a style="margin-top:20px" class="btn btn" target="_blank" href="https://github.com/OpenUnited/product-factory-composer"><img src="static/img/github-logo.svg" width="20px" style="margin-right:20px"> Fork OpenUnited on GitHub</a>
</div>
</div> <!-- col -->
<div class="col-lg-7 text-center m-50px-t">
<iframe width="560" height="315" src="https://www.youtube.com/embed/h9MujYgW1mw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div> <!-- row -->
</div>
</section>
<!-- / -->
</main>
<!-- / -->
<!-- / -->
<!-- Jquery -->
<script src="static/js/jquery-3.2.1.min.js"></script>
<script src="static/js/jquery-migrate-3.0.0.min.js"></script>
<!-- End -->
<!-- Plugin JS -->
<script src="static/plugin/appear/jquery.appear.js"></script><!--appear-->
<script src="static/plugin/bootstrap/js/popper.min.js"></script><!--popper-->
<script src="static/plugin/bootstrap/js/bootstrap.js"></script><!--bootstrap-->
<!-- End -->
<!-- Custom -->
<script src="static/js/jquery.parallax-scroll.js"></script>
<script src="static/js/custom.js"></script>
<!-- End -->
</body>
<!-- ========== End of Body ========== -->
</html>