10. Footer Section for Portfolio In Experience Cloud || Salesforce Experience Cloud Tutorial (Hindi)
ฝัง
- เผยแพร่เมื่อ 25 ก.พ. 2024
- What we'll learn in this video :
1) How to create salesforce experience cloud.
2) Create Portfolio project in Salesforce experience experience cloud.
3) Create Quick Links section using LWC.
4) How to create responsive LWC in salesforce.
5) What is SLDS in Salesforce Lightning
6) Create progress bar using LWC.
################# CSS used #####################################
.container{
max-width: 1170px;
margin:auto;
}
.row{
display: flex;
flex-wrap: wrap;
}
ul{
list-style: none;
}
.footer{
background-color: #24262b;
padding: 70px 0;
}
.footer-col{
width: 25%;
padding: 0 15px;
}
.footer-col h4{
font-size: 18px;
color: #ffffff;
text-transform: capitalize;
margin-bottom: 35px;
font-weight: 500;
position: relative;
}
.footer-col h4::before{
content: '';
position: absolute;
left:0;
bottom: -10px;
background-color: #A020F0;
height: 2px;
box-sizing: border-box;
width: 50px;
}
.footer-col ul li:not(:last-child){
margin-bottom: 10px;
}
.footer-col ul li a{
font-size: 16px;
/* text-transform: ; */
color: #ffffff;
text-decoration: none;
font-weight: 300;
color: #bbbbbb;
display: block;
transition: all 0.3s ease;
}
.footer-col p{
color: #bbbbbb;
}
.footer-col img{
width: 50%;
border-radius: 50%;
}
.footer-col ul li a:hover{
color: #ffffff;
padding-left: 8px;
}
.social-links{
padding-top: 0px;
}
.footer-col .social-links a{
display: inline-block;
height: 48px;
width: 48px;
background-color: rgba(255,255,255,0.2);
margin:0 10px 10px 0;
text-align: center;
line-height: 40px;
border-radius: 50%;
color: #ffffff;
transition: all 0.5s ease;
}
.footer-col .social-links a:hover{
color: #24262b;
background-color: #ffffff;
}
.social-links img{
height: 28px;
width: 28px;
margin: 10px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: space-between;
}
/*responsive*/
@media(max-width: 767px){
.footer-col{
width: 50%;
margin-bottom: 30px;
}
}
@media(max-width: 574px){
.footer-col{
width: 100%;
}
}
###############################################
LWC tutorial playlist - • Lightning Web Componen...
Experience cloud playlist - • Salesforce Experience ...
Apex Development Playlist - • Salesforce Apex Develo...
Salesforce Admin playlist - • Salesforce Admin
Apex Triggers in Hindi - • Apex Triggers (Hindi) ...
Apex Triggers In English - • Apex Triggers (English)
###############################################
Follow on Instagram - / sfnoob10
Connect on LinkedIn - / salesforce-noob-315990221
Salesforce Noob Web Application link - www.salesforcenoob.com/
Telegram Salesforce Community - t.me/salesforcenoobcommunity
#salesforce #salesforcedevelopment #LWC #lightningWebComponenents
Best video on creating portfolios so far. Thanks noob!
thnx alot buddy✌️😊
is this last video of experience cloud playlist or more videos will come ?