Add more content to the site

This commit is contained in:
Dany LE 2023-01-03 20:25:10 +01:00
parent 2dfa37ca34
commit ff87c3d7aa
18 changed files with 204 additions and 110 deletions

View File

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

View File

@ -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;
@ -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: rgb(28, 63, 135);
text-decoration: none; text-decoration: none;
outline: none !important; outline: none !important;
} }
@ -331,8 +328,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 +344,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,32 +357,38 @@ 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: #11aeef;
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;
} }
@ -387,22 +396,27 @@ ul.btn li:last-child {
.banner_main { .banner_main {
background: #11aeef; background: #11aeef;
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 +429,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 +437,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 +459,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 +477,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 +492,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 +513,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 +544,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 +567,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 +656,34 @@ ul.easy li a:hover {
/** work section **/ /** work section **/
.work { .work {
background: #ffffff; background: #0192c8;;
padding: 90px 0; padding: 50px 0;
} }
.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 +787,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 +799,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 +851,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 +881,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,8 +929,8 @@ ul.social_icon li a i:hover {
} }
.copyright { .copyright {
margin-top: 85px; margin-top: 30px;
padding: 25px 0; padding: 15px 0;
background: #0192c8; background: #0192c8;
} }

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 677 B

BIN
icon/appimage.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
icon/debian.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

BIN
icon/docker.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 328 KiB

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 185 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 208 KiB

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 116 KiB

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>potoub</title> <title>AntOS Cloud-based working environment</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-->
@ -41,20 +41,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 class="down_btn"><a href="#about"><i class="fa fa-play" 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 +73,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>Your Cloud-Based, Self-Hosted Working Environment</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 +98,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 +121,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 +151,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>
</div> <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>
<!-- 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 +208,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 /> &nbsp;
</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 +244,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 +280,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 +326,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 +345,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>