-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
133 lines (123 loc) · 4.51 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
<!DOCTYPE HTML>
<html>
<head>
<title>Breath OS</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<meta property="og:title" content="Breath OS" />
<link rel="icon" type="image/webp" href="./images/icon.webp" />
<meta property="og:description" content="For those, who prefer security and speed." />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript>
<link rel="stylesheet" href="assets/css/noscript.css" />
</noscript>
</head>
<script>window.onload = function () { initLanguages(); }</script>
<body class="is-preload">
<!-- Sidebar -->
<section id="sidebar">
<div class="inner">
<nav>
<ul>
<li><a href="#hi" class="multilang" id="index-sidebar-hello"></a></li>
<li><a href="#what" class="multilang" id="index-sidebar-why"></a></li>
<li><a href="#about-us" class="multilang" id="index-sidebar-about-us"></a></li>
</ul>
</nav>
</div>
</section>
<div id="wrapper">
<section id="hi" class="wrapper style2 fullscreen fade-up">
<div class="inner">
<h1>Breath OS</h1>
<p class="multilang" id="index-hi-caption"></p>
<center><select id="selectLanguage" onChange="selectedLanguageChanged();"></select></center>
<ul class="actions">
<li><a href="#what" class="button scrolly multilang" id="index-hi-button-1"></a></li>
<li><a href="dl/index.html" class="button primary scrolly multilang icon brands fa-linux"
id="index-hi-download"></a></li>
<li><a href="faq/index.html" class="button scrolly multilang" id="index-faq-button"></a></li>
</ul>
</div>
</section>
<section id="what" class="wrapper style2 spotlights">
<section>
<a class="image"><img src="images/pic1.webp" alt="" data-position="center center" /></a>
<div class="content">
<div class="inner">
<h2 class="multilang" id="what-first-h2"></h2>
<p class="multilang" id="what-first-p"></p>
<!-- <ul class="actions">
<li><a href="generic.html" class="button">Learn more</a></li>
</ul> -->
</div>
</div>
</section>
<section>
<a class="image"><img src="images/pic2.webp" alt="" data-position="top center" /></a>
<div class="content">
<div class="inner">
<h2 class="multilang" id="what-second-h2"></h2>
<p class="multilang" id="what-second-p"></p>
</div>
</div>
</section>
<section>
<a class="image"><img src="images/pic3.webp" alt="" data-position="25% 25%" /></a>
<div class="content">
<div class="inner">
<h2 class="multilang" id="what-third-h2"></h2>
<p class="multilang" id="what-third-p"></p>
</div>
</div>
</section>
<section>
<a class="image"><img src="images/pic4.webp" alt="" data-position="25% 25%" /></a>
<div class="content">
<div class="inner">
<h2 class="multilang" id="what-fourth-h2"></h2>
<p class="multilang" id="what-fourth-p"></p>
</div>
</div>
</section>
</section>
<section id="about-us" class="wrapper style2 fade-up">
<div class="inner">
<h2 class="multilang" id="index-about-us-title"></h2>
<center>
<div class="col-12">
<span class="image fit">
<img src="images/cr.webp" alt="Copyright">
</span>
</div>
</center>
<p class="multilang" id="index-about-us-caption"></p>
<a href="https://www.youtube.com/watch?v=7aPs5_8rHNE" class="button primary scrolly multilang"
id="index-about-us-button"></a>
<a href="us/index.html" class="button scrolly multilang" id="index-about-us-button-2"></a>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer" class="wrapper style2-alt">
<div class="inner">
<ul class="menu">
<li>Build with <a class="icon fa-heart"></a> by <a>Azer Sadykhzadeh</a> | Design by <a
href="https://aj.lkn.io/" target="_blank">AJ</a></li>
</ul>
</div>
</footer>
<!-- multilang support start -->
<script type="text/javascript" src="rjs/R.js"></script>
<script type="text/javascript" src="lang/multilang.js"></script>
<!-- multilang support end -->
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>