Compare commits
2 Commits
2dfa37ca34
...
2b8d609134
| Author | SHA1 | Date | |
|---|---|---|---|
|
2b8d609134 | ||
|
|
ff87c3d7aa |
62
css/github-ribbon.css
Normal file
62
css/github-ribbon.css
Normal file
@ -0,0 +1,62 @@
|
|||||||
|
#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,22 +8,24 @@
|
|||||||
@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: 67px;
|
font-size: 28px;
|
||||||
|
|
||||||
}
|
}
|
||||||
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: 51px;
|
font-size: 28px;
|
||||||
line-height: 70px;
|
line-height: 32px;
|
||||||
}
|
}
|
||||||
ul.Menu_footer {
|
ul.Menu_footer {
|
||||||
padding-bottom: 30px;
|
padding-bottom: 30px;
|
||||||
@ -49,6 +51,7 @@
|
|||||||
}
|
}
|
||||||
.text-bg {
|
.text-bg {
|
||||||
max-width: inherit;
|
max-width: inherit;
|
||||||
|
padding-left: 10px;
|
||||||
padding-top: 60px;
|
padding-top: 60px;
|
||||||
}
|
}
|
||||||
.padding_left0 {
|
.padding_left0 {
|
||||||
@ -58,7 +61,7 @@
|
|||||||
padding-right: 15px;
|
padding-right: 15px;
|
||||||
}
|
}
|
||||||
.main_form .send_btn {
|
.main_form .send_btn {
|
||||||
margin-bottom: 30px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
ul.location_icon li {
|
ul.location_icon li {
|
||||||
padding-bottom: 20px;
|
padding-bottom: 20px;
|
||||||
@ -83,7 +86,7 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.titlepage h2 {
|
.titlepage h2 {
|
||||||
font-size: 37px;
|
font-size: 36px;
|
||||||
}
|
}
|
||||||
.images_box {
|
.images_box {
|
||||||
padding-top: 20px;
|
padding-top: 20px;
|
||||||
@ -100,9 +103,12 @@
|
|||||||
.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: 44px;
|
font-size: 28px;
|
||||||
line-height: 64px;
|
line-height: 32px;
|
||||||
padding-bottom: 40px;
|
padding-bottom: 40px;
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
}
|
}
|
||||||
@ -125,9 +131,5 @@
|
|||||||
ul.location_icon li {
|
ul.location_icon li {
|
||||||
padding-bottom: 20px;
|
padding-bottom: 20px;
|
||||||
}
|
}
|
||||||
ul.Menu_footer,
|
|
||||||
ul.social_icon {
|
|
||||||
padding-bottom: 20px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
159
css/style.css
159
css/style.css
@ -8,9 +8,7 @@
|
|||||||
|
|
||||||
/*--------------------------------------------------------------------- import Fonts ---------------------------------------------------------------------*/
|
/*--------------------------------------------------------------------- import Fonts ---------------------------------------------------------------------*/
|
||||||
|
|
||||||
@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700');
|
@import url('https://fonts.googleapis.com/css?family=Ubuntu:regular,bold,italic,bolditatic&subset=Latin');
|
||||||
@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;
|
||||||
@ -22,7 +20,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);
|
||||||
@ -54,7 +52,7 @@ html {
|
|||||||
body {
|
body {
|
||||||
color: #666666;
|
color: #666666;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
font-family: 'Poppins', sans-serif;
|
font-family: 'Ubuntu', sans-serif;
|
||||||
line-height: 1.80857;
|
line-height: 1.80857;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
@ -124,7 +122,6 @@ 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
|
||||||
}
|
}
|
||||||
@ -149,7 +146,7 @@ p {
|
|||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: #222222;
|
color: #5856D6;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
outline: none !important;
|
outline: none !important;
|
||||||
}
|
}
|
||||||
@ -312,6 +309,8 @@ a.article:hover {
|
|||||||
|
|
||||||
ul.btn {
|
ul.btn {
|
||||||
float: right;
|
float: right;
|
||||||
|
padding-right: 100px;
|
||||||
|
padding-top: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.btn li {
|
ul.btn li {
|
||||||
@ -331,8 +330,14 @@ 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 {
|
.down_btn, a.read_more {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 7px 35px;
|
padding: 7px 35px;
|
||||||
@ -341,7 +346,7 @@ ul.btn li:last-child {
|
|||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.down_btn a:hover {
|
.down_btn:hover, a.read_more:hover {
|
||||||
color: #fff !important;
|
color: #fff !important;
|
||||||
background: #000;
|
background: #000;
|
||||||
}
|
}
|
||||||
@ -354,55 +359,66 @@ ul.btn li:last-child {
|
|||||||
|
|
||||||
|
|
||||||
/*--------------------------------------------------------------------- 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: 558px;
|
width: 440px;
|
||||||
height: 228px;
|
height: 180px;
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
}
|
background-size: contain;
|
||||||
|
}*/
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background: #11aeef;
|
background: #5e548e;
|
||||||
padding: 35px 30px;
|
padding: 30px 30px 0px 30px;
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 960;
|
z-index: 960;
|
||||||
}
|
}
|
||||||
|
.logo a img {
|
||||||
|
margin-right: 10px;
|
||||||
|
}
|
||||||
.logo a {
|
.logo a {
|
||||||
font-size: 40px;
|
font-size: 36px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
text-transform: uppercase;
|
/*text-transform: uppercase;*/
|
||||||
color: #fff;
|
color: #fff;
|
||||||
line-height: 40px;
|
display: flex;
|
||||||
|
flex-direction: row;
|
||||||
|
/*justify-content: center;*/
|
||||||
|
margin-left: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/** banner section **/
|
/** banner section **/
|
||||||
|
|
||||||
.banner_main {
|
.banner_main {
|
||||||
background: #11aeef;
|
background: #5e548e;
|
||||||
padding: 75px 0 90px 0;
|
padding: 0 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%;
|
||||||
max-width: 431px;
|
padding-left: 50px ;
|
||||||
|
/*max-width: 500px;*/
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-bg h1 {
|
.text-bg h1 {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
padding-top: 50px;
|
font-size: 28px;
|
||||||
font-size: 71px;
|
line-height: 32px;
|
||||||
line-height: 85px;
|
padding-top: 20px;
|
||||||
padding-bottom: 25px;
|
padding-bottom: 10px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -415,6 +431,7 @@ ul.btn li:last-child {
|
|||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
.text-bg .read_more {
|
.text-bg .read_more {
|
||||||
border: #fff solid 5px;
|
border: #fff solid 5px;
|
||||||
}
|
}
|
||||||
@ -422,7 +439,7 @@ ul.btn li:last-child {
|
|||||||
.text-bg .read_more:hover {
|
.text-bg .read_more:hover {
|
||||||
background: #000;
|
background: #000;
|
||||||
}
|
}
|
||||||
|
*/
|
||||||
.images_box figure {
|
.images_box figure {
|
||||||
margin: 0px;
|
margin: 0px;
|
||||||
}
|
}
|
||||||
@ -444,6 +461,8 @@ ul.btn li:last-child {
|
|||||||
|
|
||||||
.carousel-caption {
|
.carousel-caption {
|
||||||
position: inherit;
|
position: inherit;
|
||||||
|
padding-top: 10;
|
||||||
|
padding-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.carousel-control-next,
|
.carousel-control-next,
|
||||||
@ -460,7 +479,7 @@ ul.btn li:last-child {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.titlepage h2 {
|
.titlepage h2 {
|
||||||
font-size: 50px;
|
font-size: 36px;
|
||||||
color: #382d3c;
|
color: #382d3c;
|
||||||
line-height: 55px;
|
line-height: 55px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
@ -475,7 +494,7 @@ ul.btn li:last-child {
|
|||||||
.blu {
|
.blu {
|
||||||
color: #0eadef;
|
color: #0eadef;
|
||||||
}
|
}
|
||||||
|
/*
|
||||||
.read_more {
|
.read_more {
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
@ -496,25 +515,30 @@ ul.btn li:last-child {
|
|||||||
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: 90px 0;
|
padding: 50px 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: 40px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.about .titlepage p {
|
.about .titlepage p {
|
||||||
@ -522,9 +546,21 @@ ul.btn li:last-child {
|
|||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
line-height: 35px;
|
line-height: 35px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
padding-bottom: 50px;
|
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;
|
||||||
}
|
}
|
||||||
|
|
||||||
.about .titlepage .read_more {
|
.about .titlepage .read_more {
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
@ -533,9 +569,10 @@ ul.btn li:last-child {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
.about_img figure img {
|
.about_img figure img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}*/
|
||||||
|
|
||||||
|
|
||||||
/** end about section **/
|
/** end about section **/
|
||||||
@ -621,24 +658,37 @@ ul.easy li a:hover {
|
|||||||
/** work section **/
|
/** work section **/
|
||||||
|
|
||||||
.work {
|
.work {
|
||||||
background: #ffffff;
|
background: #5e548e;
|
||||||
padding: 90px 0;
|
padding: 50px 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: #010a05;
|
color: #fff;
|
||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
line-height: 35px;
|
line-height: 35px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
@ -742,7 +792,7 @@ ul.easy li a:hover {
|
|||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
background: #212120;
|
background: #212120;
|
||||||
padding-top: 85px;
|
padding-top: 30px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -754,14 +804,22 @@ 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: 30px;
|
font-size: 26px;
|
||||||
line-height: 35px;
|
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
padding-bottom: 20px;
|
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
padding: 0;
|
||||||
|
line-height: 35px;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.location_icon li {
|
ul.location_icon li {
|
||||||
@ -798,10 +856,14 @@ 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;
|
||||||
padding-bottom: 11px;
|
margin-right: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul.social_icon li a {
|
ul.social_icon li a {
|
||||||
@ -824,7 +886,6 @@ 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 {
|
||||||
@ -873,9 +934,9 @@ ul.social_icon li a i:hover {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.copyright {
|
.copyright {
|
||||||
margin-top: 85px;
|
margin-top: 30px;
|
||||||
padding: 25px 0;
|
padding: 15px 0;
|
||||||
background: #0192c8;
|
background: #5e548e;
|
||||||
}
|
}
|
||||||
|
|
||||||
.copyright p {
|
.copyright p {
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB After Width: | Height: | Size: 704 B |
BIN
icon/appimage.png
Normal file
BIN
icon/appimage.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
icon/debian.png
Normal file
BIN
icon/debian.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
icon/docker.png
Normal file
BIN
icon/docker.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
icon/github.png
Normal file
BIN
icon/github.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 53 KiB |
BIN
images/antos-128x128.png
Normal file
BIN
images/antos-128x128.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.0 KiB |
BIN
images/antos-64x64.png
Normal file
BIN
images/antos-64x64.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
images/antos-mobile.png
Normal file
BIN
images/antos-mobile.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 328 KiB |
BIN
images/antos-sdk.webp
Normal file
BIN
images/antos-sdk.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
BIN
images/antos-shot.png
Normal file
BIN
images/antos-shot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 185 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.1 KiB |
BIN
images/img2.png
BIN
images/img2.png
Binary file not shown.
|
Before Width: | Height: | Size: 208 KiB |
BIN
images/logo.png
BIN
images/logo.png
Binary file not shown.
|
Before Width: | Height: | Size: 3.7 KiB After Width: | Height: | Size: 2.0 KiB |
BIN
images/market-place.png
Normal file
BIN
images/market-place.png
Normal file
Binary file not shown.
|
After 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="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>potoub</title>
|
<title>AntOS Cloud-based web desktop</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,6 +29,7 @@
|
|||||||
<!-- 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 -->
|
||||||
@ -41,20 +42,16 @@
|
|||||||
<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="#" /></a>
|
<a href="index.html"><img src="images/logo.png" alt="#" />AntOS</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 class="down_btn"><a href="#">Download</a></li>
|
<li ><a href="#about"><i class="fa fa-cloud-download" aria-hidden="true"></i> Download</a></li>
|
||||||
<li><a href="#">Sign Up</a></li>
|
<li ><a href="#work"><i class="fa fa-book" aria-hidden="true"></i> Documentation</a></li>
|
||||||
<li><a href="#"><i class="fa fa-search" aria-hidden="true"></i></a></li>
|
<!--li><a href="https://github.com/lxsang/antos">Github <i class="fa fa-github" 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>
|
||||||
@ -77,14 +74,19 @@
|
|||||||
<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>Get<br> Thinking A <br>long time</h1>
|
<h1>Cloud-Based, Self-Hosted Web desktop</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>
|
<p>
|
||||||
<a class="read_more" href="#">Read more</a>
|
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>
|
</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/img2.png"></figure>
|
<figure><img src="images/antos-shot.png"></figure>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -97,14 +99,17 @@
|
|||||||
<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>Get<br> Thinking A <br>long time</h1>
|
<h1>Integrated application store</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>
|
<p>
|
||||||
<a class="read_more" href="#">Read more</a>
|
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>
|
</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/img2.png"></figure>
|
<figure><img src="images/market-place.png"></figure>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -117,14 +122,17 @@
|
|||||||
<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>Get<br> Thinking A <br>long time</h1>
|
<h1>In-browser application devlopment</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>
|
<p> It also includes an SDK and development environment for in-browser application development, deployment, and packaging.
|
||||||
<a class="read_more" href="#">Read more</a>
|
<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>
|
</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/img2.png"></figure>
|
<figure><img src="images/antos-sdk.webp"></figure>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -144,24 +152,29 @@
|
|||||||
<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/about_img.jpg" alt="#"/></figure>
|
<figure><img src="images/antos-128x128.png" alt="#"/></figure>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div-->
|
||||||
<div class="col-md-7">
|
<!--div class="col-md-7"-->
|
||||||
<div class="titlepage">
|
<div class="titlepage">
|
||||||
<h2>About <span class="blu">Software</span></h2>
|
<figure><img src="images/antos-128x128.png" alt="#"/></figure>
|
||||||
<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>
|
<h2>Download <span class="blu">antOS</span></h2>
|
||||||
<a class="read_more">Read More</a>
|
<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>
|
</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">
|
||||||
@ -196,22 +209,35 @@
|
|||||||
</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-7">
|
<div class="col-md-6">
|
||||||
<div class="titlepage">
|
<div class="titlepage left">
|
||||||
<h2>How To <span class="blu">Works it</span></h2>
|
<h2>Getting started</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 href="https://doc.iohub.dev/antos/" class="read_more">Read the doc v1.0.x</a>
|
||||||
<a class="read_more">Read More</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>
|
</div>
|
||||||
<div class="col-md-5">
|
<div class="col-md-6">
|
||||||
<div class="work_img">
|
<div class="titlepage right">
|
||||||
<figure><img src="images/work_img.jpg" alt="#"/></figure>
|
<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>
|
</div>
|
||||||
@ -219,7 +245,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">
|
||||||
@ -255,15 +281,27 @@
|
|||||||
</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="col-xl-6 col-lg-6 col-md-12 col-sm-12">
|
<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="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>
|
||||||
@ -289,14 +327,13 @@
|
|||||||
<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 Us</h3>
|
<h3>Follow Me</h3>
|
||||||
</div>
|
</div>
|
||||||
<ul class="social_icon">
|
<ul class="social_icon">
|
||||||
<li><a href="#">Facebook <i class="fa fa-facebook" aria-hidden="true"></i></a></li>
|
<li><a href="https://twitter.com/lexsang"> Twitter<i class="fa fa-twitter" 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://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="#"> 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="#"> Youtube<i class="fa fa-youtube-play" 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="#"> 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">
|
||||||
@ -309,14 +346,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 2019 All Right Reserved By <a href="https://html.design/"> Free html Templates</a></p>
|
<p>Copyright 2022, All Right Reserved By <a href="https://iohub.dev/"> Dany LE</a></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user