372 lines
20 KiB
HTML
372 lines
20 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<!-- basic -->
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<!-- mobile metas -->
|
|
<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>
|
|
<meta name="keywords" content="">
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
<!-- bootstrap css -->
|
|
<link rel="stylesheet" href="css/bootstrap.min.css">
|
|
<!-- style css -->
|
|
<link rel="stylesheet" href="css/style.css">
|
|
<!-- Responsive-->
|
|
<link rel="stylesheet" href="css/responsive.css"/>
|
|
<!-- fevicon -->
|
|
<link rel="icon" href="icon/antos-16x16.png" type="image/png" />
|
|
<!-- Tweaks for older IEs-->
|
|
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
|
|
<!--[if lt IE 9]>
|
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
|
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
|
|
</head>
|
|
<!-- 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 -->
|
|
<header>
|
|
<!-- header inner -->
|
|
<div class="header">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-xl-3 col-lg-3 col-md-3 col-sm-3 col logo_section">
|
|
<div class="full">
|
|
<div class="center-desk">
|
|
<div class="logo">
|
|
<a href="index.html"><img src="images/logo.png" alt="#" />AntOS</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-->
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<!-- end header inner -->
|
|
<!-- end header -->
|
|
<!-- banner -->
|
|
<div id="myCarousel" class="carousel slide banner_main" data-ride="carousel">
|
|
<ol class="carousel-indicators">
|
|
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
|
|
<li data-target="#myCarousel" data-slide-to="1"></li>
|
|
<li data-target="#myCarousel" data-slide-to="2"></li>
|
|
</ol>
|
|
<div class="carousel-inner">
|
|
<div class="carousel-item active">
|
|
<div class="container-fluid">
|
|
<div class="carousel-caption">
|
|
<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>
|
|
</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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<div class="container-fluid ">
|
|
<div class="carousel-caption">
|
|
<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-->
|
|
</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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="carousel-item">
|
|
<div class="container-fluid">
|
|
<div class="carousel-caption ">
|
|
<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-->
|
|
</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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
|
|
<i class="fa fa-long-arrow-left" aria-hidden="true"></i>
|
|
</a>
|
|
<a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
|
|
<i class="fa fa-long-arrow-right" aria-hidden="true"></i>
|
|
</a>
|
|
</div>
|
|
<!-- end banner -->
|
|
<!-- about -->
|
|
<div id="about" class="about">
|
|
<div class="container-fluid">
|
|
<div class="row d_flex">
|
|
<!--div class="col-md-5">
|
|
<div class="about_img">
|
|
<figure><img src="images/antos-128x128.png" alt="#"/></figure>
|
|
</div>
|
|
</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>
|
|
</div>
|
|
<!--/div-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end about -->
|
|
<!-- choose section -->
|
|
<!--div class="choose ">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="titlepage">
|
|
<h2>Why <span class="blu"> Choose Us</span></h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="choose_bg">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="row">
|
|
<div class="col-xl-3 col-lg-3 col-md-3 col-sm-12 padding_right0">
|
|
<ul class="easy">
|
|
<li class="active"><a href="#">Easy to cutomize</a></li>
|
|
<li><a href="#">More flexible</a></li>
|
|
<li><a href="#">Clean mode</a></li>
|
|
<li><a href="#">Ratinaready</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-xl-9 col-lg-9 col-md-9 col-sm-12 padding_left0">
|
|
<div class="choose_box">
|
|
<i><img src="images/admin.png" alt="#"/></i>
|
|
<h3> Ad Minim</h3>
|
|
<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 esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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>
|
|
</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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- end work -->
|
|
<!-- request -->
|
|
<!--div id="contact" class="request">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="titlepage">
|
|
<h2>Request <span class="white">A call Back</span></h2>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<form id="request" class="main_form">
|
|
<div class="row">
|
|
<div class="col-md-12 ">
|
|
<input class="contactus" placeholder="Full Name" type="type" name="Full Name">
|
|
</div>
|
|
<div class="col-md-12">
|
|
<input class="contactus" placeholder="Email" type="type" name="Email">
|
|
</div>
|
|
<div class="col-md-12">
|
|
<input class="contactus" placeholder="Phone Number" type="type" name="Phone Number">
|
|
</div>
|
|
<div class="col-md-12">
|
|
<textarea class="textarea" placeholder="Message" type="type" Message="Name">Message </textarea>
|
|
</div>
|
|
<div class="col-md-12">
|
|
<button class="send_btn">Send</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div id="map"></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="row">
|
|
<div class="address">
|
|
<h3>Follow Me</h3>
|
|
</div>
|
|
<div class="col-md-8 col-sm-6">
|
|
<div class="address">
|
|
<h3>Address </h3>
|
|
</div>
|
|
<ul class="location_icon">
|
|
<li>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, </li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-4 col-sm-6">
|
|
<div class="address">
|
|
<h3>Links</h3>
|
|
<ul class="Menu_footer">
|
|
<li class="active"> <a href="#">Home</a> </li>
|
|
<li><a href="#about">About </a> </li>
|
|
<li><a href="#work">Work</a> </li>
|
|
<li><a href="#contact">Contact </a> </li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12">
|
|
<div class="row">
|
|
<div class="col-md-5 col-sm-6">
|
|
<div class="address">
|
|
<h3>Follow Me</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>
|
|
</ul>
|
|
</div>
|
|
<div class="col-md-7 col-sm-6">
|
|
<div class="address">
|
|
<h3>Newsletter </h3>
|
|
</div>
|
|
<form class="bottom_form">
|
|
<input class="enter" placeholder="Enter Your Email" type="text" name="Enter Your Email">
|
|
<button class="sub_btn">subscribe</button>
|
|
</form>
|
|
</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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<!-- end footer -->
|
|
</div>
|
|
<div class="overlay"></div>
|
|
<script src="js/jquery.min.js"></script>
|
|
<script src="js/popper.min.js"></script>
|
|
<script src="js/bootstrap.bundle.min.js"></script>
|
|
</body>
|
|
</html>
|
|
|