PageSourceSearch

https://digitalcanopi.com/about

html digitalcanopi.com collected 2026-09-27 11:42:55 UTC 56,424 bytes, 962 lines download raw bytes

1<!DOCTYPE html>
2<html xmlns="http://www.w3.org/1999/xhtml">
3  
4 <head>
5      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6      <meta name="viewport" content="width=device-width, initial-scale=1">
7      <title> Digital Canopi </title>
8      <!-- Favicon -->
9      <link rel="icon" type="https://digitalcanopi.com/assets/front/newTheme/image/jpg" href="https://digitalcanopi.com/assets/front/newTheme/images/favicon.jpg">
10      <!-- Animate With CSS -->
11      <link rel="stylesheet" type="text/css" href="https://digitalcanopi.com/assets/front/newTheme/css/animate.css">
12      <!-- Font Awesome KIT -->
13         <link href="https://digitalcanopi.com/assets/front/newTheme/css/slick.css" rel="stylesheet">
14      <link href="https://digitalcanopi.com/assets/front/newTheme/fontawesome-kit-5/css/all.css" rel="stylesheet">
15      
16      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" />
17      <link href="https://digitalcanopi.com/assets/front/newTheme/fontawesome-kit-5/css/brands.css" rel="stylesheet">
18      <link href="https://digitalcanopi.com/assets/front/newTheme/fontawesome-kit-5/css/solid.css" rel="stylesheet">
19 
20      <!-- Slick CSS -->
21   
22      <link href="https://digitalcanopi.com/assets/front/newTheme/css/slick-theme.css" rel="stylesheet">
23      <!-- Bootstrap Grids -->
24      <link href="https://digitalcanopi.com/assets/front/newTheme/css/bootstrap.min.css" rel="stylesheet">
25      <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide.min.css">
26      <!-- Custom Stylings -->
27      <link href="https://digitalcanopi.com/assets/front/newTheme/css/custom.css" rel="stylesheet">
28      <link href="https://digitalcanopi.com/assets/front/newTheme/css/responsive.css" rel="stylesheet">
29   
30      <!-- Jquery Library -->
31   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
32
33   <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" />
34
35<link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" rel="stylesheet">
36 
37   <link href="https://digitalcanopi.com/assets/front/newTheme/css/mystyle.css" rel="stylesheet">  
38
39 
40         </head>
41 <style>
42 .bell{
43   font-size 16px;
44 }
45 .contain{
46   object-fit:contain;
47 }
48 nav[role="navigation"] svg.w-5.h-5 {
49			width: 10px;   /* example */
50			height: 10px;  /* example */
51		}
52 </style>
53
54<body>
55
56
57<section class="all-content">
58 <div class="left-sidebar">
59            <div class="left-sidebar-wrapper">
60               <div class="d-block w-100 px-3 py-4 text-center">
61                  <div class="d-flex w-100 align-items-center justify-content-lg-center justify-content-md-between justify-content-between">
62                     <a href="https://digitalcanopi.com">
63                     <img class="mt-1" src="https://digitalcanopi.com/assets/front/newTheme/images/logo-dark.png"> 
64                     </a>
65                     <button class="bg-transparent border-0 d-block d-lg-none d-md-block d-sm-block hamburger-btn lh-1 pt-2 px-0">
66                     <i class="fa fa-times text-20 fs-4"> </i>
67                     </button>
68                  </div>
69               </div>
70               <div class="d-block w-100 px-3 py-2">
71                <div class="accordion" id="accordionExample">
72                        <!-- Menu Section -->
73                        <div class="accordion-item accordion-style1 bg-transparent border-0">
74                            <h2 class="accordion-header" id="headingOne">
75                                <button class="accordion-button text-uppercase bg-transparent border-0 box-shadow-none text-grey2 py-3 px-3 font-weight-500 text-14" 
76                                type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" 
77                                aria-expanded="true" aria-controls="collapseOne">
78                                    Menu
79                                </button>
80                            </h2>
81                            <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
82                                <div class="d-block w-100">
83                                    <a href="https://digitalcanopi.com" class="d-flex align-items-center menu-anchor-btn text-grey2 justify-content-start px-3 py-2 rounded-2 font-weight-500 text-15 mb-2">
84                                        <i class="fa fa-book text-grey2 text-24 me-3"></i> eBook
85                                    </a>
86                                                                            <a href="https://digitalcanopi.com/user/user_login" class="d-flex align-items-center text-grey2 menu-anchor-btn justify-content-start px-3 py-2 rounded-2 font-weight-500 text-15 mb-2 ">
87                                            <i class="fa fa-book-bookmark text-grey2 text-24 me-3"></i> My eBook
88                                        </a>
89                                        <a href="https://digitalcanopi.com/user/user_login" class=" d-flex align-items-center text-grey2 menu-anchor-btn justify-content-start px-3 py-2 rounded-2 font-weight-500 text-15 mb-2">
90                                            <i class="fa fa-align-right text-grey2 text-24 me-3"></i> Purchase Codes
91                                        </a>
92                                                                        <a href="https://digitalcanopi.com/our-authors" class="  d-flex align-items-center text-grey2 menu-anchor-btn justify-content-start px-3 py-2 rounded-2 font-weight-500 text-15 mb-2">
93                                        <i class="fa fa-user text-grey2 text-24 me-3"></i> Our Authors
94                                    </a>
95                                    <a href="https://digitalcanopi.com/our-publisher" class=" d-flex align-items-center text-grey2 menu-anchor-btn justify-content-start px-3 py-2 rounded-2 font-weight-500 text-15 mb-2">
96                                        <i class="fa fa-users text-grey2 text-24 me-3"></i> All Publishers
97                                    </a>
98                                </div>
99                            </div>
100                        </div>
101
102                        <!-- Pages Section -->
103                        <div class="accordion-item accordion-style1 bg-transparent border-0">
104                            <h2 class="accordion-header" id="headingTwo">
105                                <button class="accordion-button text-uppercase bg-transparent border-0 box-shadow-none text-grey2 py-3 px-3 font-weight-500 text-14" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
106                                    Pages
107                                </button>
108                            </h2>
109                            <div id="collapseTwo" class="accordion-collapse collapse " aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
110                                <div class="d-block w-100">
111                                                                                                         
112                                        <a href="https://digitalcanopi.com/privacy" class="d-flex align-items-center menu-anchor-btn text-grey2 justify-content-start px-3 py-2 rounded-2 font-weight-500 text-15 mb-2 ">
113                                            <i class="fa fa-book text-grey2 text-24 me-3"></i> Privacy &amp; Policy
114                                        </a>
115                                                                        
116                                        <a href="https://digitalcanopi.com/terms-conditions" class="d-flex align-items-center menu-anchor-btn text-grey2 justify-content-start px-3 py-2 rounded-2 font-weight-500 text-15 mb-2 ">
117                                            <i class="fa fa-book text-grey2 text-24 me-3"></i> Terms &amp; Conditions
118                                        </a>
119                                                                    </div>
120                            </div>
121                        </div>
122
123                        <!-- Categories -->
124                        <div class="d-block w-100">
125                            <a href="https://digitalcanopi.com/book-category" class="d-block w-100 text-uppercase bg-transparent border-0 box-shadow-none text-grey2 py-3 px-3 font-weight-500 text-14 ">
126                                Categories
127                            </a>
128                        </div>
129   
130                        <!-- Publisher Section -->
131                        <div class="accordion-item accordion-style1 bg-transparent border-0">
132                            <h2 class="accordion-header" id="headingThree">
133                                <button class="accordion-button text-uppercase bg-transparent border-0 box-shadow-none text-grey2 py-3 px-3 font-weight-500 text-14" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
134                                    Publisher
135                                </button>
136                            </h2>
137                            <div id="collapseThree" class="accordion-collapse collapse " aria-labelledby="headingThree" data-bs-parent="#accordionExample">
138                                <div class="d-block w-100">
139                                                                                                                <a href="https://digitalcanopi.com/howToBecomeAPublisher" class="d-flex align-items-center menu-anchor-btn text-grey2 justify-content-start px-3 py-2 rounded-2 font-weight-500 text-15 mb-2 ">
140                                            <i class="fa fa-file-pen text-grey2 text-24 me-3"></i> How to Become a Publisher
141                                        </a>
142                                                                            <a href="https://digitalcanopi.com/publisher-faqs" class="d-flex align-items-center menu-anchor-btn text-grey2 justify-content-start px-3 py-2 rounded-2 font-weight-500 text-15 mb-2 ">
143                                            <i class="fa fa-file-pen text-grey2 text-24 me-3"></i> Publisher FAQ
144                                        </a>
145                                                                    </div>
146                            </div>
147                        </div>
148
149                         <div class="accordion-item accordion-style1 bg-transparent border-0">
150                            <h2 class="accordion-header" id="headingFour">
151                                <button class="accordion-button text-uppercase bg-transparent border-0 box-shadow-none text-grey2 py-3 px-3 font-weight-500 text-14" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
152                                    Digital Canopi
153                                </button>
154                            </h2>
155                            <div id="collapseFour" class="accordion-collapse collapse " aria-labelledby="headingFour" data-bs-parent="#accordionExample">
156                                <div class="d-block w-100">
157                                    <a href="https://digitalcanopi.com/faq" class="d-flex align-items-center menu-anchor-btn text-grey2 justify-content-start px-3 py-2 rounded-2 font-weight-500 text-15 mb-2 ">
158                                        <i class="fa fa-book text-grey2 text-24 me-3"></i>
159                                        FAQ
160                                    </a>
161                                
162                                                                                                                <a href="https://digitalcanopi.com/about" class="d-flex align-items-center menu-anchor-btn text-grey2 justify-content-start px-3 py-2 rounded-2 font-weight-500 text-15 mb-2  menu-active-btn ">
163                                            <i class="fa fa-book text-grey2 text-24 me-3"></i>
164                                            About Us
165                                        </a>
166                                                                            <a href="https://digitalcanopi.com/vision" class="d-flex align-items-center menu-anchor-btn text-grey2 justify-content-start px-3 py-2 rounded-2 font-weight-500 text-15 mb-2 ">
167                                            <i class="fa fa-book text-grey2 text-24 me-3"></i>
168                                            Our Vision
169                                        </a>
170                                                                            <a href="https://digitalcanopi.com/explainer video publisher" class="d-flex align-items-center menu-anchor-btn text-grey2 justify-content-start px-3 py-2 rounded-2 font-weight-500 text-15 mb-2 ">
171                                            <i class="fa fa-book text-grey2 text-24 me-3"></i>
172                                            Explainer Videos
173                                        </a>
174                                                                            <a href="https://digitalcanopi.com/offline-reader" class="d-flex align-items-center menu-anchor-btn text-grey2 justify-content-start px-3 py-2 rounded-2 font-weight-500 text-15 mb-2 ">
175                                            <i class="fa fa-book text-grey2 text-24 me-3"></i>
176                                            Windows Offline Reader
177                                        </a>
178                                                                    </div>
179                            </div>
180                         </div>
181                    </div>
182
183               </div>
184            </div>
185         </div>
186  <div class="right-content-wrapper">
187          
188
189            
190            <div class="d-block w-100 px-lg-4 px-md-4 px-sm-3 px-3 py-lg-3 py-md-3 py-sm-2 py-2">
191               <div class="row align-items-center">
192                  <div class="d-lg-none d-md-none col-lg-4 col-md-4 col-sm-4 col-4 order-lg-1 order-md-1 order-sm-1 order-1">
193                     <div class="d-flex w-100 align-items-center justify-content-start">
194                        <button class="bg-transparent hamburger-btn border-0 p-0 px-2">
195                        <img src="https://digitalcanopi.com/assets/front/newTheme/images/hamburger-icon.png">
196                        </button>
197                        <button class="bg-transparent search-icon-btn border-0 p-0 px-2 search-toggle-btn">
198                        <img src="https://digitalcanopi.com/assets/front/newTheme/images/search-icon.png">
199                        </button>
200                     </div>
201                  </div>
202                  <div class="col-lg-6 col-md-7 col-sm-12 col-12 order-lg-1 order-md-1 order-sm-3 order-3">
203                     <div class="d-flex w-100 align-items-center justify-content-start">
204                        <div class="d-lg-none d-md-inline-block d-sm-none d-none pe-2">
205                           <button class="bg-transparent hamburger-btn border-0 p-0 px-2">
206                           <img src="https://digitalcanopi.com/assets/front/newTheme/images/hamburger-icon.png"> 
207                           </button>
208                        </div>
209                        
210                        <div class="w-100 search-form-wrapper    searchForm">   
211                    
212                         <form action="https://digitalcanopi.com/user/book/search" id="book_search" method="GET" 
213                                 class="border bg-silver border-color-silver align-items-center justify-content-start rounded-2 w-100 overflow-hidden">
214                              <div class="d-flex align-items-center " style="flex-wrap: nowrap !important;color: #6c757d !important">
215                                <i class="fa fa-search text-16 px-2"></i>
216                                <input type="text" 
217                                         class="form-control form-control-sm bg-transparent border-0 py-2"
218                                         placeholder="Search (enter more than 3 characters)"
219                                         name="book_search" 
220                                         id="search_input"
221                                         value="">
222                                <i class="fa fa-times clear-search ms-2" style="display: none"></i>
223                              </div>
224                           </form>
225                      
226                        </div>
227                     </div>
228                  </div>
229                  <div class="col-lg-6 col-md-5 col-sm-8 col-8  order-lg-2 order-md-2 order-sm-2 order-2">
230                     <div class="d-flex w-100 align-items-center justify-content-end">
231                         
232                        <div class="dropdown position-relative pt-2 d-none">
233                           <button class="btn text-muted position-relative px-1 py-2 bg-transparent border-0 outline-none p-0 shadow-none custom-dropdown-btn dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
234                              
235                            <img src="https://digitalcanopi.com/assets/front/newTheme/css/notification_icon.gif" style="height: 31px;width: 28px;" />  
236                           <span class="bg-orange text-white counter-1"> 8 </span>
237                           </button>
238                           <ul class="dropdown-menu" aria-labelledby="cartDropdown">
239                              <li><a class="dropdown-item" href="#">Action</a></li>
240                              <li><a class="dropdown-item" href="#">Another action</a></li>
241                              <li><a class="dropdown-item" href="#">Something else here</a></li>
242                           </ul>
243                        </div>
244                        <div class="dropdown position-relative pt-2">
245                           <button class="btn text-muted position-relative   py-2 bg-transparent border-0 outline-none p-0 shadow-none custom-dropdown-btn dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
246                           
247                           <img src="https://digitalcanopi.com/assets/front/newTheme/css/cart_icon.gif" style="height: 35px;width: 38px;" /> 
248                           
249                           <span class="bg-orange text-white counter-1" > <p class="count-cart">0 </p>    </span>
250                           </button>
251                    <ul class="dropdown-menu py-0 dropdown-menu-end cart-dropdown" style="min-width: 16.8rem;" aria-labelledby="cartDropdown">
252                        <div class="row mx-0 py-3" style="background-color: #419b95; border-top-left-radius: 3px; border-top-right-radius: 3px;">
253                           <div class="col-6 text-start">
254                           <h4 class="Cart text-white">Cart</h4>
255                           </div>
256                           <div class="col-6 text-end">
257                           <h6 class="zero px-2 py-1 bg-white d-inline rounded-2" id="cart-count">0</h6>
258                           </div>
259                        </div>
260
261                                                      <span id="cart-items">
262                              <li class="text-center py-2 mt-3">
263                              <h6 class="Sorry text-black">Sorry, nothing in cart yet...</h6>
264                              </li>
265                           </span>
266                                                   </ul>
267                        </div>
268
269                     
270                       <div class="dropdown position-relative">
271
272
273            
274
275               <button class="btn   position-relative px-2 py-0 bg-transparent border-0 outline-none p-0 shadow-none custom-dropdown-btn dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
276                      
277                      Sign In
278               </button>
279               <div class="dropdown-menu dropdown-user-menu rounded-3 py-0" aria-labelledby="dropdownMenuButton1">
280                     
281                     <div class="d-block w-100 py-2 px-2">
282                        <a href="https://digitalcanopi.com/user/user_login"class="d-block w-100 rounded-3 user-profile-anchor text-black px-2 py-2 rounded-2 mb-1">
283                           <b class="d-block w-100 text-capitalize text-black text-14 font-weight-500"> User Login</b>
284                           <span class="d-block w-100 text-11 font-weight-400"> Sign in as User. </span>
285                        </a>
286
287
288                          <a href="https://digitalcanopi.com/publisher/publisher_login"class="d-block w-100 rounded-3 user-profile-anchor text-black px-2 py-2 rounded-2 mb-1">
289                           <b class="d-block w-100 text-capitalize text-black text-14 font-weight-500"> Publisher Login</b>
290                           <span class="d-block w-100 text-11 font-weight-400"> Sign in as User. </span>
291                        </a>
292
293                         
294                     </div>
295                      
296               </div>
297 
298                     </div>
299
300                     </div>
301                  </div>
302               </div>
303            </div>     
304           
305
306      <style>
307 .team-slider1 .border {
308  height: 100%;
309  display: flex;
310  flex-direction: column;
311}
312
313/* Card container - ensures equal height for all cards */
314.team-slider1 .px-2 {
315  height: 100%;
316  display: flex;
317}
318
319/* Inner card wrapper - maintains equal height */
320.team-slider1 .border.px-2.py-4 {
321  width: 100%;
322  display: flex;
323  flex-direction: column;
324}
325
326/* Image container with fixed aspect ratio */
327.team-slider1 .member-image {
328  aspect-ratio: 1 / 1;
329  object-fit: fill;
330  width: 100%;
331}
332
333/* Fixed height containers for different screen sizes */
334@media (min-width: 992px) {
335  .team-slider1 .border.px-2.py-4 {
336      height: 450px; /* Desktop size */
337  }
338  .team-slider1 .member-image {
339      height: 300px;
340  }
341}
342
343@media (min-width: 768px) and (max-width: 991px) {
344  .team-slider1 .border.px-2.py-4 {
345      height: 400px; /* Tablet size */
346  }
347  .team-slider1 .member-image {
348      height: 250px;
349  }
350}
351
352@media (max-width: 767px) {
353  .team-slider1 .border.px-2.py-4 {
354      height: 350px; /* Mobile size */
355  }
356  .team-slider1 .member-image {
357      height: 200px;
358  }
359}
360
361/* Content spacing */
362.team-slider1 .d-block.w-100:nth-child(2) {
363  flex: 1;
364  display: flex;
365  align-items: center;
366  justify-content: center;
367}
368
369/* Ensure social icons stay at bottom */
370.team-slider1 .d-flex.pt-3 {
371  margin-top: auto;
372}
373</style>
374<div class="d-lg-none d-md-none d-sm-block d-block py-4">
375               <div class="d-block w-100 px-3 py-5 windows-mobile-bg">
376                  <div class="d-block w-100 pe-lg-5 pe-md-5 pe-sm-0 pe-0 text-lg-start text-md-start text-sm-center text-center py-4">
377                     <h2 class="text-blue-1 text-45 font-weight-700 mt-3 pt-3 mb-2"><span class="text-blue-1">  About Us </span> </h2>
378                     <h2 class="text-white text-45 font-weight-700 mb-3">  Our Story </h2>
379                     <h4 class="text-white text-16 font-weight-600 mt-0 mb-4"> E- Books at your Finger Tips 
380                     </h4>
381                  </div>
382               </div>
383            </div>
384            <div class="d-lg-block d-md-block d-sm-none d-none w-100 px-lg-4 px-md-4 px-sm-3 px-3 py-lg-3 py-md-3 py-sm-2 py-2">
385               <div class="d-block w-100 px-3 py-5 rounded-3 vision-bg">
386                  <div class="d-block w-100 pe-lg-5 pe-md-5 pe-sm-0 pe-0 text-lg-start text-md-start text-sm-center text-center pt-4 pb-4">
387                     <h2 class="text-blue-1 text-45 font-weight-700 text-capitalize mb-3"> 
388                       About Us
389                     </h2>
390                     <h4 class="text-white text-32 font-weight-500 mt-0 mb-5"> Our Story </h4>
391                     <h5 class="text-white text-22 font-weight-500 mt-0 mb-0"> E- Books at your Finger Tips </h5>
392                  </div>
393               </div>
394            </div>
395            <div class="d-block w-100  px-lg-4 px-md-4 px-sm-3 px-3 py-lg-3 py-md-3 py-sm-2 py-2">
396               <div class="d-block w-100">
397                  <div class="row">
398                     <div class="col-lg-7 col-md-7 col-sm-12 col-12 pb-3">
399                        <div class="d-block w-100 pt-3">
400                         <div class="footer-wrapper">
401<h3><strong>About Us</strong></h3>
402
403<p style="text-align:justify;"><span style="color: black;font-size: 11pt;"><strong>Our Story</strong> </span></p>
404
405<p style="text-align:justify;"><span style="color: black;font-size: 11pt;">It was an unusual morning in September 2020. The Royards Publishing team was regrouping after the national lockdown due to the COVID-19 pandemic. Our sector was upended with the closure of schools and we had no clear idea of what was coming next. Even as governments, educators and parents globally made every effort to change to virtual learning, the lockdown exposed many inequities in education systems and the challenges posed by online learning. </span>&nbsp;</p>
406
407<p style="text-align:justify;"><span style="color: black;font-size: 11pt;">It was then that our idea of creating a digital space for learning materials morphed into &lsquo;mission critical.&rsquo; But we went a step further. We decided to create a digital space - a great, big digital tent - where any publisher, author, educator and institution could make their literary products and resources available. Like many ideas that sound good, we knew we needed to talk with experts in the technology sector. We explored solutions with local and foreign companies and decided on Blue Guruz Ltd., a local fintech firm, with global linkages. </span> <span style="color: black;font-size: 11pt;">Digital Canopi is the result of our collaboration with Blue Guruz.</span> <span style="color: black;font-size: 11pt;">It reflects our commitment to build solutions engineered by our own Caribbean imagination. Digital Canopi is a secure, encrypted, state-of-the-art online platform designed for publishers and authors to thrive in the new digital world. We believe that Publishing is a great industry and Digital Canopi is proud to be a place where we can publish something for everyone. </span>&nbsp;&nbsp;</p>
408</div>
409                           
410                        </div>
411                     </div>
412                     <div class="col-lg-5 col-md-5 col-sm-12 col-12 pb-4">
413                        <div class="vision-images">
414                           <img src="https://digitalcanopi.com/assets/front/newTheme/images/vision-img1.png">
415                           <img src="https://digitalcanopi.com/assets/front/newTheme/images/vision-img2.png">
416                        </div>
417                     </div>
418                     <div class="col-lg-12 col-md-12 col-sm-12 col-12">
419                        <p class="text-grey1 text-15 mb-3 text-lg-start text-md-start text-sm-center text-center">    </p>
420                     </div>
421                  </div>
422               </div>
423               <div class="d-block w-100 py-5">
424                  <div class="d-block text-center w-100 mb-4 pb-4 text-center d-flex flex-column align-items-center justify-content-center">
425                     <h6 class="text-grey1 text-13 text-uppercase m-0"> Dream team </h6>
426                     <h3 class="font-weight-900 text-35 mob-text-28 text-black1 my-3"> Great team is the key </h3>
427                     <p class="text-grey1 text-13 small-width1 m-0"> Minimal will provide you support if you have any problems, our support team will reply within a day and we also have detailed documentation. </p>
428                  </div>
429                  <div class="d-block w-100 mb-3">
430                     <div class="d-block w-100 team-slider1 custom-arrows-3">
431                                                                        <div class="px-2">
432                           <div class="border px-2 py-4 border-2 rounded-3">
433                              <div class="d-block w-100 text-center pb-3">
434                                 <h3 class="text-black1 font-weight-700 text-16 mt-0 mb-1">Rashid</h3>
435                                 <p class="text-grey1 font-weight-400 m-0 text-14">manager</p>
436                              </div>
437                              <div class="d-block w-100">
438                                 <img src="https://digitalcanopi.com/assets/images/team/1736336127.jpeg" class="w-100 member-image"> 
439                              </div>
440                              <div class="d-flex pt-3 align-items-center justify-content-center w-100">
441                                                                  <a href="https://www.facebook.com/login/?next=https%3A%2F%2Fwww.facebook.com%2F" class="mx-2" target="_blank">
442                                    <img src="https://digitalcanopi.com/assets/front/newTheme/images/fb-icon.png"> 
443                                 </a>
444                                                                                                   <a href="http://staging.digitalcanopi.com/admin/team/member/create" class="mx-2" target="_blank">
445                                    <img src="https://digitalcanopi.com/assets/front/newTheme/images/insta-icon.png"> 
446                                 </a>
447                                                                                                   <a href="https://www.facebook.com/login/?next=https%3A%2F%2Fwww.facebook.com%2F" class="mx-2" target="_blank">
448                                    <img src="https://digitalcanopi.com/assets/front/newTheme/images/linkedin-icon.png"> 
449                                 </a>
450                                                                                                </div>
451                           </div>
452                        </div>
453                                                                     </div>
454
455                     </div>
456                  </div>
457                  <div class="d-flex align-items-center justify-content-center w-100">
458                     <a href="https://digitalcanopi.com/user/all-team-members" class="d-flex align-items-center justify-content-center px-4 py-2 border rounded-3">
459                     <span class="font-weight-600 text-14 text-black me-2"> View All Team Members </span>
460                     <i class="fa fa-arrow-right text-black1 text-13"> </i>
461                     </a>
462                  </div>
463               </div>
464               <div class="d-none w-100 py-3 reviews-bg rounded-3">
465                  <div class="row align-items-end">
466                     <div class="col-lg-5 col-md-5 col-sm-12 col-12 px-lg-0 px-md-0 px-sm-5 px-5">
467                        <div class="d-flex flex-column align-items-lg-start align-items-md-start align-items-center align-items-sm-center justify-content-lg-start justify-content-md-start justify-content-sm-center justify-content-center w-100 ps-lg-5 ps-md-3 ms-lg-5 ms-md-5 ms-sm-0 pb-5">
468                           <h6 class="text-grey1 text-uppercase mt-0 text-14 text-uppercase mb-3"> Testimonials  </h6>
469                           <h3 class="text-white text-35 font-weight-700 mt-0 mb-3"> Who love  <br/> my work </h3>
470                           <p class="text-white text-lg-start text-md-start text-sm-center text-center text-14 font-weight-300 m-0 small-width2 mb-lg-5 mb-md-3 mb-sm-2 mb-2 pb-lg-5 pb-md-5 pb-sm-2 pb-2"> Our goal is to create a product and service that you’re satisfied with and use it every day. This is why we’re constantly working on our services to make it better every day and really listen to what our users has to say. </p>
471                           <a href="" class="text-blue-1 d-flex align-items-center justify-content-start">
472                           <span class="font-weight-500 text-14 text-blue-1 me-2"> Read more testimonials </span>
473                           <i class="fa fa-arrow-right text-blue-1 text-13"> </i>
474                           </a>
475                        </div>
476                     </div>
477                     <div class="col-lg-7 col-md-7 col-sm-12 col-12">
478                        <div class="row px-5">
479                           <div class="col-lg-6 col-md-6 col-sm-6 col-12 ">
480                              <div class="d-block w-100 review-box px-3 py-3 mb-3">
481                                 <h4 class="text-white text-14 m-0 font-weight-500 mb-1">  Jayvion Simon </h4>
482                                 <h6 class="text-muted text-12 m-0"> 12 Aug 2022 </h6>
483                                 <div class="my-1"> 
484                                    <i class="fa fa-star text-12 star-active"> </i>
485                                    <i class="fa fa-star text-12 star-active"> </i>
486                                    <i class="fa fa-star text-12 star-active"> </i>
487                                    <i class="fa fa-star text-12 star-active"> </i>
488                                    <i class="fa fa-star text-12 text-muted"> </i>
489                                 </div>
490                                 <p class="text-13 text-white m-0"> Excellent Work! Thanks a lot! </p>
491                              </div>
492                              <div class="d-block w-100 review-box px-3 py-3 mb-3">
493                                 <h4 class="text-white text-14 m-0 font-weight-500 mb-1">  Jayvion Simon </h4>
494                                 <h6 class="text-muted text-12 m-0"> 12 Aug 2022 </h6>
495                                 <div class="my-1"> 
496                                    <i class="fa fa-star text-12 star-active"> </i>
497                                    <i class="fa fa-star text-12 star-active"> </i>
498                                    <i class="fa fa-star text-12 star-active"> </i>
499                                    <i class="fa fa-star text-12 star-active"> </i>
500                                    <i class="fa fa-star text-12 text-muted"> </i>
501                                 </div>
502                                 <p class="text-13 text-white m-0"> It's a very good dashboard and we are really liking the product . We've done some things, like migrate to TS and implementing a react useContext api, to fit our job methodology but the product is one of the best in terms of design and application architecture. The team did a really good job. </p>
503                              </div>
504                              <div class="d-block w-100 review-box px-3 py-3">
505                                 <h4 class="text-white text-14 m-0 font-weight-500 mb-1">  Jayvion Simon </h4>
506                                 <h6 class="text-muted text-12 m-0"> 12 Aug 2022 </h6>
507                                 <div class="my-1"> 
508                                    <i class="fa fa-star text-12 star-active"> </i>
509                                    <i class="fa fa-star text-12 star-active"> </i>
510                                    <i class="fa fa-star text-12 star-active"> </i>
511                                    <i class="fa fa-star text-12 star-active"> </i>
512                                    <i class="fa fa-star text-12 text-muted"> </i>
513                                 </div>
514                                 <p class="text-13 text-white m-0"> Customer support is realy fast and helpful the desgin of this theme is looks amazing also the code is very clean and readble realy good job ! </p>
515                              </div>
516                           </div>
517                           <div class="col-lg-6 col-md-6 col-sm-6 col-12 mt-sm-0 mt-2">
518                              <div class="d-block w-100 review-box px-3 py-3 mb-3">
519                                 <h4 class="text-white text-14 m-0 font-weight-500 mb-1">  Jayvion Simon </h4>
520                                 <h6 class="text-muted text-12 m-0"> 12 Aug 2022 </h6>
521                                 <div class="my-1"> 
522                                    <i class="fa fa-star text-12 star-active"> </i>
523                                    <i class="fa fa-star text-12 star-active"> </i>
524                                    <i class="fa fa-star text-12 star-active"> </i>
525                                    <i class="fa fa-star text-12 star-active"> </i>
526                                    <i class="fa fa-star text-12 text-muted"> </i>
527                                 </div>
528                                 <p class="text-13 text-white m-0"> Excellent Work! Thanks a lot! </p>
529                              </div>
530                              <div class="d-block w-100 review-box px-3 py-3 mb-3">
531                                 <h4 class="text-white text-14 m-0 font-weight-500 mb-1">  Jayvion Simon </h4>
532                                 <h6 class="text-muted text-12 m-0"> 12 Aug 2022 </h6>
533                                 <div class="my-1"> 
534                                    <i class="fa fa-star text-12 star-active"> </i>
535                                    <i class="fa fa-star text-12 star-active"> </i>
536                                    <i class="fa fa-star text-12 star-active"> </i>
537                                    <i class="fa fa-star text-12 star-active"> </i>
538                                    <i class="fa fa-star text-12 text-muted"> </i>
539                                 </div>
540                                 <p class="text-13 text-white m-0"> It's a very good dashboard and we are really liking the product . We've done some things, like migrate to TS and implementing a react useContext api, to fit our job methodology but the product is one of the best in terms of design and application architecture. The team did a really good job. </p>
541                              </div>
542                              <div class="d-block w-100 review-box px-3 py-3">
543                                 <h4 class="text-white text-14 m-0 font-weight-500 mb-1">  Jayvion Simon </h4>
544                                 <h6 class="text-muted text-12 m-0"> 12 Aug 2022 </h6>
545                                 <div class="my-1"> 
546                                    <i class="fa fa-star text-12 star-active"> </i>
547                                    <i class="fa fa-star text-12 star-active"> </i>
548                                    <i class="fa fa-star text-12 star-active"> </i>
549                                    <i class="fa fa-star text-12 star-active"> </i>
550                                    <i class="fa fa-star text-12 text-muted"> </i>
551                                 </div>
552                                 <p class="text-13 text-white m-0"> Customer support is realy fast and helpful the desgin of this theme is looks amazing also the code is very clean and readble realy good job ! </p>
553                              </div>
554                           </div>
555                        </div>
556                     </div>
557                  </div>
558               </div>
559            </div>
560
561  
562       <div class="alert alert-success validation" style="display: none;">
563      <button type="button" class="close alert-close"><span>×</span></button>
564            <p class="text-left"></p> 
565      </div>       </div>
566</section>
567   <footer class="py-5 bg-white">
568         <div class="container">
569            <div class="footer-row">
570               <div class="footer-about">
571                  <a href="" class="mb-3">
572                  <img src="https://digitalcanopi.com/assets/front/newTheme/images/logo-dark.png">
573                  </a>
574                  <p class="text-black1 text-14 mb-3 mt-0 lh-base">  The starting point for your next project with  UI , built on the newest version of UI ©, ready to be customized to your style. </p>
575                  <div class="d-flex w-100 align-items-center justify-content-start">
576                     <a href="" class="text-grey1 text-15 px-2 py-1 text-hover-blue"> 
577                     <i class="fab fa-facebook-f"> </i>
578                     </a>
579                     <a href="" class="text-grey1 text-15 px-2 py-1 text-hover-blue">
580                     <i class="fab fa-instagram"> </i>
581                     </a>
582                     <a href="" class="text-grey1 text-15 px-2 py-1 text-hover-blue">
583                     <i class="fab fa-linkedin-in"> </i>
584                     </a>
585                     <a href="" class="text-grey1 text-15 px-2 py-1 text-hover-blue">
586                     <i class="fab fa-twitter"> </i>
587                     </a>
588                  </div>
589               </div>
590               <div class="footer-list">
591                  <h3 class="text-black1 mt-0 mb-3 text-14 font-weight-600 text-uppercase"> DIGITAL CANOPI </h3>
592                  <ul class="p-0 list-style-none m-0">
593                                         
594                     <li class="mb-2">
595                        <a href="https://digitalcanopi.com/privacy" class="text-black1 text-14 text-hover-blue"> Privacy &amp; Policy </a>
596                     </li>
597 
598                    
599                     <li class="mb-2">
600                        <a href="https://digitalcanopi.com/terms-conditions" class="text-black1 text-14 text-hover-blue"> Terms &amp; Conditions </a>
601                     </li>
602 
603                    
604                    
605                     
606                  </ul>
607               </div>
608               <div class="footer-list">
609                  <h3 class="text-black1 mt-0 mb-3 text-14 font-weight-600 text-uppercase"> Publisher </h3>
610                  <ul class="p-0 list-style-none m-0">
611                                                           
612
613                     <li class="mb-2">
614                        <a href="https://digitalcanopi.com/howToBecomeAPublisher" class="text-black1 text-14 text-hover-blue"> How to Become a Publisher </a>
615                     </li>
616
617                                      
618
619                     <li class="mb-2">
620                        <a href="https://digitalcanopi.com/publisher-faqs" class="text-black1 text-14 text-hover-blue"> Publisher FAQ </a>
621                     </li>
622
623                                    </ul>
624               </div>
625               <div class="footer-list">
626                  <h3 class="text-black1 mt-0 mb-3 text-14 font-weight-600 text-uppercase"> Legal </h3>
627                  <ul class="p-0 list-style-none m-0">
628                     <li class="mb-2">
629                        <a href="" class="text-black1 text-14 text-hover-blue"> Privacy Policy </a>
630                     </li>
631                     <li class="mb-2">
632                        <a href="" class="text-black1 text-14 text-hover-blue"> Terms and Condition </a>
633                     </li>
634                  </ul>
635               </div>
636               <div class="footer-contact">
637                  <h3 class="text-black1 mt-0 mb-3 text-14 font-weight-600 text-uppercase"> Contact </h3>
638                  <ul class="p-0 list-style-none m-0">
639                     <li class="mb-2">
640                        <a href="" class="text-black1 text-14 text-hover-blue"> [email protected] </a>
641                     </li>
642                     <li class="mb-2"> 
643                        <a href="" class="text-black1 text-14 text-hover-blue">
644                        7A Macoya Industrial Estate <br/> Macoya, Trinidad <br/> West Indies 
645                        </a>
646                     </li>
647                     <li class="mb-2">
648                        <a href="" class="text-black1 text-14 text-hover-blue">  1-868-645-0423 </a>
649                     </li>
650                     <li class="mb-2">
651                        <a href="" class="text-black1 text-14 text-hover-blue"> 1-868-663-3616 </a>
652                     </li>
653                  </ul>
654                  <div class="d-flex w-100 align-items-center">
655                     <a  href="https://apps.apple.com/pk/app/digitalcanopi/id1592488029" class="store-btn" target="_blank">
656                     <img src="https://digitalcanopi.com/assets/front/newTheme/images/app-store-btn.png">
657                     </a>
658                     <a href="https://play.google.com/store/apps/details?id=com.digitalcanopi.app" class="store-btn" target="_blank">
659                     <img src="https://digitalcanopi.com/assets/front/newTheme/images/google-store-btn.png">
660                     </a>
661                     <a  href="https://digitalcanopi.com/offline_reader/offlineReaderv101-win32-x64.zip"  class="store-btn" target="_blank"> 
662                     <img src="https://digitalcanopi.com/assets/front/newTheme/images/microsoft-store-btn.png">
663                     </a>
664                  </div>
665               </div>
666            </div>
667         </div>
668      </footer>
669  
670   
670<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"   referrerpolicy="no-referrer"></script>
670
671   
671<script src="https://digitalcanopi.com/assets/front/newTheme/js/functions.js"> </script>
671
672   
672<script defer src="https://digitalcanopi.com/assets/front/newTheme/fontawesome-kit-5/js/all.js"></script>
672
673   
673<script defer src="https://digitalcanopi.com/assets/front/newTheme/fontawesome-kit-5/js/brands.js"></script>
673
674   
674<script defer src="https://digitalcanopi.com/assets/front/newTheme/fontawesome-kit-5/js/solid.js"></script>
674
675   
675<script defer src="https://digitalcanopi.com/assets/front/newTheme/fontawesome-kit-5/js/fontawesome.js"></script>
675
676   
676<script src="https://digitalcanopi.com/assets/front/newTheme/js/popper.min.js"> </script>
676
677   
677<script src="https://digitalcanopi.com/assets/front/newTheme/js/bootstrap.min.js"> </script>
677
678   
678<script src="https://digitalcanopi.com/assets/front/newTheme/js/slick-slider.js"> </script>
678
679   
679<script src="https://digitalcanopi.com/assets/front/newTheme/js/slick-functions.js"> </script>
679
680   
680<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>
680
681   
681<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
681  
682   
682<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide.min.js"></script>
682
683   
683<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
683
684   
684<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
684
685      
685<script type="text/javascript">
686         // Primary slider.
687         var primarySlider = new Splide("#primary_slider", {
688         type: "fade",
689         heightRatio: 0.5,
690         pagination: false,
691         arrows: false,
692         cover: true
693         });
694         
695         // Thumbnails slider.
696         var thumbnailSlider = new Splide("#thumbnail_slider", {
697         rewind: true,
698         fixedWidth: 100,
699         fixedHeight: 64,
700         isNavigation: true,
701         gap: 10,
702         focus: "center",
703         pagination: false,
704         cover: true,
705         breakpoints: {
706         600: {
707         fixedWidth: 66,
708         fixedHeight: 40
709         }
710         }
711         }).mount();
712         
713         // sync the thumbnails slider as a target of primary slider.
714         primarySlider.sync(thumbnailSlider).mount();
715         
716      </script>
716
717 
717<script>
vendor: 371 bytes, lines 717-726
717
718
719      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
720
721      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
722
723      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
724
725      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
726      ga('create', '
726UA-46156385-1
vendor: 59 bytes, lines 726-728
726', 'cssscript.com');
727      ga('send', 'pageview');
728      
728</script>
728
729      
729<script type="text/javascript">
730        
731
732         toastr.options = {
733           "closeButton": true,
734           "debug": false,
735           "newestOnTop": false,
736           "progressBar": false,
737           "positionClass": "toast-top-right",
738           "preventDuplicates": false,
739           "onclick": null,
740           "showDuration": "300",
741           "hideDuration": "500",
742           "timeOut": "2000",
743           "extendedTimeOut": "1000",
744           "showEasing": "swing",
745           "hideEasing": "linear",
746           "showMethod": "fadeIn",
747           "hideMethod": "fadeOut"
748         }
749      </script>
749
750            
751      
751<script>
752 
753 
754
755   $(document).on("click", ".search_form" , function(){
756        $('#book_search').submit();
757     });
758
759      $(document).on("click", "#addcrt" , function(){
760          
761      var id    = $(this).attr('data-id');
762      var bookQuantity  = $(this).attr('data-book-quantity');
763      var book_price  = $(this).attr('data-book-price');
764      var title = $(this).attr('data-title');
765      var price = $(this).attr('data-price');
766      var image = $(this).attr('data-image');
767    
768        $.ajax({
769          type: "GET",
770          url:"https://digitalcanopi.com/user/book/add/cart",
771          data:{id:id,book_price:book_price,bookQuantity:bookQuantity,title:title,price:price,image:image}, 
772          dataType: 'JSON',
773          success:function(data){
774             
775              $("#cart-count").html(data.count);
776              $(".count-cart").html(data.count); 
777              $("#cart-items").html(''); 
778              $("#cart-items").html(data.html); 
779              if(data == 'Item already exists in cart'){
780                toastr.error(data);
781                setTimeout(function(){location.reload();},1100);
782              }
783              else{
784                toastr.success('Successfully Added To Cart');
785              }
786              
787            }
788        });
789    });
790
791   $(document).on("click", "#btn-subscribe" , function(){
792      var plan_id   = $(this).attr('data-plan-id');
793      var duration   = $(this).attr('data-duration');
794      var id        = $(this).attr('data-id');
795      var title     = $(this).attr('data-title');
796      var price     = $(this).attr('data-price');
797      var image     = $(this).attr('data-image');
798  
799        $.ajax({
800          type: "GET",
801          url:"https://digitalcanopi.com/user/subscription/add/cart",
802          data:{duration:duration,plan_id:plan_id,id:id,title:title,price:price,image:image},
803          dataType: 'JSON',
804          success:function(data){
805              $("#cart-count").html(data.count);
806              $(".count-cart").html(''); 
807              $(".count-cart").html(data.count); 
808              $("#cart-items").html(''); 
809              $("#cart-items").html(data.html); 
810              if(data == 'Item already exists in cart'){
811                toastr.error(data);
812                setTimeout(function(){location.reload();},1100);
813              }
814              else{
815                $('#myModal').modal('hide');
816                toastr.success('Successfully Added To Cart');
817              }
818              
819            }
820        });
821    });
822
823   
824
825   $(document).on("click", "#remove-cart-item" , function(e){
826      e.preventDefault();
827      var rowid    = $(this).attr('row-id');
828        $.ajax({
829          type: "GET",
830          url:"https://digitalcanopi.com/user/book/cart/remove",
831          data:{rowid:rowid},
832          dataType: 'JSON',
833          success:function(data){
834              $("#cart-count").html(data.count);
835              $(".count-cart").html(''); 
836              $(".count-cart").html(data.count); 
837              $("#cart-items").html(''); 
838              $("#cart-items").html(data.html); 
839              toastr.success('Successfully Remove From Cart');
840              // location.reload();
841              
842            }
843        });
844    });
845
846
847$(document).ready(function() {
848
849   $('.thumbnail_slider').removeClass('d-none');
850    // Use event delegation for the remove button
851    $(document).on("click", "#delete-cart-item-page", function(e) { 
852        e.preventDefault();
853        var rowid = $(this).attr('row-id');
854        
855        // SweetAlert confirmation dialog
856        Swal.fire({
857            title: 'Are you sure?',
858            text: "You are about to remove this item from the cart!",
859            icon: 'warning',
860            showCancelButton: true,
861            confirmButtonColor: '#3085d6',
862            cancelButtonColor: '#d33',
863            confirmButtonText: 'Yes, remove it!'
864        }).then((result) => {
865            if (result.isConfirmed) {
866                // Proceed with AJAX request if confirmed
867                $.ajax({
868                    type: "GET",
869                    url: "https://digitalcanopi.com/user/book/cart/removeitem",
870                    data: { rowid: rowid },
871                    dataType: 'JSON',
872                    success: function(data) {
873                        window.location.reload();
874                        $(".cart-count").html(data.count);
875                        
876                        // Replace the entire tbody content
877                        $("#cart-tbody").html(data.html);
878                        
879                        // Show success message
880                        toastr.success('Successfully Removed From Cart');
881                        
882                        // If you need to update total price somewhere
883                        if(data.count === 0) {
884                            $(".cart-total-section").hide();
885                        } else {
886                            updateCartTotal(); // You'll need to implement this function if needed
887                        }
888                    },
889                    error: function() {
890                        toastr.error('Error removing item from cart');
891                    }
892                });
893            }
894        });
895    });
896});
897 
898  
899   $(document).ready(function() {
900      let searchTimeout;
901      const searchInput = $('#search_input');
902      const searchForm = $('#book_search');
903      const clearSearch = $('.clear-search');
904      
905      // Show clear button if input has value on page load
906      if (searchInput.val().trim().length > 0) {
907         clearSearch.show();
908      }
909
910    // Handle input events (keyup and paste)
911      searchInput.on('keyup paste', function(e) {
912         const searchValue = $(this).val().trim();
913         
914         // Clear previous timeout
915         clearTimeout(searchTimeout);
916         
917         // Show/hide clear button based on input value
918         if (searchValue.length > 0) {
919            clearSearch.show();
920         } else {
921            clearSearch.hide();
922         }
923         
924         // If search value length is 3 or more, submit form with delay
925         if (searchValue.length >= 3) {
926            // Set a timeout to prevent too many submissions
927            searchTimeout = setTimeout(function() {
928                  const nextUrl = searchValue ? "https://digitalcanopi.com/user/book/search?book_search=" + encodeURIComponent(searchValue) : "https://digitalcanopi.com";
929                  window.location.href = nextUrl;
930            }, 1000); // 500ms delay
931         }
932      });
933
934      
935   });
936 
937   $(document).on("click", ".clear-search" , function(e){
938      window.location.href = "https://digitalcanopi.com";
939   });
940   $(document).ready(function() {
941      // Toggle search form
942      $('.search-toggle-btn').on('click', function(e) {
943         e.preventDefault();
944         $('.search-form').toggleClass('show');
945      });
946
947      // Close search form when clicking outside
948      $(document).on('click', function(e) {
949         if (!$(e.target).closest('.search-form-wrapper').length) {
950               $('.search-form').removeClass('show');
951         }
952      });
953   });
954
955   
956 
957 </script>
957
958      
959      
960</body>
961
962</html

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.