| Server IP : 47.82.179.145 / Your IP : 216.73.217.129 Web Server : nginx/1.26.3 System : Linux iZt4n9czhka2zvqfajdlr2Z 6.8.0-63-generic #66-Ubuntu SMP PREEMPT_DYNAMIC Fri Jun 13 20:25:30 UTC 2025 x86_64 User : www ( 1001) PHP Version : 8.3.30 Disable Function : passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /www/wwwroot/scuipturepactory.com/wp-content/themes/blossom-fashion/src/components/card/ |
Upload File : |
import { Icon } from "..";
function Card({cardList, cardPlace, cardCol}) {
const cardListing = (card) => {
return card.map((carditem, index)=> {
return (
<div className="cw-cardbody" key={index}>
{
carditem.iconSvg || carditem.imageurl &&
<div className="cw-icon">
{ carditem.iconSvg && <span className="cw-icon-svg">{carditem.iconSvg}</span> }
{
carditem.imageurl &&
(cardPlace === 'starter' ?
<a target="_blank" href={carditem.buttonUrl} className="starter">
<img src={carditem.imageurl} className="cw-img" />
</a> :
<img src={carditem.imageurl} className="cw-img" />
)
}
</div>
}
<div className="cw-text-wrap">
{
carditem.heading &&
(cardPlace === 'starter' ?
<a target="_blank" href={carditem.buttonUrl} className="starter">
<h3 className="cw-heading">{carditem.heading}</h3>
</a> :
<h3 className="cw-heading">{carditem.heading}</h3>
)
}
{ carditem.para && <p className="cw-text">{carditem.para}</p> }
<div className="cw-button">
{ carditem.buttonUrl && carditem.buttonText &&
<a target="_blank" href={carditem.buttonUrl} className="cw-btn">{carditem.buttonText}<Icon icon="arrow"/></a>
}
</div>
{ cardPlace === 'starter' &&
<div className="cw-icon-two">
<a target="_blank" href={carditem.buttonUrl} className="icon"><Icon icon="preview"/></a>
</div>
}
</div>
{
cardPlace === 'cw-pro' &&
<div className="cw-icon-two">
<div className="icon"><Icon icon="lock"/></div>
</div>
}
</div>
)
})
}
const classes = `cw-card ${cardPlace} ${cardCol}`;
return (
<>
<div className={classes}>
{
cardListing(cardList)
}
</div>
</>
)
}
export default Card;