Compare commits
No commits in common. "2b8d6091349f52744744b952eefecb43aa43afc6" and "2dfa37ca343f617ffa2a28de55532e2fa1690bc8" have entirely different histories.
2b8d609134
...
2dfa37ca34
@ -1,62 +0,0 @@
|
||||
#forkongithub a{
|
||||
background:#5856D6;
|
||||
color:#fff;
|
||||
text-decoration:none;
|
||||
font-family:Ubuntu,sans-serif;
|
||||
text-align:center;
|
||||
font-weight:bold;
|
||||
padding:5px 40px;
|
||||
/*font-size:1rem;*/
|
||||
line-height:2rem;
|
||||
position:relative;
|
||||
transition:0.5s;
|
||||
}
|
||||
#forkongithub a:hover{
|
||||
background:#ff8800;
|
||||
color:#fff;
|
||||
}
|
||||
#forkongithub a::before,#forkongithub a::after{
|
||||
content:"";
|
||||
width:100%;
|
||||
display:block;
|
||||
position:absolute;
|
||||
top:1px;
|
||||
left:0;
|
||||
height:1px;
|
||||
background:transparent;
|
||||
border-top: 1px dashed #fff;
|
||||
}
|
||||
#forkongithub a::after{
|
||||
bottom:1px;
|
||||
top:auto;
|
||||
}
|
||||
@media screen and (min-width:321px) {
|
||||
#forkongithub {
|
||||
position:absolute;
|
||||
display:block;
|
||||
top:0;
|
||||
right:0;
|
||||
width:150px;
|
||||
overflow:hidden;
|
||||
height:150px;
|
||||
z-index:970;
|
||||
}
|
||||
#forkongithub a{
|
||||
width:200px;
|
||||
position:absolute;
|
||||
top:20px;
|
||||
right:-60px;
|
||||
transform:rotate(45deg);
|
||||
-webkit-transform:rotate(45deg);
|
||||
-ms-transform:rotate(45deg);
|
||||
-moz-transform:rotate(45deg);
|
||||
-o-transform:rotate(45deg);
|
||||
box-shadow:4px 4px 10px rgba(0,0,0,0.8);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 320px) {
|
||||
#forkongithub {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@ -8,24 +8,22 @@
|
||||
@media (min-width: 1200px) and (max-width: 1500px) {}
|
||||
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
|
||||
.text-bg {
|
||||
padding-left: 50px;
|
||||
}
|
||||
.text-bg h1 {
|
||||
font-size: 28px;
|
||||
|
||||
font-size: 67px;
|
||||
}
|
||||
ul.easy li a {
|
||||
font-size: 21px;
|
||||
}
|
||||
ul.social_icon li a {
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.text-bg h1 {
|
||||
padding-top: 0px;
|
||||
font-size: 28px;
|
||||
line-height: 32px;
|
||||
font-size: 51px;
|
||||
line-height: 70px;
|
||||
}
|
||||
ul.Menu_footer {
|
||||
padding-bottom: 30px;
|
||||
@ -51,7 +49,6 @@
|
||||
}
|
||||
.text-bg {
|
||||
max-width: inherit;
|
||||
padding-left: 10px;
|
||||
padding-top: 60px;
|
||||
}
|
||||
.padding_left0 {
|
||||
@ -61,7 +58,7 @@
|
||||
padding-right: 15px;
|
||||
}
|
||||
.main_form .send_btn {
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
ul.location_icon li {
|
||||
padding-bottom: 20px;
|
||||
@ -86,7 +83,7 @@
|
||||
text-align: center;
|
||||
}
|
||||
.titlepage h2 {
|
||||
font-size: 36px;
|
||||
font-size: 37px;
|
||||
}
|
||||
.images_box {
|
||||
padding-top: 20px;
|
||||
@ -103,12 +100,9 @@
|
||||
.banner_main {
|
||||
padding: 0px 0 90px 0;
|
||||
}
|
||||
.text-bg {
|
||||
padding-left: 10px;
|
||||
}
|
||||
.text-bg h1 {
|
||||
font-size: 28px;
|
||||
line-height: 32px;
|
||||
font-size: 44px;
|
||||
line-height: 64px;
|
||||
padding-bottom: 40px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
@ -131,5 +125,9 @@
|
||||
ul.location_icon li {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
ul.Menu_footer,
|
||||
ul.social_icon {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
161
css/style.css
161
css/style.css
@ -8,7 +8,9 @@
|
||||
|
||||
/*--------------------------------------------------------------------- import Fonts ---------------------------------------------------------------------*/
|
||||
|
||||
@import url('https://fonts.googleapis.com/css?family=Ubuntu:regular,bold,italic,bolditatic&subset=Latin');
|
||||
@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700');
|
||||
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
|
||||
@import url('https://fonts.googleapis.com/css?family=Raleway:100,400,600,700,900&display=swap');
|
||||
|
||||
/*****---------------------------------------- 1) font-family: 'Rajdhani', sans-serif;
|
||||
2) font-family: 'Poppins', sans-serif;
|
||||
@ -20,7 +22,7 @@
|
||||
|
||||
@import url(normalize.css);
|
||||
@import url(owl.carousel.min.css);
|
||||
@import url(github-ribbon.css);
|
||||
|
||||
/*
|
||||
@import url(font-awesome.min.css);
|
||||
@import url(normalize.css);
|
||||
@ -52,7 +54,7 @@ html {
|
||||
body {
|
||||
color: #666666;
|
||||
font-size: 14px;
|
||||
font-family: 'Ubuntu', sans-serif;
|
||||
font-family: 'Poppins', sans-serif;
|
||||
line-height: 1.80857;
|
||||
font-weight: normal;
|
||||
}
|
||||
@ -122,6 +124,7 @@ h3 a,
|
||||
h4 a,
|
||||
h5 a,
|
||||
h6 a {
|
||||
color: #212121;
|
||||
text-decoration: none!important;
|
||||
opacity: 1
|
||||
}
|
||||
@ -146,7 +149,7 @@ p {
|
||||
}
|
||||
|
||||
a {
|
||||
color: #5856D6;
|
||||
color: #222222;
|
||||
text-decoration: none;
|
||||
outline: none !important;
|
||||
}
|
||||
@ -309,8 +312,6 @@ a.article:hover {
|
||||
|
||||
ul.btn {
|
||||
float: right;
|
||||
padding-right: 100px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
ul.btn li {
|
||||
@ -330,14 +331,8 @@ ul.btn li:last-child {
|
||||
.down_btn {
|
||||
padding-left: 50px;
|
||||
}
|
||||
ul.btn li.down_btn a {
|
||||
color: #010a05;
|
||||
}
|
||||
ul.btn li.down_btn:hover a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.down_btn, a.read_more {
|
||||
.down_btn a {
|
||||
background-color: #fff;
|
||||
display: inline-block;
|
||||
padding: 7px 35px;
|
||||
@ -346,7 +341,7 @@ ul.btn li.down_btn:hover a {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.down_btn:hover, a.read_more:hover {
|
||||
.down_btn a:hover {
|
||||
color: #fff !important;
|
||||
background: #000;
|
||||
}
|
||||
@ -359,66 +354,55 @@ ul.btn li.down_btn:hover a {
|
||||
|
||||
|
||||
/*--------------------------------------------------------------------- layout new css ---------------------------------------------------------------------*/
|
||||
/*
|
||||
|
||||
.header::after {
|
||||
background: url(../images/cross_top.png);
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 440px;
|
||||
height: 180px;
|
||||
width: 558px;
|
||||
height: 228px;
|
||||
z-index: -1;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background-size: contain;
|
||||
}*/
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 100%;
|
||||
background: #5e548e;
|
||||
padding: 30px 30px 0px 30px;
|
||||
background: #11aeef;
|
||||
padding: 35px 30px;
|
||||
position: relative;
|
||||
z-index: 960;
|
||||
}
|
||||
.logo a img {
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.logo a {
|
||||
font-size: 36px;
|
||||
font-size: 40px;
|
||||
font-weight: bold;
|
||||
/*text-transform: uppercase;*/
|
||||
text-transform: uppercase;
|
||||
color: #fff;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
/*justify-content: center;*/
|
||||
margin-left: 10px;
|
||||
line-height: 40px;
|
||||
}
|
||||
|
||||
|
||||
/** banner section **/
|
||||
|
||||
.banner_main {
|
||||
background: #5e548e;
|
||||
padding: 0 0 90px 0;
|
||||
background: #11aeef;
|
||||
padding: 75px 0 90px 0;
|
||||
}
|
||||
|
||||
#myCarousel .row {
|
||||
/*padding-left: 50px ;*/
|
||||
margin: 0 !important;
|
||||
}
|
||||
.text-bg {
|
||||
text-align: left;
|
||||
float: right;
|
||||
width: 100%;
|
||||
padding-left: 50px ;
|
||||
/*max-width: 500px;*/
|
||||
max-width: 431px;
|
||||
}
|
||||
|
||||
.text-bg h1 {
|
||||
color: #fff;
|
||||
font-size: 28px;
|
||||
line-height: 32px;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 10px;
|
||||
padding-top: 50px;
|
||||
font-size: 71px;
|
||||
line-height: 85px;
|
||||
padding-bottom: 25px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
@ -431,7 +415,6 @@ ul.btn li.down_btn:hover a {
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/*
|
||||
.text-bg .read_more {
|
||||
border: #fff solid 5px;
|
||||
}
|
||||
@ -439,7 +422,7 @@ ul.btn li.down_btn:hover a {
|
||||
.text-bg .read_more:hover {
|
||||
background: #000;
|
||||
}
|
||||
*/
|
||||
|
||||
.images_box figure {
|
||||
margin: 0px;
|
||||
}
|
||||
@ -461,8 +444,6 @@ ul.btn li.down_btn:hover a {
|
||||
|
||||
.carousel-caption {
|
||||
position: inherit;
|
||||
padding-top: 10;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.carousel-control-next,
|
||||
@ -479,7 +460,7 @@ ul.btn li.down_btn:hover a {
|
||||
}
|
||||
|
||||
.titlepage h2 {
|
||||
font-size: 36px;
|
||||
font-size: 50px;
|
||||
color: #382d3c;
|
||||
line-height: 55px;
|
||||
padding: 0;
|
||||
@ -494,7 +475,7 @@ ul.btn li.down_btn:hover a {
|
||||
.blu {
|
||||
color: #0eadef;
|
||||
}
|
||||
/*
|
||||
|
||||
.read_more {
|
||||
font-size: 17px;
|
||||
background-color: transparent;
|
||||
@ -515,30 +496,25 @@ ul.btn li.down_btn:hover a {
|
||||
color: #fff !important;
|
||||
transition: ease-in all 0.5s;
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
/** about section **/
|
||||
|
||||
.about {
|
||||
background: #fafafa;
|
||||
padding: 50px 0;
|
||||
padding: 90px 0;
|
||||
}
|
||||
|
||||
.about .titlepage {
|
||||
text-align: left;
|
||||
padding: 0;
|
||||
/*max-width: 669px;*/
|
||||
max-width: 669px;
|
||||
width: 100%;
|
||||
float: left;
|
||||
}
|
||||
.titlepage {
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.about .titlepage h2 {
|
||||
margin-bottom: 20px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.about .titlepage p {
|
||||
@ -546,21 +522,9 @@ ul.btn li.down_btn:hover a {
|
||||
font-size: 17px;
|
||||
line-height: 35px;
|
||||
font-weight: 400;
|
||||
padding: 0 20px;
|
||||
max-width: 669px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
/*text-align: left;*/
|
||||
}
|
||||
.about .titlepage p a {
|
||||
display: block;
|
||||
text-align: center; margin-right: 20px;
|
||||
}
|
||||
.about .titlepage p span{
|
||||
display: block;
|
||||
padding-bottom: 50px;
|
||||
}
|
||||
|
||||
.about .titlepage .read_more {
|
||||
float: right;
|
||||
}
|
||||
@ -569,10 +533,9 @@ ul.btn li.down_btn:hover a {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/*
|
||||
.about_img figure img {
|
||||
width: 100%;
|
||||
}*/
|
||||
}
|
||||
|
||||
|
||||
/** end about section **/
|
||||
@ -658,37 +621,24 @@ ul.easy li a:hover {
|
||||
/** work section **/
|
||||
|
||||
.work {
|
||||
background: #5e548e;
|
||||
padding: 50px 0;
|
||||
background: #ffffff;
|
||||
padding: 90px 0;
|
||||
}
|
||||
.work a{
|
||||
color: #D69856;
|
||||
}
|
||||
|
||||
|
||||
.work .titlepage {
|
||||
text-align: left;
|
||||
padding: 0;
|
||||
max-width: 648px;
|
||||
width: 100%;
|
||||
}
|
||||
.work .left
|
||||
{
|
||||
padding-left: 20px;
|
||||
float: right;
|
||||
}
|
||||
.work .right {
|
||||
padding-right: 20px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.work .titlepage h2 {
|
||||
margin-bottom: 40px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.work .titlepage p {
|
||||
color: #fff;
|
||||
color: #010a05;
|
||||
font-size: 17px;
|
||||
line-height: 35px;
|
||||
font-weight: 400;
|
||||
@ -792,7 +742,7 @@ ul.easy li a:hover {
|
||||
|
||||
.footer {
|
||||
background: #212120;
|
||||
padding-top: 30px;
|
||||
padding-top: 85px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
@ -804,22 +754,14 @@ ul.easy li a:hover {
|
||||
.footer .titlepage h2 {
|
||||
color: #fff;
|
||||
}
|
||||
.footer .row
|
||||
{
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.footer .address {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.footer .address h3 {
|
||||
color: #fff;
|
||||
font-size: 26px;
|
||||
font-weight: 500;
|
||||
text-align: left;
|
||||
padding: 0;
|
||||
font-size: 30px;
|
||||
line-height: 35px;
|
||||
font-weight: 500;
|
||||
padding-bottom: 20px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
ul.location_icon li {
|
||||
@ -856,14 +798,10 @@ ul.Menu_footer li a {
|
||||
ul.Menu_footer li a:hover {
|
||||
color: #0eadef;
|
||||
}
|
||||
ul.social_icon{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
ul.social_icon li {
|
||||
display: block;
|
||||
margin-right: 10px;
|
||||
padding-bottom: 11px;
|
||||
}
|
||||
|
||||
ul.social_icon li a {
|
||||
@ -886,6 +824,7 @@ ul.social_icon li a i {
|
||||
font-size: 22px;
|
||||
border-radius: 30px;
|
||||
color: #000;
|
||||
margin-top: -33px;
|
||||
}
|
||||
|
||||
ul.social_icon li a i:hover {
|
||||
@ -934,9 +873,9 @@ ul.social_icon li a i:hover {
|
||||
}
|
||||
|
||||
.copyright {
|
||||
margin-top: 30px;
|
||||
padding: 15px 0;
|
||||
background: #5e548e;
|
||||
margin-top: 85px;
|
||||
padding: 25px 0;
|
||||
background: #0192c8;
|
||||
}
|
||||
|
||||
.copyright p {
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 704 B After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 KiB |
BIN
icon/debian.png
BIN
icon/debian.png
Binary file not shown.
|
Before Width: | Height: | Size: 3.4 KiB |
BIN
icon/docker.png
BIN
icon/docker.png
Binary file not shown.
|
Before Width: | Height: | Size: 2.3 KiB |
BIN
icon/github.png
BIN
icon/github.png
Binary file not shown.
|
Before Width: | Height: | Size: 2.2 KiB |
BIN
images/about_img.jpg
Normal file
BIN
images/about_img.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 53 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 328 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.7 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 185 KiB |
BIN
images/cross_top.png
Normal file
BIN
images/cross_top.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
BIN
images/img2.png
Normal file
BIN
images/img2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 208 KiB |
BIN
images/logo.png
BIN
images/logo.png
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 3.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 116 KiB |
139
index.html
139
index.html
@ -8,7 +8,7 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
|
||||
<!-- site metas -->
|
||||
<title>AntOS Cloud-based web desktop</title>
|
||||
<title>potoub</title>
|
||||
<meta name="keywords" content="">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
@ -17,7 +17,7 @@
|
||||
<!-- style css -->
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
<!-- Responsive-->
|
||||
<link rel="stylesheet" href="css/responsive.css"/>
|
||||
<link rel="stylesheet" href="css/responsive.css">
|
||||
<!-- fevicon -->
|
||||
<link rel="icon" href="icon/antos-16x16.png" type="image/png" />
|
||||
<!-- Tweaks for older IEs-->
|
||||
@ -29,7 +29,6 @@
|
||||
<!-- body -->
|
||||
<body class="main-layout">
|
||||
<div class="wrapper">
|
||||
<span id="forkongithub"><a href="https://github.com/lxsang/antos"><i class="fa fa-github" aria-hidden="true"></i> Fork me</a></span>
|
||||
<!-- end loader -->
|
||||
<div id="content">
|
||||
<!-- header -->
|
||||
@ -42,16 +41,20 @@
|
||||
<div class="full">
|
||||
<div class="center-desk">
|
||||
<div class="logo">
|
||||
<a href="index.html"><img src="images/logo.png" alt="#" />AntOS</a>
|
||||
<a href="index.html"><img src="images/logo.png" alt="#" /></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-9 col-lg-9 col-md-9 col-sm-9">
|
||||
<ul class="btn">
|
||||
<li ><a href="#about"><i class="fa fa-cloud-download" aria-hidden="true"></i> Download</a></li>
|
||||
<li ><a href="#work"><i class="fa fa-book" aria-hidden="true"></i> Documentation</a></li>
|
||||
<!--li><a href="https://github.com/lxsang/antos">Github <i class="fa fa-github" aria-hidden="true"></i></a></li-->
|
||||
<li class="down_btn"><a href="#">Download</a></li>
|
||||
<li><a href="#">Sign Up</a></li>
|
||||
<li><a href="#"><i class="fa fa-search" aria-hidden="true"></i></a></li>
|
||||
<li><button type="button" id="sidebarCollapse">
|
||||
<img src="images/menu_icon.png" alt="#" />
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@ -74,19 +77,14 @@
|
||||
<div class="row">
|
||||
<div class="col-xl-5 col-lg-5 col-md-5 col-sm-12">
|
||||
<div class="text-bg">
|
||||
<h1>Cloud-Based, Self-Hosted Web desktop</h1>
|
||||
<p>
|
||||
AntOS is a web-based desktop platform that provides an all-in-one solution for setting up a cloud-based, self-hosted working environment.
|
||||
It features backend API and services, a front-end web-based window manager, application APIs, a GUI toolkit, and file system abstractions.
|
||||
<br/>
|
||||
AntOS is designed to work across devices, including desktop computers and mobile devices.
|
||||
</p>
|
||||
<a class="read_more" href="https://app.iohub.dev/antos/"><i class="fa fa-globe" aria-hidden="true"></i> Online demo</a>
|
||||
<h1>Get<br> Thinking A <br>long time</h1>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis </p>
|
||||
<a class="read_more" href="#">Read more</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-7 col-lg-7 col-md-7 col-sm-12">
|
||||
<div class="images_box">
|
||||
<figure><img src="images/antos-shot.png"></figure>
|
||||
<figure><img src="images/img2.png"></figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -99,17 +97,14 @@
|
||||
<div class="row">
|
||||
<div class="col-xl-5 col-lg-5 col-md-5 col-sm-12">
|
||||
<div class="text-bg">
|
||||
<h1>Integrated application store</h1>
|
||||
<p>
|
||||
The integrated Market Place provides users with a wide range of applications, services and libraries.
|
||||
</p>
|
||||
<a class="read_more" href="https://app.iohub.dev/antos/"><i class="fa fa-globe" aria-hidden="true"></i> Online demo</a>
|
||||
<!--a class="read_more" href="https://app.iohub.dev/antos/">Online demo</a-->
|
||||
<h1>Get<br> Thinking A <br>long time</h1>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis </p>
|
||||
<a class="read_more" href="#">Read more</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-7 col-lg-7 col-md-7 col-sm-12">
|
||||
<div class="images_box">
|
||||
<figure><img src="images/market-place.png"></figure>
|
||||
<figure><img src="images/img2.png"></figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -122,17 +117,14 @@
|
||||
<div class="row">
|
||||
<div class="col-xl-5 col-lg-5 col-md-5 col-sm-12">
|
||||
<div class="text-bg">
|
||||
<h1>In-browser application devlopment</h1>
|
||||
<p> It also includes an SDK and development environment for in-browser application development, deployment, and packaging.
|
||||
<br />
|
||||
The SDK supports application development in Javascript, Typescript or Coffeescript</p>
|
||||
<a class="read_more" href="https://app.iohub.dev/antos/"><i class="fa fa-globe" aria-hidden="true"></i> Online demo</a>
|
||||
<!--a class="read_more" href="#">Read more</a-->
|
||||
<h1>Get<br> Thinking A <br>long time</h1>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis </p>
|
||||
<a class="read_more" href="#">Read more</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-xl-7 col-lg-7 col-md-7 col-sm-12">
|
||||
<div class="images_box">
|
||||
<figure><img src="images/antos-sdk.webp"></figure>
|
||||
<figure><img src="images/img2.png"></figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -152,29 +144,24 @@
|
||||
<div id="about" class="about">
|
||||
<div class="container-fluid">
|
||||
<div class="row d_flex">
|
||||
<!--div class="col-md-5">
|
||||
<div class="col-md-5">
|
||||
<div class="about_img">
|
||||
<figure><img src="images/antos-128x128.png" alt="#"/></figure>
|
||||
<figure><img src="images/about_img.jpg" alt="#"/></figure>
|
||||
</div>
|
||||
</div-->
|
||||
<!--div class="col-md-7"-->
|
||||
</div>
|
||||
<div class="col-md-7">
|
||||
<div class="titlepage">
|
||||
<figure><img src="images/antos-128x128.png" alt="#"/></figure>
|
||||
<h2>Download <span class="blu">antOS</span></h2>
|
||||
<p>
|
||||
<a href="https://github.com/lxsang/antos"><img src="icon/github.png"><span>Source code</span></a>
|
||||
<a href="https://hub.docker.com/r/xsangle/antosaio"><img src="icon/docker.png"><span>Docker hub</span></a>
|
||||
<a href="https://ci.iohub.dev/public/antos-release/binaries/deb/"><img src="icon/debian.png"><span>Debian binaries</span></a>
|
||||
<a href="https://ci.iohub.dev/public/antos-release/binaries/"><img src="icon/appimage.png"><span>Appimage binaries</span></a>
|
||||
</p>
|
||||
<h2>About <span class="blu">Software</span></h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit </p>
|
||||
<a class="read_more">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
<!--/div-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end about -->
|
||||
<!-- choose section -->
|
||||
<!--div class="choose ">
|
||||
<div class="choose ">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
@ -209,35 +196,22 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div-->
|
||||
</div>
|
||||
<!-- end choose section -->
|
||||
<!-- work -->
|
||||
<div id="work" class="work">
|
||||
<div class="container-fluid">
|
||||
<div class="row d_flex">
|
||||
<div class="col-md-6">
|
||||
<div class="titlepage left">
|
||||
<h2>Getting started</h2>
|
||||
<a href="https://doc.iohub.dev/antos/" class="read_more">Read the doc v1.0.x</a>
|
||||
<p>
|
||||
The user manual and development guide are currently a work-in-progress (the current available documentation is outdated - v1.0.x).
|
||||
<br/>
|
||||
Any contribution for the doc is welcome.
|
||||
<br />
|
||||
</p>
|
||||
|
||||
<div class="col-md-7">
|
||||
<div class="titlepage">
|
||||
<h2>How To <span class="blu">Works it</span></h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit </p>
|
||||
<a class="read_more">Read More</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="titlepage right">
|
||||
<h2>Development API</h2>
|
||||
<a href="https://ci.iohub.dev/public/antos-release/doc/2.0.x/" class="read_more">Latest API v.2.0.x</a>
|
||||
<p>
|
||||
AntOS API documentation is generated automatically by Jenkins from Typescript source code comments (format JSDOC).
|
||||
<br />
|
||||
Generated API documentations for all versions are available at: <a href='https://ci.iohub.dev/public/antos-release/doc/'>https://ci.iohub.dev/public/antos-release/doc/</a>
|
||||
</p>
|
||||
|
||||
<div class="col-md-5">
|
||||
<div class="work_img">
|
||||
<figure><img src="images/work_img.jpg" alt="#"/></figure>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -245,7 +219,7 @@
|
||||
</div>
|
||||
<!-- end work -->
|
||||
<!-- request -->
|
||||
<!--div id="contact" class="request">
|
||||
<div id="contact" class="request">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
@ -281,27 +255,15 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div-->
|
||||
</div>
|
||||
<!-- end request -->
|
||||
<!-- footer -->
|
||||
<footer>
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="address">
|
||||
<h3>Follow Me</h3>
|
||||
</div>
|
||||
<ul class="social_icon">
|
||||
<li><a href="https://twitter.com/lexsang"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
|
||||
<li><a href="https://www.linkedin.com/in/dany-xuan-sang-le-55310116b/"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
|
||||
<li><a href="https://github.com/lxsang"><i class="fa fa-github" aria-hidden="true"></i></a></li>
|
||||
<li><a href="https://iohub.dev"><i class="fa fa-globe" aria-hidden="true"></i></a></li>
|
||||
</ul>
|
||||
<!--div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
|
||||
<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
|
||||
<div class="row">
|
||||
<div class="address">
|
||||
<h3>Follow Me</h3>
|
||||
</div>
|
||||
<div class="col-md-8 col-sm-6">
|
||||
<div class="address">
|
||||
<h3>Address </h3>
|
||||
@ -327,13 +289,14 @@
|
||||
<div class="row">
|
||||
<div class="col-md-5 col-sm-6">
|
||||
<div class="address">
|
||||
<h3>Follow Me</h3>
|
||||
<h3>Follow Us</h3>
|
||||
</div>
|
||||
<ul class="social_icon">
|
||||
<li><a href="https://twitter.com/lexsang"> Twitter<i class="fa fa-twitter" aria-hidden="true"></i></a></li>
|
||||
<li><a href="https://www.linkedin.com/in/dany-xuan-sang-le-55310116b/"> Linkedin<i class="fa fa-linkedin-square" aria-hidden="true"></i></a></li>
|
||||
<li><a href="https://github.com/lxsang"> Github<i class="fa fa-github" aria-hidden="true"></i></a></li>
|
||||
<li><a href="https://iohub.dev"> My website<i class="fa fa-globe" aria-hidden="true"></i></a></li>
|
||||
<li><a href="#">Facebook <i class="fa fa-facebook" aria-hidden="true"></i></a></li>
|
||||
<li><a href="#"> Twitter<i class="fa fa-twitter" aria-hidden="true"></i></a></li>
|
||||
<li><a href="#"> Linkedin<i class="fa fa-linkedin-square" aria-hidden="true"></i></a></li>
|
||||
<li><a href="#"> Youtube<i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>
|
||||
<li><a href="#"> Instagram<i class="fa fa-instagram" aria-hidden="true"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-7 col-sm-6">
|
||||
@ -346,14 +309,14 @@
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copyright">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<p>Copyright 2022, All Right Reserved By <a href="https://iohub.dev/"> Dany LE</a></p>
|
||||
<p>Copyright 2019 All Right Reserved By <a href="https://html.design/"> Free html Templates</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user