RanchiMall/projectb
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added partners

Browse Source
This commit is contained in:
sairaj mote 2023-06-17 03:13:02 +05:30
parent e853e6b9d9
commit 88d5b3ce43
4 changed files with 177 additions and 72 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

89
css/main.css
View File

@ -329,6 +329,62 @@ section:nth-of-type(4) p {
font-size: 0.9rem; font-size: 0.9rem;
} }
#partners {
display: flex;
gap: 1rem;
margin: auto;
margin-top: 3rem;
}
#partners li {
display: flex;
flex-direction: column;
gap: 0.8rem;
text-align: center;
align-items: center;
padding: 1rem;
}
#partners li .icon {
width: 2rem;
height: 2rem;
}
#partners span {
font-weight: 500;
color: rgba(var(--text-color), 0.8);
}
#social_links {
display: flex;
flex-wrap: wrap;
margin-top: 3rem;
gap: 0.5rem;
justify-items: center;
width: 100%;
grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
}
#social_links li {
width: 100%;
justify-content: center;
box-shadow: 0 0 0 0 rgba(var(--text-color), 1);
transition: box-shadow 0.1s ease;
flex: 1 1 8rem;
border-radius: 0.5rem;
}
#social_links li:hover {
box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 1);
}
#social_links a {
display: flex;
width: 100%;
gap: 0.5rem;
text-decoration: none;
color: rgba(var(--text-color), 0.9);
padding: 1rem;
justify-content: center;
border-radius: inherit;
background-color: rgba(var(--text-color), 0.06);
font-weight: 500;
}
#news_list { #news_list {
display: grid; display: grid;
gap: 0.5rem; gap: 0.5rem;
@ -385,39 +441,6 @@ section:nth-of-type(4) p {
transform: translateY(0); transform: translateY(0);
} }
} }
#social_links {
display: flex;
flex-wrap: wrap;
margin-top: 3rem;
gap: 0.5rem;
justify-items: center;
width: 100%;
grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
}
#social_links li {
width: 100%;
justify-content: center;
box-shadow: 0 0 0 0 rgba(var(--text-color), 1);
transition: box-shadow 0.1s ease;
flex: 1 1 8rem;
border-radius: 0.5rem;
}
#social_links li:hover {
box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 1);
}
#social_links a {
display: flex;
width: 100%;
gap: 0.5rem;
text-decoration: none;
color: rgba(var(--text-color), 0.9);
padding: 1rem;
justify-content: center;
border-radius: inherit;
background-color: rgba(var(--text-color), 0.06);
font-weight: 500;
}
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
#poc_images img:nth-of-type(5) { #poc_images img:nth-of-type(5) {
grid-area: 3/2/4/3; grid-area: 3/2/4/3;

2
css/main.min.css vendored
View File

File diff suppressed because one or more lines are too long

92
css/main.scss
View File

@ -293,6 +293,64 @@ section {
font-size: 0.9rem; font-size: 0.9rem;
} }
} }
#partners {
display: flex;
gap: 1rem;
margin: auto;
margin-top: 3rem;
li {
display: flex;
flex-direction: column;
gap: 0.8rem;
text-align: center;
align-items: center;
padding: 1rem;
.icon {
width: 2rem;
height: 2rem;
}
}
span {
font-weight: 500;
color: rgba(var(--text-color), 0.8);
}
}
#socials_section {
}
#social_links {
display: flex;
flex-wrap: wrap;
margin-top: 3rem;
gap: 0.5rem;
justify-items: center;
width: 100%;
grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
li {
width: 100%;
justify-content: center;
box-shadow: 0 0 0 0 rgba(var(--text-color), 1);
transition: box-shadow 0.1s ease;
flex: 1 1 8rem;
border-radius: 0.5rem;
&:hover {
box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 1);
}
}
a {
display: flex;
width: 100%;
gap: 0.5rem;
text-decoration: none;
color: rgba(var(--text-color), 0.9);
padding: 1rem;
justify-content: center;
border-radius: inherit;
background-color: rgba(var(--text-color), 0.06);
font-weight: 500;
}
}
#news_list { #news_list {
display: grid; display: grid;
gap: 0.5rem; gap: 0.5rem;
@ -335,40 +393,6 @@ section {
transform: translateY(0); transform: translateY(0);
} }
} }
#socials_section {
}
#social_links {
display: flex;
flex-wrap: wrap;
margin-top: 3rem;
gap: 0.5rem;
justify-items: center;
width: 100%;
grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
li {
width: 100%;
justify-content: center;
box-shadow: 0 0 0 0 rgba(var(--text-color), 1);
transition: box-shadow 0.1s ease;
flex: 1 1 8rem;
border-radius: 0.5rem;
&:hover {
box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 1);
}
}
a {
display: flex;
width: 100%;
gap: 0.5rem;
text-decoration: none;
color: rgba(var(--text-color), 0.9);
padding: 1rem;
justify-content: center;
border-radius: inherit;
background-color: rgba(var(--text-color), 0.06);
font-weight: 500;
}
}
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
#poc_images { #poc_images {
img { img {

66
index.html
View File

File diff suppressed because one or more lines are too long