WrenchBoard/WrenchBoardMainSite
2
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

added a new section on home page

Browse Source
This commit is contained in:
victorAnumudu
2024-01-28 07:32:27 +01:00
parent 715972dbde
commit 0c4e464c5e
3 changed files with 129 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/css/main.css
+48
View File
@@ -3227,6 +3227,54 @@ p {
background: linear-gradient(135deg, #d8aaff 0%, #9b2cfa 100%);
}
.modern_ui_section{
margin-top: 100px;
}
.appie-modern-design .icon i {
height: 26px;
width: 26px;
text-align: center;
line-height: 26px;
border-radius: 50%;
background: purple;
color: #fff;
font-size: 14px;
box-shadow: 0px 6px 10px 0px rgba(16, 73, 189, 0.3);
}
.modern_ui_section .ui_images{
border-radius: 100%;
background-color: #fff;
width: auto;
height: auto;
padding: 30px 0;
}
.modern_ui_section .right_img{
left: -60px;
top: -20px;
}
.modern_ui_section .left_img{
width: 60%;
}
.modern_ui_section .right_img{
width: 40%;
}
.modern_ui_section .right_img .right_img_one{
width: 120px;
height: auto;
}
.modern_ui_section .right_img .right_img_two{
margin-top: -20px !important;
}
.modern_ui_section .right_img .right_img_three{
left: -20px;
}
@media only screen and (min-width: 0px) and (max-width: 500px) {
.modern_ui_section .right_img{
left: -30px;
top: -20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.traffic-btn {
margin-top: 30px;