dany/antos-site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: dany:2b8d6091349f52744744b952eefecb43aa43afc6
Branches Tags
dany:master
..
compare: dany:2dfa37ca343f617ffa2a28de55532e2fa1690bc8
Branches Tags
dany:master

No commits in common. "2b8d6091349f52744744b952eefecb43aa43afc6" and "2dfa37ca343f617ffa2a28de55532e2fa1690bc8" have entirely different histories.
2b8d609134 ... 2dfa37ca34

19 changed files with 115 additions and 277 deletions
Show Stats Expand all files Collapse all files

62
css/github-ribbon.css
View File

@ -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;
}
}

30
css/responsive.css
View File

@ -8,24 +8,22 @@
@media (min-width: 1200px) and (max-width: 1500px) {} @media (min-width: 1200px) and (max-width: 1500px) {}
@media (min-width: 992px) and (max-width: 1199px) { @media (min-width: 992px) and (max-width: 1199px) {
.text-bg {
padding-left: 50px;
}
.text-bg h1 { .text-bg h1 {
font-size: 28px; font-size: 67px;
} }
ul.easy li a { ul.easy li a {
font-size: 21px; font-size: 21px;
} }
ul.social_icon li a {
font-size: 16px;
}
} }
@media (min-width: 768px) and (max-width: 991px) { @media (min-width: 768px) and (max-width: 991px) {
.text-bg h1 { .text-bg h1 {
padding-top: 0px; padding-top: 0px;
font-size: 28px; font-size: 51px;
line-height: 32px; line-height: 70px;
} }
ul.Menu_footer { ul.Menu_footer {
padding-bottom: 30px; padding-bottom: 30px;
@ -51,7 +49,6 @@
} }
.text-bg { .text-bg {
max-width: inherit; max-width: inherit;
padding-left: 10px;
padding-top: 60px; padding-top: 60px;
} }
.padding_left0 { .padding_left0 {
@ -61,7 +58,7 @@
padding-right: 15px; padding-right: 15px;
} }
.main_form .send_btn { .main_form .send_btn {
margin-bottom: 20px; margin-bottom: 30px;
} }
ul.location_icon li { ul.location_icon li {
padding-bottom: 20px; padding-bottom: 20px;
@ -86,7 +83,7 @@
text-align: center; text-align: center;
} }
.titlepage h2 { .titlepage h2 {
font-size: 36px; font-size: 37px;
} }
.images_box { .images_box {
padding-top: 20px; padding-top: 20px;
@ -103,12 +100,9 @@
.banner_main { .banner_main {
padding: 0px 0 90px 0; padding: 0px 0 90px 0;
} }
.text-bg {
padding-left: 10px;
}
.text-bg h1 { .text-bg h1 {
font-size: 28px; font-size: 44px;
line-height: 32px; line-height: 64px;
padding-bottom: 40px; padding-bottom: 40px;
padding-left: 10px; padding-left: 10px;
} }
@ -131,5 +125,9 @@
ul.location_icon li { ul.location_icon li {
padding-bottom: 20px; padding-bottom: 20px;
} }
ul.Menu_footer,
ul.social_icon {
padding-bottom: 20px;
}
} }

161
css/style.css
View File

@ -8,7 +8,9 @@
/*--------------------------------------------------------------------- import Fonts ---------------------------------------------------------------------*/ /*--------------------------------------------------------------------- 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; /*****---------------------------------------- 1) font-family: 'Rajdhani', sans-serif;
2) font-family: 'Poppins', sans-serif; 2) font-family: 'Poppins', sans-serif;
@ -20,7 +22,7 @@
@import url(normalize.css); @import url(normalize.css);
@import url(owl.carousel.min.css); @import url(owl.carousel.min.css);
@import url(github-ribbon.css);
/* /*
@import url(font-awesome.min.css); @import url(font-awesome.min.css);
@import url(normalize.css); @import url(normalize.css);
@ -52,7 +54,7 @@ html {
body { body {
color: #666666; color: #666666;
font-size: 14px; font-size: 14px;
font-family: 'Ubuntu', sans-serif; font-family: 'Poppins', sans-serif;
line-height: 1.80857; line-height: 1.80857;
font-weight: normal; font-weight: normal;
} }
@ -122,6 +124,7 @@ h3 a,
h4 a, h4 a,
h5 a, h5 a,
h6 a { h6 a {
color: #212121;
text-decoration: none!important; text-decoration: none!important;
opacity: 1 opacity: 1
} }
@ -146,7 +149,7 @@ p {
} }
a { a {
color: #5856D6; color: #222222;
text-decoration: none; text-decoration: none;
outline: none !important; outline: none !important;
} }
@ -309,8 +312,6 @@ a.article:hover {
ul.btn { ul.btn {
float: right; float: right;
padding-right: 100px;
padding-top: 20px;
} }
ul.btn li { ul.btn li {
@ -330,14 +331,8 @@ ul.btn li:last-child {
.down_btn { .down_btn {
padding-left: 50px; 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; background-color: #fff;
display: inline-block; display: inline-block;
padding: 7px 35px; padding: 7px 35px;
@ -346,7 +341,7 @@ ul.btn li.down_btn:hover a {
font-size: 17px; font-size: 17px;
} }
.down_btn:hover, a.read_more:hover { .down_btn a:hover {
color: #fff !important; color: #fff !important;
background: #000; background: #000;
} }
@ -359,66 +354,55 @@ ul.btn li.down_btn:hover a {
/*--------------------------------------------------------------------- layout new css ---------------------------------------------------------------------*/ /*--------------------------------------------------------------------- layout new css ---------------------------------------------------------------------*/
/*
.header::after { .header::after {
background: url(../images/cross_top.png); background: url(../images/cross_top.png);
content: ""; content: "";
position: absolute; position: absolute;
width: 440px; width: 558px;
height: 180px; height: 228px;
z-index: -1; z-index: -1;
top: 0; top: 0;
left: 0; left: 0;
background-size: contain; }
}*/
.header { .header {
width: 100%; width: 100%;
background: #5e548e; background: #11aeef;
padding: 30px 30px 0px 30px; padding: 35px 30px;
position: relative; position: relative;
z-index: 960; z-index: 960;
} }
.logo a img {
margin-right: 10px;
}
.logo a { .logo a {
font-size: 36px; font-size: 40px;
font-weight: bold; font-weight: bold;
/*text-transform: uppercase;*/ text-transform: uppercase;
color: #fff; color: #fff;
display: flex; line-height: 40px;
flex-direction: row;
/*justify-content: center;*/
margin-left: 10px;
} }
/** banner section **/ /** banner section **/
.banner_main { .banner_main {
background: #5e548e; background: #11aeef;
padding: 0 0 90px 0; padding: 75px 0 90px 0;
} }
#myCarousel .row {
/*padding-left: 50px ;*/
margin: 0 !important;
}
.text-bg { .text-bg {
text-align: left; text-align: left;
float: right; float: right;
width: 100%; width: 100%;
padding-left: 50px ; max-width: 431px;
/*max-width: 500px;*/
} }
.text-bg h1 { .text-bg h1 {
color: #fff; color: #fff;
font-size: 28px; padding-top: 50px;
line-height: 32px; font-size: 71px;
padding-top: 20px; line-height: 85px;
padding-bottom: 10px; padding-bottom: 25px;
font-weight: bold; font-weight: bold;
} }
@ -431,7 +415,6 @@ ul.btn li.down_btn:hover a {
font-weight: 500; font-weight: 500;
} }
/*
.text-bg .read_more { .text-bg .read_more {
border: #fff solid 5px; border: #fff solid 5px;
} }
@ -439,7 +422,7 @@ ul.btn li.down_btn:hover a {
.text-bg .read_more:hover { .text-bg .read_more:hover {
background: #000; background: #000;
} }
*/
.images_box figure { .images_box figure {
margin: 0px; margin: 0px;
} }
@ -461,8 +444,6 @@ ul.btn li.down_btn:hover a {
.carousel-caption { .carousel-caption {
position: inherit; position: inherit;
padding-top: 10;
padding-bottom: 0;
} }
.carousel-control-next, .carousel-control-next,
@ -479,7 +460,7 @@ ul.btn li.down_btn:hover a {
} }
.titlepage h2 { .titlepage h2 {
font-size: 36px; font-size: 50px;
color: #382d3c; color: #382d3c;
line-height: 55px; line-height: 55px;
padding: 0; padding: 0;
@ -494,7 +475,7 @@ ul.btn li.down_btn:hover a {
.blu { .blu {
color: #0eadef; color: #0eadef;
} }
/*
.read_more { .read_more {
font-size: 17px; font-size: 17px;
background-color: transparent; background-color: transparent;
@ -515,30 +496,25 @@ ul.btn li.down_btn:hover a {
color: #fff !important; color: #fff !important;
transition: ease-in all 0.5s; transition: ease-in all 0.5s;
} }
*/
/** about section **/ /** about section **/
.about { .about {
background: #fafafa; background: #fafafa;
padding: 50px 0; padding: 90px 0;
} }
.about .titlepage { .about .titlepage {
text-align: left; text-align: left;
padding: 0; padding: 0;
/*max-width: 669px;*/ max-width: 669px;
width: 100%; width: 100%;
float: left; float: left;
} }
.titlepage {
display: flex;
flex-direction: column;
align-items: center;
}
.about .titlepage h2 { .about .titlepage h2 {
margin-bottom: 20px; margin-bottom: 40px;
} }
.about .titlepage p { .about .titlepage p {
@ -546,21 +522,9 @@ ul.btn li.down_btn:hover a {
font-size: 17px; font-size: 17px;
line-height: 35px; line-height: 35px;
font-weight: 400; font-weight: 400;
padding: 0 20px; padding-bottom: 50px;
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;
} }
.about .titlepage .read_more { .about .titlepage .read_more {
float: right; float: right;
} }
@ -569,10 +533,9 @@ ul.btn li.down_btn:hover a {
margin: 0; margin: 0;
} }
/*
.about_img figure img { .about_img figure img {
width: 100%; width: 100%;
}*/ }
/** end about section **/ /** end about section **/
@ -658,37 +621,24 @@ ul.easy li a:hover {
/** work section **/ /** work section **/
.work { .work {
background: #5e548e; background: #ffffff;
padding: 50px 0; padding: 90px 0;
} }
.work a{
color: #D69856;
}
.work .titlepage { .work .titlepage {
text-align: left; text-align: left;
padding: 0; padding: 0;
max-width: 648px; max-width: 648px;
width: 100%; width: 100%;
}
.work .left
{
padding-left: 20px;
float: right; float: right;
} }
.work .right {
padding-right: 20px;
float: left;
}
.work .titlepage h2 { .work .titlepage h2 {
margin-bottom: 40px; margin-bottom: 40px;
color: #fff;
} }
.work .titlepage p { .work .titlepage p {
color: #fff; color: #010a05;
font-size: 17px; font-size: 17px;
line-height: 35px; line-height: 35px;
font-weight: 400; font-weight: 400;
@ -792,7 +742,7 @@ ul.easy li a:hover {
.footer { .footer {
background: #212120; background: #212120;
padding-top: 30px; padding-top: 85px;
text-align: center; text-align: center;
} }
@ -804,22 +754,14 @@ ul.easy li a:hover {
.footer .titlepage h2 { .footer .titlepage h2 {
color: #fff; color: #fff;
} }
.footer .row
{
justify-content: center;
}
.footer .address {
margin-right: 20px;
}
.footer .address h3 { .footer .address h3 {
color: #fff; color: #fff;
font-size: 26px; font-size: 30px;
font-weight: 500;
text-align: left;
padding: 0;
line-height: 35px; line-height: 35px;
font-weight: 500;
padding-bottom: 20px;
text-align: left;
} }
ul.location_icon li { ul.location_icon li {
@ -856,14 +798,10 @@ ul.Menu_footer li a {
ul.Menu_footer li a:hover { ul.Menu_footer li a:hover {
color: #0eadef; color: #0eadef;
} }
ul.social_icon{
display: flex;
flex-direction: row;
}
ul.social_icon li { ul.social_icon li {
display: block; display: block;
margin-right: 10px; padding-bottom: 11px;
} }
ul.social_icon li a { ul.social_icon li a {
@ -886,6 +824,7 @@ ul.social_icon li a i {
font-size: 22px; font-size: 22px;
border-radius: 30px; border-radius: 30px;
color: #000; color: #000;
margin-top: -33px;
} }
ul.social_icon li a i:hover { ul.social_icon li a i:hover {
@ -934,9 +873,9 @@ ul.social_icon li a i:hover {
} }
.copyright { .copyright {
margin-top: 30px; margin-top: 85px;
padding: 15px 0; padding: 25px 0;
background: #5e548e; background: #0192c8;
} }
.copyright p { .copyright p {

BIN
icon/antos-16x16.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 704 B

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
icon/appimage.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.3 KiB

BIN
icon/debian.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 3.4 KiB

BIN
icon/docker.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.3 KiB

BIN
icon/github.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.2 KiB

BIN
images/about_img.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 53 KiB

BIN
images/antos-128x128.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.0 KiB

BIN
images/antos-64x64.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.9 KiB

BIN
images/antos-mobile.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 328 KiB

BIN
images/antos-sdk.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 MiB

BIN
images/antos-shot.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 185 KiB

BIN
images/cross_top.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB

BIN
images/img2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 208 KiB

BIN
images/logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
images/market-place.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 116 KiB

139
index.html
View File

@ -8,7 +8,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="initial-scale=1, maximum-scale=1"> <meta name="viewport" content="initial-scale=1, maximum-scale=1">
<!-- site metas --> <!-- site metas -->
<title>AntOS Cloud-based web desktop</title> <title>potoub</title>
<meta name="keywords" content=""> <meta name="keywords" content="">
<meta name="description" content=""> <meta name="description" content="">
<meta name="author" content=""> <meta name="author" content="">
@ -17,7 +17,7 @@
<!-- style css --> <!-- style css -->
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<!-- Responsive--> <!-- Responsive-->
<link rel="stylesheet" href="css/responsive.css"/> <link rel="stylesheet" href="css/responsive.css">
<!-- fevicon --> <!-- fevicon -->
<link rel="icon" href="icon/antos-16x16.png" type="image/png" /> <link rel="icon" href="icon/antos-16x16.png" type="image/png" />
<!-- Tweaks for older IEs--> <!-- Tweaks for older IEs-->
@ -29,7 +29,6 @@
<!-- body --> <!-- body -->
<body class="main-layout"> <body class="main-layout">
<div class="wrapper"> <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 --> <!-- end loader -->
<div id="content"> <div id="content">
<!-- header --> <!-- header -->
@ -42,16 +41,20 @@
<div class="full"> <div class="full">
<div class="center-desk"> <div class="center-desk">
<div class="logo"> <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> </div>
</div> </div>
<div class="col-xl-9 col-lg-9 col-md-9 col-sm-9"> <div class="col-xl-9 col-lg-9 col-md-9 col-sm-9">
<ul class="btn"> <ul class="btn">
<li ><a href="#about"><i class="fa fa-cloud-download" aria-hidden="true"></i> Download</a></li> <li class="down_btn"><a href="#">Download</a></li>
<li ><a href="#work"><i class="fa fa-book" aria-hidden="true"></i> Documentation</a></li> <li><a href="#">Sign Up</a></li>
<!--li><a href="https://github.com/lxsang/antos">Github <i class="fa fa-github" aria-hidden="true"></i></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> </ul>
</div> </div>
</div> </div>
@ -74,19 +77,14 @@
<div class="row"> <div class="row">
<div class="col-xl-5 col-lg-5 col-md-5 col-sm-12"> <div class="col-xl-5 col-lg-5 col-md-5 col-sm-12">
<div class="text-bg"> <div class="text-bg">
<h1>Cloud-Based, Self-Hosted Web desktop</h1> <h1>Get<br> Thinking A <br>long time</h1>
<p> <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>
AntOS is a web-based desktop platform that provides an all-in-one solution for setting up a cloud-based, self-hosted working environment. <a class="read_more" href="#">Read more</a>
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>
</div> </div>
</div> </div>
<div class="col-xl-7 col-lg-7 col-md-7 col-sm-12"> <div class="col-xl-7 col-lg-7 col-md-7 col-sm-12">
<div class="images_box"> <div class="images_box">
<figure><img src="images/antos-shot.png"></figure> <figure><img src="images/img2.png"></figure>
</div> </div>
</div> </div>
</div> </div>
@ -99,17 +97,14 @@
<div class="row"> <div class="row">
<div class="col-xl-5 col-lg-5 col-md-5 col-sm-12"> <div class="col-xl-5 col-lg-5 col-md-5 col-sm-12">
<div class="text-bg"> <div class="text-bg">
<h1>Integrated application store</h1> <h1>Get<br> Thinking A <br>long time</h1>
<p> <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>
The integrated Market Place provides users with a wide range of applications, services and libraries. <a class="read_more" href="#">Read more</a>
</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-->
</div> </div>
</div> </div>
<div class="col-xl-7 col-lg-7 col-md-7 col-sm-12"> <div class="col-xl-7 col-lg-7 col-md-7 col-sm-12">
<div class="images_box"> <div class="images_box">
<figure><img src="images/market-place.png"></figure> <figure><img src="images/img2.png"></figure>
</div> </div>
</div> </div>
</div> </div>
@ -122,17 +117,14 @@
<div class="row"> <div class="row">
<div class="col-xl-5 col-lg-5 col-md-5 col-sm-12"> <div class="col-xl-5 col-lg-5 col-md-5 col-sm-12">
<div class="text-bg"> <div class="text-bg">
<h1>In-browser application devlopment</h1> <h1>Get<br> Thinking A <br>long time</h1>
<p> It also includes an SDK and development environment for in-browser application development, deployment, and packaging. <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>
<br /> <a class="read_more" href="#">Read more</a>
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-->
</div> </div>
</div> </div>
<div class="col-xl-7 col-lg-7 col-md-7 col-sm-12"> <div class="col-xl-7 col-lg-7 col-md-7 col-sm-12">
<div class="images_box"> <div class="images_box">
<figure><img src="images/antos-sdk.webp"></figure> <figure><img src="images/img2.png"></figure>
</div> </div>
</div> </div>
</div> </div>
@ -152,29 +144,24 @@
<div id="about" class="about"> <div id="about" class="about">
<div class="container-fluid"> <div class="container-fluid">
<div class="row d_flex"> <div class="row d_flex">
<!--div class="col-md-5"> <div class="col-md-5">
<div class="about_img"> <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--> </div>
<!--div class="col-md-7"--> <div class="col-md-7">
<div class="titlepage"> <div class="titlepage">
<figure><img src="images/antos-128x128.png" alt="#"/></figure> <h2>About <span class="blu">Software</span></h2>
<h2>Download <span class="blu">antOS</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>
<p> <a class="read_more">Read More</a>
<a href="https://github.com/lxsang/antos"><img src="icon/github.png"><span>Source code</span></a> </div>
<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>
</div> </div>
<!--/div-->
</div> </div>
</div> </div>
</div> </div>
<!-- end about --> <!-- end about -->
<!-- choose section --> <!-- choose section -->
<!--div class="choose "> <div class="choose ">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
@ -209,35 +196,22 @@
</div> </div>
</div> </div>
</div> </div>
</div--> </div>
<!-- end choose section --> <!-- end choose section -->
<!-- work --> <!-- work -->
<div id="work" class="work"> <div id="work" class="work">
<div class="container-fluid"> <div class="container-fluid">
<div class="row d_flex"> <div class="row d_flex">
<div class="col-md-6"> <div class="col-md-7">
<div class="titlepage left"> <div class="titlepage">
<h2>Getting started</h2> <h2>How To <span class="blu">Works it</span></h2>
<a href="https://doc.iohub.dev/antos/" class="read_more">Read the doc v1.0.x</a> <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>
<p> <a class="read_more">Read More</a>
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 /> &nbsp;
</p>
</div> </div>
</div> </div>
<div class="col-md-6"> <div class="col-md-5">
<div class="titlepage right"> <div class="work_img">
<h2>Development API</h2> <figure><img src="images/work_img.jpg" alt="#"/></figure>
<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> </div>
</div> </div>
</div> </div>
@ -245,7 +219,7 @@
</div> </div>
<!-- end work --> <!-- end work -->
<!-- request --> <!-- request -->
<!--div id="contact" class="request"> <div id="contact" class="request">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
@ -281,27 +255,15 @@
</div> </div>
</div> </div>
</div> </div>
</div--> </div>
<!-- end request --> <!-- end request -->
<!-- footer --> <!-- footer -->
<footer> <footer>
<div class="footer"> <div class="footer">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="address"> <div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
<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="row"> <div class="row">
<div class="address">
<h3>Follow Me</h3>
</div>
<div class="col-md-8 col-sm-6"> <div class="col-md-8 col-sm-6">
<div class="address"> <div class="address">
<h3>Address </h3> <h3>Address </h3>
@ -327,13 +289,14 @@
<div class="row"> <div class="row">
<div class="col-md-5 col-sm-6"> <div class="col-md-5 col-sm-6">
<div class="address"> <div class="address">
<h3>Follow Me</h3> <h3>Follow Us</h3>
</div> </div>
<ul class="social_icon"> <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="#">Facebook <i class="fa fa-facebook" 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="#"> Twitter<i class="fa fa-twitter" 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="#"> Linkedin<i class="fa fa-linkedin-square" 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="#"> 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> </ul>
</div> </div>
<div class="col-md-7 col-sm-6"> <div class="col-md-7 col-sm-6">
@ -346,14 +309,14 @@
</form> </form>
</div> </div>
</div> </div>
</div--> </div>
</div> </div>
</div> </div>
<div class="copyright"> <div class="copyright">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-12"> <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> </div>
</div> </div>