ourworld_web/www_jungle_paradise
21
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

update home2

Browse Source
This commit is contained in:
Ehab Hassan
2023-04-03 16:50:28 +02:00
parent 9e01944a09
commit 580e8bcecd
30 changed files with 2164 additions and 1359 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
css/index.css
View File

@@ -90,11 +90,12 @@ img[src*="#fig"] {
font-family: "lato";
}
.hard_green{
color: #68b622;
.hard_blue{
color: #4173a1;
}
.greenheader{
color: #68b622;
color: #4173a1;
font-weight: 400;
}
@@ -110,10 +111,11 @@ img[src*="#fig"] {
@apply font-medium;
}
h2 {
@apply text-3xl md:text-5xl lg:text-5xl text-gray-900 font-light leading-4 my-4;
@apply text-3xl md:text-5xl lg:text-5xl font-light leading-4 my-4;
font-family: 'Poiret One', cursive;
line-height: 1.5;
font-weight: 600;
color: #2f5d89;
}
h4 {
@@ -126,20 +128,22 @@ img[src*="#fig"] {
h5 {
@apply text-lg font-normal my-2;
font-family: 'Josefin Sans', sans-serif;
@apply text-2xl lg:text-3xl font-normal my-2;
font-family: 'Poiret One', cursive;
line-height: 1.2;
color: #68b622;
color: #ffffff;
font-weight: 600;
}
h2 strong {
@apply font-medium;
}
h3 {
@apply text-2xl lg:text-3xl font-normal my-4;
font-family: 'Josefin Sans', sans-serif;
@apply text-2xl lg:text-4xl font-normal my-4;
font-family: 'Poiret One', cursive;
line-height: 1.2;
color: #68b622;
color: #ffffff;
font-weight: 600;
}
h3 strong {
@apply font-medium;
@@ -178,13 +182,13 @@ img[src*="#fig"] {
}
button:hover {
background-color: #437616;
background-color: #4173a1;
/* color: #984210; */
}
button {
font-weight: 500;
background-color: #68b622;
background-color: #2f5d89;
}
.experience-btn {
@@ -216,8 +220,7 @@ header .customize {
footer .customize {
/* width: 100vw; */
background-color: #232323;
color: #fff;
/* background-color: #232323; */
display: flex;
flex-direction: column;
align-items: center;
@@ -238,7 +241,7 @@ header .customize div {
}
button {
background-color: #68b622;
background-color: #2f5d89;
/* background: transparent; */
color: rgb(255, 255, 255);
border-radius: 20px;
@@ -254,7 +257,7 @@ a {
}
a:hover{
color: #4b8d12 !important;
color: #80b6e9 !important;
}
a img{
@@ -266,14 +269,14 @@ a img:hover{
}
hr{
background-color: rgb(104 182 34 / 20%);
background-color: rgba(14, 98, 146, 0.2);
height: 2px;
}
.greenline{
width:20%;
background-color: #68b622;
color: #68b622;
background-color: #4173a1;
color: #4173a1;
text-align: center;
height: 3px;
margin: 0 auto;