-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
140 lines (137 loc) · 6.43 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>tunl</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="all,follow">
<!-- Bootstrap CSS-->
<link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.min.css">
<!-- Font Awesome CSS-->
<link rel="stylesheet" href="vendor/font-awesome/css/font-awesome.min.css">
<!-- Google fonts - Poppins-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,600">
<!-- Custom font icons-->
<link rel="stylesheet" href="css/fontastic.css">
<!-- theme stylesheet-->
<link rel="stylesheet" href="css/style.css" id="theme-stylesheet">
<!-- Favicon-->
<link rel="shortcut icon" href="img/tunl.png">
</head>
<body>
<!-- navbar-->
<header class="header">
<nav class="navbar navbar-expand-lg fixed-top">
<div class="container">
<a href="./" class="navbar-brand">
<img src="img/tunl_typo.png">
</a>
<button type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler navbar-toggler-right">Menu<i class="fa fa-bars ml-2"></i></button>
<div id="navbarSupportedContent" class="collapse navbar-collapse">
<ul class="navbar-nav ml-auto">
<li class="nav-item"> <a target="_blank" href="https://github.com/tunl" class="nav-link active">GitHub</a></li>
</ul>
<!-- <a target="_blank" href="https://donorbox.org/support-podcast" class="btn btn-primary navbar-btn ml-0 ml-lg-3">Donate </a> -->
</div>
</div>
</nav>
</header>
<!-- Hero Section-->
<section class="hero">
<div class="container mb-5">
<div class="row align-items-center">
<div class="col-lg-6">
<h1 class="hero-heading mb-0">
<img src="img/test.png">
</h1>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="text-center">
<h2>Quick access to isolated virtual environments</h2>
<p class="lead text-muted mt-2">We provide tools and services to allow a quick and easy access to environments using your browser</p>
</div>
<div class="row">
<div class="col-lg-7 mx-auto mt-5"><img src="img/server.svg" alt="..." class="intro-image img-fluid">
</div>
</div>
</div>
</section>
<section class="bg-primary text-white">
<div class="container">
<div class="text-center">
<h2>Contribute to our projects</h2>
<div class="row">
<div class="col-lg-9 mx-auto">
<p class="lead text-white mt-2">Want to join us? We're open for PRs and contributions in our projects. Take a look in your projects and feel free to start contributing! </p>
</div>
</div>
<a href="https://github.com/tunl" target="_blank" class="btn btn-outline-light">Contribute</a>
</div>
</div>
</section>
<section>
<div class="container">
<div class="text-center">
<h2>Projects</h2>
<div class="row">
<div class="col-lg-8 mx-auto">
<p class="lead text-muted mt-2">Here are our active projects.<br>Interested? You can view more details on GitHub
</p>
</div>
</div>
</div>
<div class="integrations mt-5">
<div class="row">
<div class="col-lg-4">
<div class="box text-center">
<div class="icon d-flex align-items-end"><img src="img/cast_sh.png" alt="..." class="img-fluid"></div>
<h3 class="h4">cast-sh</h3>
<p class="text-small font-weight-light">An instance of your terminal in your browser</p>
<a href="https://github.com/tunl" target="_blank" class="btn btn-outline-primary">See more...</a>
</div>
</div>
<div class="col-lg-4">
<div class="box text-center">
<div class="icon d-flex align-items-end"><img src="img/tunl.png" alt="..." class="img-fluid"></div>
<h3 class="h4">tunl</h3>
<p class="text-small font-weight-light">A tool for provisioning isolated environments as a service</p>
<a href="https://github.com/tunl" target="_blank" class="btn btn-outline-primary">See more...</a>
</div>
</div>
<div class="col-lg-4">
<div class="box text-center">
<div class="icon d-flex align-items-end"><img src="img/tunl.png" alt="..." class="img-fluid"></div>
<h3 class="h4">tunl client</h3>
<p class="text-small font-weight-light">A Javascript client to control tunl backends</p>
<a href="https://github.com/tunl" target="_blank" class="btn btn-outline-primary">See more...</a>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="copyrights">
<div class="container">
<div class="row">
<div class="col-lg-6 text-center text-lg-left">
<p class="copyrights-text mb-3 mb-lg-0">© All rights reserved. tunl.</p>
</div>
</div>
</div>
</div>
</footer>
<!-- JavaScript files-->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="vendor/jquery.cookie/jquery.cookie.js">
</script>
<script src="js/front.js"></script>
</body>
</html>