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

Add more content to the site

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

30
css/responsive.css
View File

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

146
css/style.css
View File

@ -8,9 +8,7 @@
/*--------------------------------------------------------------------- import Fonts ---------------------------------------------------------------------*/
@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');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:regular,bold,italic,bolditatic&subset=Latin');
/*****---------------------------------------- 1) font-family: 'Rajdhani', sans-serif;
2) font-family: 'Poppins', sans-serif;
@ -54,7 +52,7 @@ html {
body {
color: #666666;
font-size: 14px;
font-family: 'Poppins', sans-serif;
font-family: 'Ubuntu', sans-serif;
line-height: 1.80857;
font-weight: normal;
}
@ -124,7 +122,6 @@ h3 a,
h4 a,
h5 a,
h6 a {
color: #212121;
text-decoration: none!important;
opacity: 1
}
@ -149,7 +146,7 @@ p {
}
a {
color: #222222;
color: rgb(28, 63, 135);
text-decoration: none;
outline: none !important;
}
@ -331,8 +328,14 @@ ul.btn li:last-child {
.down_btn {
padding-left: 50px;
}
ul.btn li.down_btn a {
color: #010a05;
}
ul.btn li.down_btn:hover a {
color: #fff;
}
.down_btn a {
.down_btn, a.read_more {
background-color: #fff;
display: inline-block;
padding: 7px 35px;
@ -341,7 +344,7 @@ ul.btn li:last-child {
font-size: 17px;
}
.down_btn a:hover {
.down_btn:hover, a.read_more:hover {
color: #fff !important;
background: #000;
}
@ -354,32 +357,38 @@ ul.btn li:last-child {
/*--------------------------------------------------------------------- layout new css ---------------------------------------------------------------------*/
/*
.header::after {
background: url(../images/cross_top.png);
content: "";
position: absolute;
width: 558px;
height: 228px;
width: 440px;
height: 180px;
z-index: -1;
top: 0;
left: 0;
}
background-size: contain;
}*/
.header {
width: 100%;
background: #11aeef;
padding: 35px 30px;
padding: 30px 30px 0px 30px;
position: relative;
z-index: 960;
}
.logo a img {
margin-right: 10px;
}
.logo a {
font-size: 40px;
font-size: 36px;
font-weight: bold;
text-transform: uppercase;
/*text-transform: uppercase;*/
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 {
background: #11aeef;
padding: 75px 0 90px 0;
padding: 0 0 90px 0;
}
#myCarousel .row {
/*padding-left: 50px ;*/
margin: 0 !important;
}
.text-bg {
text-align: left;
float: right;
width: 100%;
max-width: 431px;
padding-left: 50px ;
/*max-width: 500px;*/
}
.text-bg h1 {
color: #fff;
padding-top: 50px;
font-size: 71px;
line-height: 85px;
padding-bottom: 25px;
font-size: 28px;
line-height: 32px;
padding-top: 20px;
padding-bottom: 10px;
font-weight: bold;
}
@ -415,6 +429,7 @@ ul.btn li:last-child {
font-weight: 500;
}
/*
.text-bg .read_more {
border: #fff solid 5px;
}
@ -422,7 +437,7 @@ ul.btn li:last-child {
.text-bg .read_more:hover {
background: #000;
}
*/
.images_box figure {
margin: 0px;
}
@ -444,6 +459,8 @@ ul.btn li:last-child {
.carousel-caption {
position: inherit;
padding-top: 10;
padding-bottom: 0;
}
.carousel-control-next,
@ -460,7 +477,7 @@ ul.btn li:last-child {
}
.titlepage h2 {
font-size: 50px;
font-size: 36px;
color: #382d3c;
line-height: 55px;
padding: 0;
@ -475,7 +492,7 @@ ul.btn li:last-child {
.blu {
color: #0eadef;
}
/*
.read_more {
font-size: 17px;
background-color: transparent;
@ -496,25 +513,30 @@ ul.btn li:last-child {
color: #fff !important;
transition: ease-in all 0.5s;
}
*/
/** about section **/
.about {
background: #fafafa;
padding: 90px 0;
padding: 50px 0;
}
.about .titlepage {
text-align: left;
padding: 0;
max-width: 669px;
/*max-width: 669px;*/
width: 100%;
float: left;
}
.titlepage {
display: flex;
flex-direction: column;
align-items: center;
}
.about .titlepage h2 {
margin-bottom: 40px;
margin-bottom: 20px;
}
.about .titlepage p {
@ -522,9 +544,21 @@ ul.btn li:last-child {
font-size: 17px;
line-height: 35px;
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 {
float: right;
}
@ -533,9 +567,10 @@ ul.btn li:last-child {
margin: 0;
}
/*
.about_img figure img {
width: 100%;
}
}*/
/** end about section **/
@ -621,24 +656,34 @@ ul.easy li a:hover {
/** work section **/
.work {
background: #ffffff;
padding: 90px 0;
background: #0192c8;;
padding: 50px 0;
}
.work .titlepage {
text-align: left;
padding: 0;
max-width: 648px;
width: 100%;
}
.work .left
{
padding-left: 20px;
float: right;
}
.work .right {
padding-right: 20px;
float: left;
}
.work .titlepage h2 {
margin-bottom: 40px;
color: #fff;
}
.work .titlepage p {
color: #010a05;
color: #fff;
font-size: 17px;
line-height: 35px;
font-weight: 400;
@ -742,7 +787,7 @@ ul.easy li a:hover {
.footer {
background: #212120;
padding-top: 85px;
padding-top: 30px;
text-align: center;
}
@ -754,14 +799,22 @@ ul.easy li a:hover {
.footer .titlepage h2 {
color: #fff;
}
.footer .row
{
justify-content: center;
}
.footer .address {
margin-right: 20px;
}
.footer .address h3 {
color: #fff;
font-size: 30px;
line-height: 35px;
font-size: 26px;
font-weight: 500;
padding-bottom: 20px;
text-align: left;
padding: 0;
line-height: 35px;
}
ul.location_icon li {
@ -798,10 +851,14 @@ ul.Menu_footer li a {
ul.Menu_footer li a:hover {
color: #0eadef;
}
ul.social_icon{
display: flex;
flex-direction: row;
}
ul.social_icon li {
display: block;
padding-bottom: 11px;
margin-right: 10px;
}
ul.social_icon li a {
@ -824,7 +881,6 @@ ul.social_icon li a i {
font-size: 22px;
border-radius: 30px;
color: #000;
margin-top: -33px;
}
ul.social_icon li a i:hover {
@ -873,8 +929,8 @@ ul.social_icon li a i:hover {
}
.copyright {
margin-top: 85px;
padding: 25px 0;
margin-top: 30px;
padding: 15px 0;
background: #0192c8;
}