{"id":191,"date":"2026-04-17T09:58:44","date_gmt":"2026-04-17T09:58:44","guid":{"rendered":"https:\/\/sf.goodwillcoder.co.in\/?page_id=191"},"modified":"2026-04-18T05:35:32","modified_gmt":"2026-04-18T05:35:32","slug":"library","status":"publish","type":"page","link":"https:\/\/sf.goodwillcoder.co.in\/index.php\/library\/","title":{"rendered":"Library"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"191\" class=\"elementor elementor-191\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e2321f5 e-flex e-con-boxed e-con e-parent\" data-id=\"e2321f5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b91b087 elementor-widget elementor-widget-html\" data-id=\"b91b087\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* Container styling to create the floating pill *\/\r\n.custom-pill-nav {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    flex-wrap: wrap; \/* Added to allow menu to drop down on mobile *\/\r\n    background-color: #2a2a2a;\r\n    border: 1px solid rgba(255, 255, 255, 0.2);\r\n    border-radius: 100px;\r\n    margin: 20px auto;\r\n    max-width: 1000px;\r\n    padding: 15px 40px;\r\n    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.5);\r\n    font-family: sans-serif;\r\n    position: sticky;\r\n    top: 20px;\r\n    z-index: 9999;\r\n    transition: all 0.3s ease; \/* Smooth expansion for the pill *\/\r\n}\r\n\r\n\/* Left side Logo styling *\/\r\n.custom-pill-nav .brand {\r\n    color: #C6FF5E; \/* Neon Yellow *\/\r\n    font-weight: 900;\r\n    font-size: 24px;\r\n    text-decoration: none;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.custom-pill-nav .brand-dot {\r\n    color: #ffffff;\r\n}\r\n\r\n\/* Hamburger Toggle Button (Hidden on Desktop) *\/\r\n.custom-pill-nav .mobile-toggle {\r\n    display: none;\r\n    background: none;\r\n    border: none;\r\n    cursor: pointer;\r\n    padding: 5px;\r\n}\r\n\r\n.custom-pill-nav .mobile-toggle svg {\r\n    width: 28px;\r\n    height: 28px;\r\n    fill: #C6FF5E;\r\n    transition: fill 0.3s ease;\r\n}\r\n\r\n.custom-pill-nav .mobile-toggle:hover svg {\r\n    fill: #ffffff;\r\n}\r\n\r\n\/* Right side Links grouping *\/\r\n.custom-pill-nav .nav-links {\r\n    display: flex;\r\n    gap: 30px;\r\n    align-items: center;\r\n}\r\n\r\n\/* Individual links styling *\/\r\n.custom-pill-nav .nav-links a {\r\n    color: #C6FF5E; \/* Neon Yellow *\/\r\n    text-decoration: none;\r\n    font-weight: 600;\r\n    font-size: 15px;\r\n    transition: color 0.3s ease;\r\n}\r\n\r\n\/* The active link color *\/\r\n.custom-pill-nav .nav-links a.active {\r\n    color: #ffffff !important; \r\n}\r\n\r\n\/* Hover effect *\/\r\n.custom-pill-nav .nav-links a:hover {\r\n    color: #ffffff;\r\n}\r\n\r\n\/* Cart Icon SVG styling *\/\r\n.custom-pill-nav .cart-icon {\r\n    width: 22px;\r\n    height: 22px;\r\n    fill: #C6FF5E;\r\n    cursor: pointer;\r\n    transition: fill 0.3s ease;\r\n}\r\n\r\n.custom-pill-nav .cart-icon:hover {\r\n    fill: #ffffff;\r\n}\r\n\r\n\/* Mobile responsive styling (Tablet view breakpoint) *\/\r\n@media (max-width: 768px) {\r\n    .custom-pill-nav {\r\n        border-radius: 25px; \/* Slightly squarer radius looks better when expanded *\/\r\n        padding: 15px 25px;\r\n    }\r\n    \r\n    .custom-pill-nav .mobile-toggle {\r\n        display: block; \/* Show the hamburger menu *\/\r\n    }\r\n\r\n    .custom-pill-nav .nav-links {\r\n        display: none; \/* Hide links by default on mobile *\/\r\n        width: 100%; \/* Force onto a new line *\/\r\n        flex-direction: column;\r\n        gap: 20px;\r\n        padding-top: 20px;\r\n        padding-bottom: 10px;\r\n        align-items: center;\r\n    }\r\n\r\n    \/* Class toggled via JS to show the menu *\/\r\n    .custom-pill-nav .nav-links.show {\r\n        display: flex;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<nav class=\"custom-pill-nav\">\r\n    <a href=\"\/\" class=\"brand\">SYNTAX<span class=\"brand-dot\"><\/span><\/a>\r\n    \r\n    <button class=\"mobile-toggle\" aria-label=\"Toggle navigation\">\r\n        <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M3 6h18v2H3V6m0 5h18v2H3v-2m0 5h18v2H3v-2z\"\/>\r\n        <\/svg>\r\n    <\/button>\r\n    \r\n    <div class=\"nav-links\">\r\n        <a href=\"\/\">Home<\/a>\r\n        <a href=\"\/index.php\/library\/\">Library<\/a>\r\n        \r\n        <a href=\"\/index.php\/manifesto\/\">About Us<\/a>\r\n        <a href=\"\/index.php\/contact\">Contact<\/a>\r\n         <a href=\"\/index.php\/my-account\">My Account<\/a>\r\n        \r\n        <a href=\"\/index.php\/cart\/\" aria-label=\"Cart\">\r\n            <svg class=\"cart-icon\" viewBox=\"0 0 24 24\">\r\n                <path d=\"M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z\"\/>\r\n            <\/svg>\r\n        <\/a>\r\n    <\/div>\r\n<\/nav>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    \/\/ --- Active Link Logic ---\r\n    const currentPath = window.location.pathname.replace(\/\\\/$\/, \"\"); \r\n    const navLinks = document.querySelectorAll('.custom-pill-nav .nav-links a');\r\n\r\n    navLinks.forEach(link => {\r\n        const linkPath = new URL(link.href).pathname.replace(\/\\\/$\/, \"\");\r\n        if (currentPath === linkPath || (currentPath === \"\" && linkPath === \"\")) {\r\n            link.classList.add('active');\r\n        }\r\n    });\r\n\r\n    \/\/ --- Mobile Menu Toggle Logic ---\r\n    const mobileToggle = document.querySelector('.mobile-toggle');\r\n    const navMenu = document.querySelector('.nav-links');\r\n\r\n    mobileToggle.addEventListener('click', function() {\r\n        navMenu.classList.toggle('show');\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fedc91f e-flex e-con-boxed e-con e-parent\" data-id=\"fedc91f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t\t\t<h2 \n\t\tdata-interaction-id=\"38999bd\" \n\t\tclass=\"e-38999bd-12f158a e-heading-base\" \n\t\t \n\t\t\n\t>\n\t\n\t\t\tDeployement\n\t\t<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-fa2db8f eael-product-list-column-2 elementor-widget elementor-widget-eicon-woocommerce\" data-id=\"fa2db8f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"eicon-woocommerce.default\">\n\t\t\t\t\t\n        <div class=\"eael-product-grid  list\" id=\"eael-product-grid\" data-widget-id=\"fa2db8f\" data-page-id=\"191\" data-nonce=\"1a00f8951a\" >\n            <div class=\"woocommerce\">\n                <ul class=\"products eael-post-appender eael-post-appender-fa2db8f\" data-ssi-desktop=\"\" data-ssi-tablet=\"\" data-ssi-mobile=\"\" data-layout-mode=\"list\"><li class=\"product  eael-product-list-preset-2\">\n    <div class=\"eael-product-wrap\">\n        <div class=\"product-image-wrap\">\n            <div class=\"image-wrap\">\n                <span class=\"eael-onsale sale-preset-2 \">Sale!<\/span><img fetchpriority=\"high\" decoding=\"async\" width=\"241\" height=\"300\" src=\"https:\/\/sf.goodwillcoder.co.in\/wp-content\/uploads\/2026\/04\/demo_trcakpant-e1776473783704-241x300.png\" class=\"attachment-medium size-medium\" alt=\"CARGO_PANT_MOD Modular Leg \/\/\" loading=\"eager\" srcset=\"https:\/\/sf.goodwillcoder.co.in\/wp-content\/uploads\/2026\/04\/demo_trcakpant-e1776473783704-241x300.png 241w, https:\/\/sf.goodwillcoder.co.in\/wp-content\/uploads\/2026\/04\/demo_trcakpant-e1776473783704-822x1024.png 822w, https:\/\/sf.goodwillcoder.co.in\/wp-content\/uploads\/2026\/04\/demo_trcakpant-e1776473783704-768x957.png 768w, https:\/\/sf.goodwillcoder.co.in\/wp-content\/uploads\/2026\/04\/demo_trcakpant-e1776473783704-1233x1536.png 1233w, https:\/\/sf.goodwillcoder.co.in\/wp-content\/uploads\/2026\/04\/demo_trcakpant-e1776473783704-64x80.png 64w, https:\/\/sf.goodwillcoder.co.in\/wp-content\/uploads\/2026\/04\/demo_trcakpant-e1776473783704-600x748.png 600w, https:\/\/sf.goodwillcoder.co.in\/wp-content\/uploads\/2026\/04\/demo_trcakpant-e1776473783704.png 1610w\" sizes=\"(max-width: 241px) 100vw, 241px\" \/>            <\/div>\n        <\/div>\n        <div class=\"product-details-wrap\">\n            <div class=\"eael-product-title\">\n                                <a href=\"https:\/\/sf.goodwillcoder.co.in\/index.php\/product\/cargo_pant_mod-modular-leg-system-copy\/\" class=\"woocommerce-LoopProduct-link woocommerce-loop-product__link\"><h2 class=\"woocommerce-loop-product__title\">CARGO_PANT_MOD Modular Leg \/\/<\/h2><\/a><\/div><div class=\"eael-product-price\"><del><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#8377;<\/span>999.00<\/span><\/del> <span class=\"screen-reader-text\">Original price was: &#8377;999.00.<\/span><ins><span class=\"woocommerce-Price-amount amount\"><span class=\"woocommerce-Price-currencySymbol\">&#8377;<\/span>499.00<\/span><\/ins><span class=\"screen-reader-text\">Current price is: &#8377;499.00.<\/span><\/div><div class=\"eael-star-rating star-rating\"><span style=\"width:0%\">Rated <strong class=\"rating\">0<\/strong> out of 5<\/span><\/div>\n            <ul class=\"icons-wrap details-block-style\">\n                                <li class=\"add-to-cart\"><a data-pid=\"93\" class=\"shopengine_add_to_list_action shopengine-wishlist badge se-btn inactive\" href=\"#\" ><i class=\"shopengine-icon-add_to_favourite_1\"><\/i><\/a><a title='Quick View' class='shopengine-quickview-trigger se-btn'\n\t\t\t\t\tdata-source-url='https:\/\/sf.goodwillcoder.co.in\/index.php\/product\/cargo_pant_mod-modular-leg-system-copy\/'\n\t\t\t\t\thref='https:\/\/sf.goodwillcoder.co.in\/index.php\/product\/cargo_pant_mod-modular-leg-system-copy\/'>\n\t\t\t\t\t<i class=\"shopengine-icon-quick_view_1\"><\/i>\n\t\t\t\t<\/a><a href=\"\/index.php\/wp-json\/wp\/v2\/pages\/191?add-to-cart=93\" aria-describedby=\"woocommerce_loop_add_to_cart_link_describedby_93\" data-quantity=\"1\" class=\"button product_type_simple add_to_cart_button ajax_add_to_cart\" data-product_id=\"93\" data-product_sku=\"\" aria-label=\"Add to cart: &ldquo;CARGO_PANT_MOD Modular Leg \/\/&rdquo;\" rel=\"nofollow\" data-success_message=\"&ldquo;CARGO_PANT_MOD Modular Leg \/\/&rdquo; has been added to your cart\" role=\"button\">Add to cart<\/a><a data-payload='{\"pid\":93}' class=\"shopengine_comparison_add_to_list_action shopengine-comparison badge se-btn inactive\"> <i class=\"shopengine-icon-product_compare_1\"><\/i> <\/a>\t<span id=\"woocommerce_loop_add_to_cart_link_describedby_93\" class=\"screen-reader-text\">\n\t\t\t<\/span>\n<\/li>\n\n                                                    <li class=\"eael-product-quick-view\">\n                        <a id=\"eael_quick_view_6a32214a8511f\" data-quickview-setting=\"{&quot;widget_id&quot;:&quot;fa2db8f&quot;,&quot;product_id&quot;:93,&quot;page_id&quot;:191}\"\n                            class=\"eael-product-grid-open-popup open-popup-link\">\n                            <i class=\"fas fa-eye\"><\/i>\n                        <\/a>\n                    <\/li>\n                            <\/ul>\n                    <\/div>\n    <\/div>\n<\/li><\/ul>            <\/div>\n        <\/div>\n\n        <script type=\"text\/javascript\">\n            jQuery(document).ready(function($) {\n                var $scope = jQuery(\".elementor-element-fa2db8f\");\n                var $products = $('.products', $scope);\n                var $layout_mode = $products.data('layout-mode');\n                \n                if ( $layout_mode === 'masonry' ) {\n                    \/\/ init isotope\n                    var $isotope_products = $products.isotope({\n                        itemSelector: \"li.product\",\n                        layoutMode: $layout_mode,\n                        percentPosition: true\n                    });\n\n                    $isotope_products.imagesLoaded().progress( function() {\n                        $isotope_products.isotope('layout');\n                    })\n                    \n                }\n            });\n        <\/script>\n        \t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-41ed279 e-flex e-con-boxed e-con e-parent\" data-id=\"41ed279\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t\t\t\t<p class=\"e-f3d5439-1704d14 e-paragraph-base\" data-interaction-id=\"f3d5439\"  >\n\t\t\t\t\t\t\t\t<strong><em>Copyright \u00a9 2026 SYNTAX Clothing | Developed by Goodwill Coder<\/em><\/strong>\n\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>SYNTAX Home Library About Us Contact My Account Deployement Sale! CARGO_PANT_MOD Modular Leg \/\/ &#8377;999.00 Original price was: &#8377;999.00.&#8377;499.00Current price is: &#8377;499.00.Rated 0 out of 5 Add to cart Copyright \u00a9 2026 SYNTAX Clothing | Developed by Goodwill Coder<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-191","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sf.goodwillcoder.co.in\/index.php\/wp-json\/wp\/v2\/pages\/191","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sf.goodwillcoder.co.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sf.goodwillcoder.co.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sf.goodwillcoder.co.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sf.goodwillcoder.co.in\/index.php\/wp-json\/wp\/v2\/comments?post=191"}],"version-history":[{"count":32,"href":"https:\/\/sf.goodwillcoder.co.in\/index.php\/wp-json\/wp\/v2\/pages\/191\/revisions"}],"predecessor-version":[{"id":378,"href":"https:\/\/sf.goodwillcoder.co.in\/index.php\/wp-json\/wp\/v2\/pages\/191\/revisions\/378"}],"wp:attachment":[{"href":"https:\/\/sf.goodwillcoder.co.in\/index.php\/wp-json\/wp\/v2\/media?parent=191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}