WordPress convert html section to widget

I have converting html template to wordpress. In home page i need to create customize section. while converting i could’t convert image with specific classes.
HTML Code:

<section class=”homePanel homepanelOne” id=”HomePanelOne”>
<div class=”container-fluid”>
<div class=”row no-gutters h_row h26vw”>
<div class=”hroundBx h_row_inner wleft”>
<div class=”roundBx bluebg”>
<h2 class=”h2″>About</h2>
<div class=”mt55 h_row_inner hrowtext pad_LR wcenter”>
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.


<a href=”about” class=”more-arrow”>

More<span class=”arrow-parent”><i class=”fas fa-arrow-right HomeArrowStyle”></i></span>

<div class=”hImg mt55 h_row_inner wright ImgTransitionEffect RotatingWrapper ” id=”rotating-item-wrapper”>
<img src=”images/home/face1-1.png” class=”rotating-item img-fluid effectImg” alt=”arrow” />
<img src=”images/home/face2.1.png” class=”rotating-item img-fluid effectImg” alt=”arrow” />
<img src=”images/home/face3.1.png” class=”rotating-item img-fluid effectImg” alt=”arrow” />
<img src=”images/home/face4.1.png” class=”rotating-item img-fluid effectImg” alt=”arrow” />


register_sidebar( array(
‘name’ => __(‘About Section’, ‘nyccare’) ,
‘id’ => ‘nyccare_about_section’,
‘description’ => __(‘Shows widgets About Section.’, ‘nyccare’),
‘before_widget’ => ‘<section class=”homePanel homepanelOne” id=”HomePanelOne”><div class=”container-fluid”><div class=”row no-gutters h_row h26vw”>’,
‘after_widget’ => ‘</div></div></div></section>’,
‘before_title’ => ‘<div class=”hroundBx h_row_inner wleft”><div class=”roundBx bluebg”><h2 class=”h2″>’,
‘after_title’ => ‘</div></div><div class=”mt55 h_row_inner hrowtext pad_LR wcenter”>’,
) );

Please help me to convert with customize image changes widget

Read more here:: WordPress convert html section to widget

Leave a Reply

Your email address will not be published. Required fields are marked *