<?php
/**
 * Title: Collection Section
 * Slug: online-library/collection-section
 * Categories: online-library, collection-section
 */
?>

<!-- wp:group {"className":"collection-section","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"},"padding":{"bottom":"4%","left":"0px","right":"0px","top":"4%"}}},"backgroundColor":"primary","layout":{"type":"constrained","contentSize":"80%"}} -->
<div class="wp-block-group collection-section has-primary-background-color has-background" style="margin-top:0px;margin-bottom:0px;padding-top:4%;padding-right:0px;padding-bottom:4%;padding-left:0px"><!-- wp:group {"className":"collection-head-box wow zoomInUp","style":{"spacing":{"margin":{"bottom":"var:preset|spacing|70"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group collection-head-box wow zoomInUp" style="margin-bottom:var(--wp--preset--spacing--70)"><!-- wp:heading {"textAlign":"center","className":"collection-title","style":{"elements":{"link":{"color":{"text":"var:preset|color|text-color"}}},"typography":{"fontSize":"25px","textTransform":"capitalize","fontStyle":"normal","fontWeight":"600","lineHeight":"1.4"},"spacing":{"margin":{"top":"15px"}}},"textColor":"text-color"} -->
<h2 class="wp-block-heading has-text-align-center collection-title has-text-color-color has-text-color has-link-color" style="margin-top:15px;font-size:25px;font-style:normal;font-weight:600;line-height:1.4;text-transform:capitalize"><img class="wp-image-114" style="width: 62px;" src="<?php echo esc_url( get_template_directory_uri() . '/images/book-img.png'); ?>" alt=""><?php echo esc_html__('discover our collection','online-library'); ?></h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:group {"className":"collection-content","layout":{"type":"default"}} -->
<div class="wp-block-group collection-content"><!-- wp:gallery {"columns":5,"linkTo":"none","className":"collection-box","style":{"spacing":{"blockGap":{"left":"35px"}}}} -->
<figure class="wp-block-gallery has-nested-images columns-5 is-cropped collection-box"><!-- wp:image {"lightbox":{"enabled":false},"id":118,"sizeSlug":"full","linkDestination":"custom","className":"collection-img wow rollIn","style":{"border":{"radius":"0px","color":"#00000000","width":"1px"}}} -->
<figure class="wp-block-image size-full has-custom-border collection-img wow rollIn"><a href="#"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/book1.png'); ?>" alt="" class="has-border-color wp-image-118" style="border-color:#00000000;border-width:1px;border-radius:0px"/></a></figure>
<!-- /wp:image -->

<!-- wp:image {"lightbox":{"enabled":false},"id":119,"sizeSlug":"full","linkDestination":"custom","className":"collection-img wow rollIn","style":{"border":{"radius":"0px","color":"#00000000","width":"1px"}}} -->
<figure class="wp-block-image size-full has-custom-border collection-img wow rollIn"><a href="#"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/book2.png'); ?>" alt="" class="has-border-color wp-image-119" style="border-color:#00000000;border-width:1px;border-radius:0px"/></a></figure>
<!-- /wp:image -->

<!-- wp:image {"lightbox":{"enabled":false},"id":120,"sizeSlug":"full","linkDestination":"custom","className":"collection-img wow rollIn","style":{"border":{"radius":"0px","color":"#00000000","width":"1px"}}} -->
<figure class="wp-block-image size-full has-custom-border collection-img wow rollIn"><a href="#"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/book3.png'); ?>" alt="" class="has-border-color wp-image-120" style="border-color:#00000000;border-width:1px;border-radius:0px"/></a></figure>
<!-- /wp:image -->

<!-- wp:image {"lightbox":{"enabled":false},"id":121,"sizeSlug":"full","linkDestination":"custom","className":"collection-img wow rollIn","style":{"border":{"radius":"0px","color":"#00000000","width":"1px"}}} -->
<figure class="wp-block-image size-full has-custom-border collection-img wow rollIn"><a href="#"><img src="<?php echo esc_url( get_template_directory_uri() . '/images/book4.png'); ?>" alt="" class="has-border-color wp-image-121" style="border-color:#00000000;border-width:1px;border-radius:0px"/></a></figure>
<!-- /wp:image --></figure>
<!-- /wp:gallery --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->