4-Pack A5 Spiral Notebooks with Protective Hard Covers, 160 Ruled Pages and Color-Coded Design
.ntb-a5-wrap{ width:100%; max-width:1120px; margin:0 auto; padding:14px; background:#f7f3ed; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; color:#302b27; box-sizing:bord er-box; overflow:hidden; } .ntb-a5-wrap *, .ntb-a5-wrap *:before, .ntb-a5-wrap *:after{ box-sizing:border-box; } .ntb-a5-shell{ width:100%; padding:22px; border:1px solid #d9cfc4; border-radius:28px; background:#fffdf9; box-shadow:0 20px 55px rgba(62,49,40,.09); overflow:hidden; } .ntb-a5-hero{ display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr); gap:16px; align-items:stretch; } .ntb-a5-intro{ min-width:0; padding:34px 30px; border:1px solid #ddd2c6; border-radius:24px; background: radial-gradient(circle at 8% 10%,rgba(113,49,66,.14),transparent 27%), radial-gradient(circle at 92% 12%,rgba(64,92,73,.13),transparent 27%), linear-gradient(145deg,#fffdf8 0%,#efe8de 100%); } .ntb-a5-chip{ width:max-content; max-width:100%; padding:8px 13px; display:inline-flex; align-items:center; gap:9px; border-radius:10px; background:#40362f; color:#fff; font-size:11px; line-height:1.2; font-weight:900; letter-spacing:.8px; text-transform:uppercase; } .ntb-a5-chip-icon{ position:relative; width:17px; height:19px; min-width:17px; border:2px solid #fff; border-radius:3px; } .ntb-a5-chip-icon:before{ content:""; position:absolute; top:2px; bottom:2px; left:4px; width:2px; background:#fff; border-radius:2px; } .ntb-a5-intro h2{ margin:18px 0 12px!important; color:#302823!important; font-size:36px!important; line-height:1.12!important; font-weight:950!important; letter-spacing:-.55px!important; } .ntb-a5-intro p{ margin:0!important; color:#6e635a!important; font-size:15px!important; line-height:1.68!important; } .ntb-a5-colors{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; max-width:460px; margin-top:18px; } .ntb-a5-color{ min-height:48px; padding:8px 5px; display:flex; align-items:flex-end; justify-content:center; text-align:center; border-radius:10px; color:#fff; font-size:9.7px; line-height:1.2; font-weight:900; letter-spacing:.3px; text-transform:uppercase; } .ntb-a5-c1{background:#713142;} .ntb-a5-c2{background:#6b4b39;} .ntb-a5-c3{background:#405c49;} .ntb-a5-c4{ background:#e7decd; color:#504940; border:1px solid #d0c5b4; } .ntb-a5-side{ min-width:0; padding:20px; border-radius:24px; background:#40362f; color:#fff; display:flex; flex-direction:column; justify-content:flex-start; } .ntb-a5-side-head{ padding-bottom:14px; border-bottom:1px solid rgba(255,255,255,.12); } .ntb-a5-side-head strong{ display:block; font-size:22px; line-height:1.15; font-weight:950; } .ntb-a5-side-head span{ display:block; margin-top:6px; color:rgba(255,255,255,.7); font-size:10.5px; line-height:1.4; font-weight:850; letter-spacing:.45px; text-transform:uppercase; } .ntb-a5-side-grid{ display:grid; gap:8px; margin-top:14px; } .ntb-a5-side-item{ min-height:66px; padding:12px 13px; display:grid; grid-template-columns:6px minmax(0,1fr); gap:10px; align-items:center; border:1px solid rgba(255,255,255,.12); border-radius:12px; background:rgba(255,255,255,.07); } .ntb-a5-side-item i{ display:block; width:6px; height:30px; border-radius:999px; } .ntb-a5-side-item:nth-child(1) i{background:#713142;} .ntb-a5-side-item:nth-child(2) i{background:#6b4b39;} .ntb-a5-side-item:nth-child(3) i{background:#405c49;} .ntb-a5-side-item strong{ display:block; font-size:16px; line-height:1.2; font-weight:950; } .ntb-a5-side-item span{ display:block; margin-top:4px; color:rgba(255,255,255,.7); font-size:9.8px; line-height:1.35; font-weight:850; letter-spacing:.35px; text-transform:uppercase; } .ntb-a5-section{ padding-top:34px; } .ntb-a5-head{ max-width:730px; margin:0 auto 18px; text-align:center; } .ntb-a5-head span{ color:#713142; font-size:11px; font-weight:950; letter-spacing:.9px; text-transform:uppercase; } .ntb-a5-head h3{ margin:7px 0 0!important; color:#302823!important; font-size:25px!important; line-height:1.2!important; font-weight:950!important; } .ntb-a5-head p{ margin:8px auto 0!important; max-width:650px; color:#70665e!important; font-size:13.8px!important; line-height:1.6!important; } .ntb-a5-feature-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; align-items:stretch; } .ntb-a5-card{ min-width:0; min-height:154px; padding:16px; border:1px solid #ddd3c8; border-radius:18px; background:#fff; box-shadow:0 8px 20px rgba(60,48,38,.045); overflow:hidden; } .ntb-a5-card h4{ margin:0 0 7px!important; color:#352d28!important; font-size:18px!important; line-height:1.24!important; font-weight:950!important; } .ntb-a5-card p{ margin:0!important; color:#70665e!important; font-size:13.2px!important; line-height:1.52!important; } .ntb-a5-card-top{ display:flex; align-items:center; gap:10px; margin-bottom:10px; } .ntb-a5-icon{ position:relative; width:38px; height:38px; min-width:38px; border:1px solid #d8cec3; border-radius:11px; background:#f3eee7; } .ntb-a5-icon.pages:before{ content:""; position:absolute; top:11px; left:9px; right:9px; height:2px; background:#713142; border-radius:2px; box-shadow:0 6px 0 #713142,0 12px 0 #713142; } .ntb-a5-icon.spiral:before{ content:""; position:absolute; top:8px; left:12px; width:16px; height:20px; border:2px solid #6b4b39; border-radius:3px; } .ntb-a5-icon.spiral:after{ content:""; position:absolute; top:10px; left:8px; width:6px; height:16px; border-top:2px solid #6b4b39; border-bottom:2px solid #6b4b39; box-shadow:0 5px 0 -2px #6b4b39,0 10px 0 -2px #6b4b39; } .ntb-a5-icon.cover:before{ content:""; position:absolute; top:8px; left:10px; width:18px; height:21px; border:2px solid #405c49; border-radius:5px; } .ntb-a5-icon.cover:after{ content:""; position:absolute; top:16px; left:16px; width:7px; height:4px; border-left:2px solid #405c49; border-bottom:2px solid #405c49; transform:rotate(-45deg); } .ntb-a5-card-a{border-left:5px solid #713142;} .ntb-a5-card-b{border-left:5px solid #6b4b39;} .ntb-a5-card-c{border-left:5px solid #405c49;} .ntb-a5-card-highlight{ min-height:154px; padding:16px; border:1px solid rgba(255,255,255,.08); border-radius:18px; background: radial-gradient(circle at 92% 8%,rgba(231,222,205,.12),transparent 26%), linear-gradient(145deg,#3b302d 0%,#62383d 48%,#3b5143 100%); color:#fff; } .ntb-a5-badge{ width:max-content; max-width:100%; padding:6px 10px; border:1px solid rgba(255,255,255,.14); border-radius:999px; background:rgba(255,255,255,.08); color:#fff; font-size:9.8px; font-weight:900; letter-spacing:.55px; text-transform:uppercase; } .ntb-a5-card-highlight h4{ margin:12px 0 7px!important; color:#fff!important; font-size:21px!important; line-height:1.2!important; font-weight:950!important; } .ntb-a5-card-highlight p{ margin:0!important; color:rgba(255,255,255,.82)!important; font-size:13.2px!important; line-height:1.56!important; } .ntb-a5-points{ display:grid; gap:7px; margin-top:12px; } .ntb-a5-point{ position:relative; padding:9px 10px 9px 29px; border:1px solid rgba(255,255,255,.12); border-radius:10px; background:rgba(255,255,255,.08); color:#fff; font-size:12.2px; line-height:1.35; font-weight:850; } .ntb-a5-point:before{ content:""; position:absolute; top:50%; left:11px; width:7px; height:4px; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:translateY(-65%) rotate(-45deg); } .ntb-a5-use{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin-top:14px; } .ntb-a5-use div{ min-height:58px; padding:10px; display:flex; align-items:center; justify-content:center; text-align:center; border:1px solid #ddd3c8; border-radius:12px; background:#f4efe8; color:#463b35; font-size:12.5px; line-height:1.3; font-weight:850; } .ntb-a5-faq{ margin-top:34px; padding:24px; border:1px solid #d9d0c4; border-radius:24px; background: radial-gradient(circle at top left,rgba(113,49,66,.08),transparent 28%), radial-gradient(circle at bottom right,rgba(64,92,73,.08),transparent 28%), linear-gradient(180deg,#fffdf9 0%,#f4efe8 100%); box-shadow:0 14px 40px rgba(60,48,38,.05); } .ntb-a5-faq-head{ max-width:730px; margin:0 auto 18px; text-align:center; } .ntb-a5-faq-kicker{ display:inline-flex; align-items:center; gap:8px; margin-bottom:10px; color:#713142; font-size:11px; line-height:1; font-weight:950; letter-spacing:.9px; text-transform:uppercase; } .ntb-a5-help{ position:relative; width:18px; height:18px; min-width:18px; border:2px solid #713142; border-radius:50%; } .ntb-a5-help:before{ content:"?"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:#713142; font-size:11px; font-weight:950; } .ntb-a5-faq-head h3{ margin:0!important; color:#302823!important; font-size:25px!important; line-height:1.18!important; font-weight:950!important; text-transform:uppercase!important; } .ntb-a5-faq-head p{ margin:9px auto 0!important; max-width:650px; color:#70665e!important; font-size:13.8px!important; line-height:1.6!important; } .ntb-a5-accordion{ max-width:900px; margin:0 auto; } .ntb-a5-faq-item{ overflow:hidden; border:1px solid #d9d0c4; border-radius:14px; background:#fff; box-shadow:0 8px 18px rgba(60,48,38,.04); } .ntb-a5-faq-item + .ntb-a5-faq-item{ margin-top:9px; } .ntb-a5-faq-btn{ width:100%; padding:14px 15px; display:grid; grid-template-columns:minmax(0,1fr) 30px; gap:10px; align-items:center; border:0; background:#fff; color:#39302b; text-align:left; cursor:pointer; font-size:13.8px; line-height:1.4; font-weight:900; } .ntb-a5-plus{ width:30px; height:30px; display:flex; align-items:center; justify-content:center; border-radius:9px; background:#eee7df; color:#713142; font-size:21px; font-weight:850; transition:transform .25s ease,background .25s ease,color .25s ease; } .ntb-a5-faq-item.is-open .ntb-a5-faq-btn{ color:#713142; } .ntb-a5-faq-item.is-open .ntb-a5-plus{ transform:rotate(45deg); background:#713142; color:#fff; } .ntb-a5-faq-content{ max-height:0; overflow:hidden; opacity:0; transition:max-height .34s ease,opacity .22s ease; } .ntb-a5-faq-content-inner{ padding:0 50px 15px 15px; color:#70665e; font-size:13.2px; line-height:1.6; } .ntb-a5-faq-item.is-open .ntb-a5-faq-content{ opacity:1; } @media(max-width:980px){ .ntb-a5-hero, .ntb-a5-feature-grid{ grid-template-columns:1fr; } .ntb-a5-use{ grid-template-columns:repeat(2,minmax(0,1fr)); } } @media(max-width:680px){ .ntb-a5-wrap{ padding:8px; } .ntb-a5-shell{ padding:12px; border-radius:22px; } .ntb-a5-intro{ padding:26px 16px; border-radius:18px; } .ntb-a5-chip{ width:100%; justify-content:flex-start; white-space:normal; font-size:10px; } .ntb-a5-intro h2{ font-size:28px!important; line-height:1.15!important; } .ntb-a5-intro p{ font-size:13.6px!important; line-height:1.62!important; } .ntb-a5-colors{ grid-template-columns:repeat(2,minmax(0,1fr)); } .ntb-a5-side{ padding:16px 14px; border-radius:18px; } .ntb-a5-side-head strong{ font-size:20px; } .ntb-a5-section{ padding-top:28px; } .ntb-a5-head{ margin-bottom:14px; } .ntb-a5-head h3{ font-size:21px!important; } .ntb-a5-head p{ font-size:12.8px!important; } .ntb-a5-card, .ntb-a5-card-highlight{ min-height:auto; padding:14px; } .ntb-a5-card h4{ font-size:16px!important; } .ntb-a5-card p, .ntb-a5-card-highlight p{ font-size:12.4px!important; } .ntb-a5-card-highlight h4{ font-size:19px!important; } .ntb-a5-use{ grid-template-columns:1fr; } .ntb-a5-faq{ margin-top:28px; padding:16px 8px; border-radius:18px; } .ntb-a5-faq-head h3{ font-size:21px!important; } .ntb-a5-faq-head p{ font-size:12.8px!important; } .ntb-a5-faq-btn{ grid-template-columns:minmax(0,1fr) 28px; padding:12px 10px; font-size:12.7px; } .ntb-a5-plus{ width:28px; height:28px; font-size:19px; } .ntb-a5-faq-content-inner{ padding:0 40px 13px 10px; font-size:12.5px; } } Compact A5 Notebook Collection Four A5 Spiral Notebooks for Organized Notes and Daily Planning Keep study notes, work plans and personal ideas separated with four compact ruled notebooks featuring protective plastic covers, spiral binding and distinct classic colors. Wine Red Brown Green Ivory 4 Notebook Set Wine Red, Brown, Green and Ivory A5 Size 8.3 × 5.9 Inches 160 Pages 80 Sheets per Notebook 8 mm Ruled Comfortable Writing Spacing Designed for Flexible Daily Writing Assign Each Notebook to a Different Subject or Routine A practical set for study sessions, office notes, planning, journaling and creative ideas. 8 mm Ruled Pages Comfortable spacing supports readable notes, lists and journaling. Compact Everyday Format Portable A5 Notebooks with Plenty of Writing Space The 8.3 × 5.9-inch size fits easily inside bags and desk drawers, while each notebook provides 160 pages for study, planning and everyday writing. Four notebooks for color-coded organization 80 sheets and 160 pages in each notebook Suitable for school, office and personal notes Easy-Turn Spiral Binding Pages turn smoothly and remain convenient while writing. Protective Plastic Covers Thick covers help protect pages inside bags and desk drawers. Study Notes Office Planning Journaling Task Lists Product Guide Frequently Asked Questions Helpful answers about quantity, size, covers and page layout. What colors are included in the set? + The set includes wine red, brown, green and ivory notebooks for easy color-coded organization. How many pages are in each notebook? + Each notebook contains 80 sheets, providing 160 writing pages. What size are the notebooks? + Each notebook measures approximately 8.3 × 5.9 inches, providing a compact A5 format. What type of covers do the notebooks have? + The notebooks use thick plastic covers designed to protect the pages during everyday school, office and travel use. (function(){ var root = document.currentScript.previousElementSibling; if(!root || !root.classList.contains("ntb-a5-wrap")) return; var items = Array.prototype.slice.call(root.querySelectorAll(".ntb-a5-faq-item")); function setHeight(item){ var content = item.querySelector(".ntb-a5-faq-content"); if(!content) return; content.style.maxHeight = item.classList.contains("is-open") ? content.scrollHeight + "px" : "0px"; } function openItem(target){ items.forEach(function(item){ if(item === target){ item.classList.add("is-open"); }else{ item.classList.remove("is-open"); } setHeight(item); }); } items.forEach(function(item){ var button = item.querySelector(".ntb-a5-faq-btn"); if(!button) return; button.addEventListener("click", function(){ if(item.classList.contains("is-open")){ item.classList.remove("is-open"); setHeight(item); }else{ openItem(item); } }); setHeight(item); }); window.addEventListener("resize", function(){ items.forEach(function(item){ if(item.classList.contains("is-open")) setHeight(item); }); }); })();
More you might like
Related
Okin A5 200 Page Spiral Notebooks - Pack Of 3
Related
Okin Spiral A5 Soft Cover Notebooks - Pack Of 3
Related
Okin Spiral A5 Soft Cover Notepads - Pack Of 3
Related