PageSourceSearch

https://karnobooks.com/index.html

html karnobooks.com collected 2026-10-02 12:21:00 UTC 46,244 bytes, 801 lines download raw bytes

1<!DOCTYPE html>
2<html lang="es">
3
4<head>
5    <title>Howard Karno Books</title>
6    <meta charset="utf-8">
7    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
8
9    <link rel="preconnect" href="https://fonts.googleapis.com">
10    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11    <link href="https://fonts.googleapis.com/css2?family=Baskervville:ital,wght@0,400..700;1,400..700&display=swap" rel="stylesheet">
12
13    <!-- Bootstrap CSS -->
14
15    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
16    <link href="lib/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />
17
18    <link href="CSS/slider.css" rel="stylesheet" type="text/css" runat="server" />
19    <link href="CSS/layout.css" rel="stylesheet" type="text/css" media="all">
20    <link href="CSS/framework.css" rel="stylesheet" type="text/css" media="all">
21</head>
22
23<body id="top">
24    <div class=" container p-2">
25        <div class="row align-items-center">
26            <div class="col-6">
27                <div id="logo" class="fl_left">
28                    <a href="index.html"><img src="images/LogoNombre.png" alt="" /></a>
29                </div>
30            </div>
31
32            <!--********************  Menu principal ************************-->
33            <div class="col-6">
34                <nav id="mainav" class="fl_right">
35                    <ul class="clear">
36                        <li class="active"><a href="index.html">Home</a></li>
37                        <li><a href="index.html#01Servicios">Services</a></li>
38                        <li><a href="index.html#02Faq">FAQs</a></li>
39                        <li><a href="index.html#03About">About Us</a></li>
40                        <li><a href="index.html#04Library">Library</a></li>
41                        <li><a href="index.html#05Staff">Staff</a></li>
42                        <li><a href="index.html#06Contact">Contact</a></li>
43                        <!--<li>
44                            <a class="drop" href="#">Pages</a>
45                            <ul>
46                                <li><a href="pages/full-width.html">Full Width</a></li>
47                                <li><a href="pages/sidebar-left.html">Sidebar Left</a></li>
48                                <li><a href="pages/sidebar-right.html">Sidebar Right</a></li>
49                                <li><a href="pages/basic-grid.html">Basic Grid</a></li>
50                                <li><a href="pages/font-icons.html">Font Icons</a></li>
51                            </ul>
52                        </li>-->
53                        <!--<li>
54                            <a class="drop" href="#">Dropdown</a>
55                            <ul>
56                                <li><a href="#">
56Level 2</a></li>
57                                <li>
58                                    <a class="drop" href="#">Level 2 + Drop</a>
59                                    <ul>
60                                        <li><a href="#">Level 3</a></li>
61                                        <li><a href="#">Level 3</a></li>
62                                        <li><a href="#">Level 3</a></li>
63                                    </ul>
64                                </li>
65                                <li><a href="#">Level 2</a></li>
66                            </ul>
67                        </li>-->
68                    </ul>
69                </nav>
70            </div>
71        </div>
72    </div>
73
74    <!--********************  Pagina principal ************************-->
75    <div class="bgded pageintro" style="background-image:url('images/backgrounds/01.png');">
76        <div class="row p-2">
77            <div class="col-md-12 center">
78
79                <div id="pageintro" class="hoc clear">
80                    <img src="images/logo.png"><br /><br />
81                    <a class="btn" href="index.html#06Contact">Contact</a>
82                </div>
83            </div>
84        </div>
85    </div>
86
87    <!--********************  Servicios ************************-->
88    <div class="wrapper row3">
89        <main class="hoc container clear">
90            <section id="introblocks">
91                <div id="01Servicios"></div>
92                <ul class="nospace group btmspace-80 elements elements-four">
93                    <li class="one_quarter">
94                        <article>
95                            <a href="#"><i class="fas fa-book"></i></a>
96                            <h6 class="heading">Free Search Service</h6>
97                            <p>
98                                We specialize in locating out-of-print materials and specific new titles from throughout Ibero-America related to art, architecture, and photography. Please contact us with your requests
99                            </p>
100                        </article>
101                    </li>
102                    <li class="one_quarter">
103                        <article>
104                            <a href="#"><i class="fas fa-address-card"></i></a>
105                            <h6 class="heading">Approval Plans</h6>
106                            <p>Our services allow you to create a precise profile that meets your library's needs at the most competitive price possible. We would be happy to give you a price estimate, once we have defined the specific scope of your interests.</p>
107                        </article>
108                    </li>
109                    <li class="one_quarter">
110                        <article>
111                            <a href="#"><i class="fas fa-address-book"></i></a>
112                            <h6 class="heading">Collection Development</h6>
113                            <p>
114                                We provide expert assistance in developing and curating collections.
115                            </p> <p>
116    Please contact us if you would like to be on our mailing list to receive printed catalogues. Please contact us if you wish to be included on our mailing list for printed catalogues.
117</p>
118                        </article>
119                    </li>
120                    <li class="one_quarter">
121                        <article>
122                            <a href="#"><i class="fas fa-check"></i></a>
123                            <h6 class="heading">MARC Services</h6>
124                            <p>
125                                Full-Level MARC Cataloging plus Shelf-Ready Processing
126                            </p>
127                            <p>
128                                Through this service, your library will receive enhanced metadata for approximately 80% of the books we send.
129                            </p>
130                        </article>
131                    </li>
132                </ul>
133            </section>
134
135            <!----------------------------------------------------------------------------------------------------------------------------------------->
136            <!---------------------------------------------------------------------- Books ------------------------------------------------------------>
137            <!----------------------------------------------------------------------------------------------------------------------------------------->
138
139            <section class="group shout">
140                <figure class="one_half first">
141
142                    <img id="imagen1" src="images/03.png" alt="">
143                    <figcaption class="heading"><a href="#" id="boton1">Monographs</a></figcaption>
144                </figure>
145                <figure class="one_half">
146                    <img id="imagen2" src="images/04.png" alt="">
147                    <figcaption class="heading"><a href="#" id="boton2">Serials</a></figcaption>
148                </figure>
149            </section>
150            <div class="clear"></div>
151        </main>
152    </div>
153
154    <!----------------------------------------------------------------------------------------------------------------------------------------->
155    <!---------------------------------------------------------------------- FAQ -------------------------------------------------------------->
156    <!----------------------------------------------------------------------------------------------------------------------------------------->
157
158    <div class="bgded" style="background-image:url('images/backgrounds/02.png');">
159        <section id="faq" class="hoc container clear">
160            <div id="02Faq"></div>
161            <div class="sectiontitle">
162                <h6 class="nospace font-x2">Frequently Asked Questions</h6>
163                <h1 class="heading font-x3"><strong>F A Qs</strong></h1>
164            </div>
165
166            <ul class="nospace group elements elements-three">
167                <li class="one_third">
168                    <article>
169                        <a href="#"><i class="fas fa-archive"></i></a>
170                        <h6 class="heading">How Can Libraries or Bookstores Place an Order?</h6>
171                        <p>Orders can be placed through our website, via email, or by contacting our customer service team. We offer guidance to assist in selecting titles and tailor our service to the specific needs of each institution.</p>
172                    </article>
173                </li>
174                <li class="one_third">
175                    <article>
176                        <a href="#"><i class="fas fa-binoculars"></i></a>
177                        <h6 class="heading"> Do you ship internationally?</h6>
178                        <p>Yes, we deliver to libraries and bookstores throughout North America. We handle all logistical aspects to ensure orders arrive on time and in excellent condition.</p>
179                    </article>
180                </li>
181                <li class="one_third">
182                    <article>
183                        <a href="#"><i class="fas fa-sliders-h"></i></a>
184                        <h6 class="heading">What should I do if there is an issue with my order?</h6>
185                        <p>
186                            If you receive an order with issues, such as incorrect titles or damaged materials, our team is ready to quickly and efficiently resolve the issue.
187                        </p>
188                    </article>
189                </li>
190                <li class="one_third">
191                    <article>
192                        <a href="#"><i class="fas fa-tty"></i></a>
193                        <h6 class="heading">Can You Help Locate Specific Titles Not Listed in Your Catalog?</h6>
194                        <p>Yes, we provide a specialized service to identify and acquire specific titles from Argentine and Brazilian publishers, customized to meet the needs of libraries and bookstores.</p>
195                    </article>
196                </li>
197                <li class="one_third">
198                    <article>
199                        <a href="#"><i class="fas fa-table"></i></a>
200                        <h6 class="heading">Can you assist libraries in selecting relevant titles?</h6>
201                        <p>
202                            Yes, our team is equipped to advise libraries on selecting titles that align with their educational, cultural, or research objectives.
203                        </p>
204                    </article>
205                </li>
206                <li class="one_third">
207                    <article>
208                        <a href="#"><i class="fas fa-hand-paper"></i></a>
209                        <h6 class="heading">Can You Add Titles from New Publishers to Your Catalog?</h6>
210                        <p>We are open to working with publishers interested in expanding their reach in North America, helping include their titles in our catalog.</p>
211                    </article>
212                </li>
213            </ul>
214
215        </section>
216    </div>
217
218    <!----------------------------------------------------------------------------------------------------------------------------------------->
219    <!-------------------------------------------------------------------- About us ----------------------------------------------------------->
220    <!----------------------------------------------------------------------------------------------------------------------------------------->
221
222    <div class="wrapper row3">
223        <section class="hoc container clear">
224            <div id="03About"></div>
225            <div class="sectiontitle">
226                <!--<p class="nospace font-xs">Rutrum erat nec mollis augue mauris</p>-->
227                <h6 class="heading font-x3">About Us</h6>
228            </div>
229            <div class="row px-3">
230
231                <div class="col-md-6 mt-5">
232                    <div class="sectiontitle">
233                        <h6 class="heading font-x2 mb-0">Continuing the Legacy</h6>
234                    </div>
235
236                    <img class="rounded-4" src="images/05.png">
237                </div>
238
239                <div id="02" class="col-md-6">
240                    <hr class="mb-5 border border-2">
241                    <!--<div class="sectiontitle">
242                        <h6 class="heading font-x2 mb-0">Continuing the Legacy</h6>
243                    </div>-->
244
245                    <p>
246                        Since its founding in 1973, Howard Karno Books, Inc. has been a respected leader in the field of Latin Americana. Originally established as Libros Latinos and renamed in 1975 in honor of its founder, the late Dr. Howard Karno, the company has built a lasting legacy based on scholarly depth, cultural insight, and a deep respect for the printed and archival heritage of Latin America, the Caribbean, the Hispanic United States, and the Iberian Peninsula.
247                    </p>
248                    <p>
249                        For over five decades, Howard and Beverly Karno shaped a business that became synonymous with quality, trust, and expertise. Their dedication to building meaningful relationships with institutions and collectors, and their tireless pursuit of rare and significant materials, established a standard that continues to guide us today. Their work reflected not just a profession, but a lifelong passion for history, the arts, and the preservation of cultural memory.
250                    </p>
251                    <p>
252                        In 2025, Fernando Genovart assumed the role of CEO, beginning a new chapter in this distinguished history. With more than ten years of experience leading a major company dedicated to serving academic and cultural institutions, Fernando brings a strong foundation of leadership, deep knowledge of the rare book and archival world, and a profou
252nd respect for the values established by the Karnos. His vision honors the past while embracing the future — ensuring that Howard Karno Books remains a dynamic and trusted partner in an ever-evolving landscape.
253                    </p>
254                    <p>
255                        Under Fernando’s direction, we continue to offer carefully selected materials across all periods and subjects — from original documents and manuscripts to photography, artists’ books, exhibition catalogues, posters, and more — with a strong emphasis on history, archaeology, and the arts in all their forms.
256                    </p>
257                    <p>
258                        Our mission endures: to support collectors, scholars, librarians, and curators in their work by providing access to materials of lasting importance, backed by expert service and a deep commitment to the cultures we represent.
259                    </p>
260                    <p>
261                        The legacy lives on — renewed, evolving, and deeply rooted in the values that shaped it from the beginning.
262                    </p>
263
264                    <hr class="mt-5 border border-2">
265                </div>
266            </div>
267        </section>
268    </div>
269
270    <!----------------------------------------------------------------------------------------------------------------------------------------->
271    <!--------------------------------------------------------- carousel Bibliotecas ---------------------------------------------------------->
272    <!----------------------------------------------------------------------------------------------------------------------------------------->
273
274    <div class="wrapper gradient">
275        <div class="hoc container">
276            <div id="04Library"></div>
277            <div class="sectiontitle2">
278                <h6 class="heading font-x3">We are proud to work with the following customers</h6>
279            </div>
280
281            <main class="container">
282                <div class="row">
283                    <div class="col-12">
284
285                        <!--<hr class="mb-5 border border-lgc1 border-1 opacity-50">-->
286
287                        <div class="slider">
288                            <div class="slide-track">
289                                <div class="slide">
290                                    <img src="images/Bibliotecas/banco.png" alt="">
291                                </div>
292                                <div class="slide">
293                                    <img src="images/Bibliotecas/7.png" alt="">
294                                </div>
295                                <div class="slide">
296                                    <img src="images/Bibliotecas/banco.png" alt="">
297                                </div>
298                                <div class="slide">
299                                    <img src="images/Bibliotecas/24.png" alt="">
300                                </div>
301                                <div class="slide">
302                                    <img src="images/Bibliotecas/banco.png" alt="">
303                                </div>
304                                <div class="slide">
305                                    <img src="images/Bibliotecas/26.png" alt="">
306                                </div>
307                                <div class="slide">
308                                    <img src="images/Bibliotecas/banco.png" alt="">
309                                </div>
310                                <div class="slide">
311                                    <img src="images/Bibliotecas/30.png" alt="">
312                                </div>
313                                <div class="slide">
314                                    <img src="images/Bibliotecas/banco.png" alt="">
315                                </div>
316                                <div class="slide pt-3">
317                                    <img src="images/Bibliotecas/32.png" alt="">
318                                </div>
319                                <div class="slide">
320                                    <img src="images/Bibliotecas/banco.png" alt="">
321                                </div>
322                                <div class="slide">
323                                    <img src="images/Bibliotecas/36.png" alt="">
324                                </div>
325                                <div class="slide">
326                                    <img src="images/Bibliotecas/banco.png" alt="">
327                                </div>
328                                <div class="slide">
329                                    <img src="images/Bibliotecas/39.png" alt="">
330                                </div>
331                                <div class="slide">
332                                    <img src="images/Bibliotecas/banco.png" alt="">
333                                </div>
334                                <div class="slide">
335                                    <img src="images/Bibliotecas/41.png" alt="">
336                                </div>
337                                <div class="slide">
338                                    <img src="images/Bibliotecas/banco.png" alt="">
339                                </div>
340                                <div class="slide">
341                                    <img src="images/Bibliotecas/47.png" alt="">
342                                </div>
343                                <div class="slide">
344                                    <img src="images/Bibliotecas/banco.png" alt="">
345                                </div>
346                                <div class="slide">
347                                    <img src="images/Bibliotecas/53.png" alt="">
348                                </div>
349                                <div class="slide">
350                                    <img src="images/Bibliotecas/banco.png" alt="">
351                                </div>
352                                <div class="slide">
353                                    <img src="images/Bibliotecas/63.png" alt="">
354                                </div>
355                                <div class="slide">
356                                    <img src="images/Bibliotecas/banco.png" alt="">
357                                </div>
358                                <div class="slide">
359                                    <img src="images/Bibliotecas/70.png" alt="">
360                                </div>
361                                <div class="slide">
362                                    <img src="images/Bibliotecas/banco.png" alt="">
363                                </div>
364                                <div class="slide">
365                                    <img src="images/Bibliotecas/72.png" alt="">
366                                </div>
367                                <div class="slide">
368                                    <img src="images/Bibliotecas/banco.png" alt="">
369                                </div>
370                                <div class="slide">
371                                    <img src="images/Bibliotecas/80.png" alt="">
372                                </div>
373                                <div class="slide">
374                                    <img src="images/Bibliotecas/banco.png" alt="">
375                                </div>
376                                <div class="slide">
377                                    <img src="images/Bibliotecas/91.png" alt="">
378                                </div>
379                                <div class="slide">
380                                    <img src="images/Bibliotecas/banco.png" alt="">
381                                </div>
382                                <div class="slide">
383                                    <img src="images/Bibliotecas/92.png" alt="">
384                                </div>
385                                <div class="slide">
386                                    <img src="images/Bibliotecas/banco.png" alt="">
387                                </div>
388                                <div class="slide">
389                                    <img src="images/Bibliotecas/95.png" alt="">
390                                </div>
391                                <div class="slide">
392                                    <img src="images/Bibliotecas/banco.png" alt="">
393                                </div>
394                                <div class="slide">
395                                    <img src="images/Bibliotecas/117.png" alt="">
396                                </div>
397                                <div class="slide">
398                                    <img src="images/Bibliotecas/banco.png" alt="">
399                                </div>
400                                <div class="slide">
401                                    <img src="images/Bibliotecas/119.png" alt="">
402                                </div>
403                                <div class="slide">
404                                    <img src="images/Bibliotecas/banco.png" alt="">
405                                </div>
406                                <div class="slide">
407                                    <img src="images/Bibliotecas/121.png" alt="">
408                                </div>
409                                <div class="slide">
410                                    <img src="images/Bibliotecas/banco.png" alt="">
411                                </div>
412                                <div class="slide">
413                                    <img src="images/Bibliotecas/143.png" alt="">
414                                </div>
415                                <div class="slide">
416                                    <img src="images/Bibliotecas/banco.png" alt="">
417                                </div>
418                                <div class="slide">
419                                    <img src="images/Bibliotecas/146.png" alt="">
420                                </div>
421                                <div class="slide">
422                                    <img src="images/Bibliotecas/banco.png" alt="">
423                                </div>
424                                <div class="slide">
425                                    <img src="images/Bibliotecas/151.png" alt="">
426                                </div>
427                                <div class="slide">
428                                    <img src="images/Bibliotecas/banco.png" alt="">
429                                </div>
430                                <div class="slide">
431                                    <img src="images/Bibliotecas/152.png" alt="">
432                                </div>
433                                <div class="slide">
434                                    <img src="images/Bibliotecas/banco.png" alt="">
435                                </div>
436                                <div class="slide">
437                                    <img src="images/Bibliotecas/153.png" alt="">
438                                </div>
439                                <div class="slide">
440                                    <img src="images/Bibliotecas/banco.png" alt="">
441                                </div>
442                                <div class="slide">
443                                    <img src="images/Bibliotecas/169.png" alt="">
444                                </div>
445                                <div class="slide">
446                                    <img src="images/Bibliotecas/banco.png" alt="">
447                                </div>
448                                <div class="slide">
449                                    <img src="images/Bibliotecas/199.png" alt="">
450                                </div>
451                                <div class="slide">
452                                    <img src="images/Bibliotecas/banco.png" alt="">
453                                </div>
454                                <div class="slide">
455                                    <img src="images/Bibliotecas/255.png" alt="">
456                                </div>
457                                <div class="slide">
458                                    <img src="images/Bibliotecas/banco.png" alt="">
459                                </div>
460                                <div class="slide">
461                                    <img src="images/Bibliotecas/256.png" alt="">
462                                </div>
463                                <div class="slide">
464                                    <img src="images/Bibliotecas/banco.png" alt="">
465                                </div>
466                                <div class="slide">
467                                    <img src="images/Bibliotecas/260.png" alt="">
468                                </div>
469                                <div class="slide">
470                                    <img src="images/Bibliotecas/banco.png" alt="">
471                                </div>
472                                <div class="slide">
473                                    <img src="images/Bibliotecas/262.png" alt="">
474                                </div>
475                                <div class="slide">
476                                    <img src="images/Bibliotecas/banco.png" alt="">
477                                </div>
478                                <div class="slide">
479                                    <img src="images/Bibliotecas/295.png" alt="">
480                                </div>
481                                <div class="slide">
482                                    <img src="images/Bibliotecas/banco.png" alt="">
483                                </div>
484                                <div class="slide">
485                                    <img src="images/Bibliotecas/503.png" alt="">
486                                </div>
487                                <div class="slide">
488                                    <img src="images/Bibliotecas/banco.png" alt="">
489                                </div>
490                                <div class="slide">
491                                    <img src="images/Bibliotecas/563.png" alt="">
492                                </div>
493                                <div class="slide">
494                                    <img src="images/Bibliotecas/banco.png" alt="">
495                                </div>
496                                <div class="slide">
497                                    <img src="images/Bibliotecas/1983.png" alt="">
498                                </div>
499                            </div>
500                        </div>
501                    </div>
502                </div>
503            </main>
504
505        </div>
506    </div>
507
508    <!----------------------------------------------------------------------------------------------------------------------------------------->
509    <!-------------------------------------------------------------------- Staff -------------------------------------------------------------->
510    <!----------------------------------------------------------------------------------------------------------------------------------------->
511
512    <div class="wrapper coloured">
513        <section id="testimonials" class="hoc container clear">
514            <div id="05Staff"></div>
515            <div class="sectiontitle">
516                <!--<p class="nospace font-xs">Maecenas ultrices faucibus felis</p>-->
517                <h6 class="heading font-x2">Staff</h6>
518            </div>
519            <article class="one_half first">
520                <figure class="clear">
521                    <img src="images/Staff/fernando.png" alt="">
522                    <figcaption>
523                        <h6 class="heading">Fernando Genovart</h6>
524                        <em>CEO</em>
525                    </figcaption>
526                </figure>
527                <blockquote>With over 20 years of experience in the industry, our CEO, who represents the third generation of leadership in the company, has been a key figure in its development and growth. His strategic vision and leadership have guided our team through numerous challenges and opportunities. With a deep understanding of the market and an unwavering commitment to innovation, he has positioned our organization as a leader in the sector, consistently identifying new opportunities to drive success and regional collaboration.</blockquote>
528            </article>
529            <article class="one_half">
530                <figure class="clear">
531                    <img src="images/Staff/Federico.png" alt="">
532                    <figcaption>
533                        <h6 class="heading">Federico Dotta</h6>
534                        <em>COO</em>
535                    </figcaption>
536                </figure>
537                <blockquote>With 15 years of experience in overseas companies, our COO has established himself as an essential pillar of the team and an expert in multitasking. Despite having been with our organization for less than a year, he has demonstrated exceptional professionalism, speed, and agility in achieving current and future objectives. His ability to manage deadlines and streamline procedures is crucial for the success of our operations, driving the company toward sustainable and efficient growth. His leadership inspires confidence and motivates the team to reach new goals.</blockquote>
538            </article>
539
540        </section>
541    </div>
542
543    <!----------------------------------------------------------------------------------------------------------------------------------------->
544    <!-------------------------------------------------------------------- Tema --------------------------------------------------------------->
545    <!----------------------------------------------------------------------------------------------------------------------------------------->
546
547    <div class="wrapper row3">
548        <section class="hoc container">
549            <div class="sectiontitle">
550                <h6 class="heading font-x2">Featured Subjects</h6>
551            </div>
552            <ul id="latest" class="nospace group">
553                <li class="one_third4 first">
554                    <article>
555                        <a class="imgover" href="#" onclick="toggleZoom(this); return false;">
556                            <img src="images/temas/foto.png" alt="">
557                        </a>
558                        <div class="excerpt">
559                            <p class="heading"><a href="#">Art, Photography</a></p>
560                        </div>
561                    </article>
562                </li>
563                <li class="one_third4">
564                    <article>
565                        <a class="imgover" href="#" onclick="toggleZoom(this); return false;">
566                            <img src="images/temas/ballet.png" alt="">
567                        </a>
568                        <div class="excerpt">
569                            <p class="heading"><a href="#">Dance, Ballet</a></p>
570                        </div>
571                    </article>
572                </li>
573                <li class="one_third4">
574                    <article>
575                        <a class="imgover" href="#" onclick="toggleZoom(this); return false;">
576                            <img src="images/temas/ceramica.png" alt="">
577                        </a>
578                        <div class="excerpt">
579                            <p class="heading"><a href="#">Sculpture, Ceramics</a></p>
580                        </div>
581                    </article>
582                </li>
583                <li class="one_third4">
584                    <article>
585                        <a class="imgover" href="#" onclick="toggleZoom(this); return false;">
586                            <img src="images/temas/Arqueologia.png" alt="">
587                        </a>
588                        <div class="excerpt">
589                            <p class="heading"><a href="#">Architecture, Pre-Columbian</a></p>
590                        </div>
591                    </article>
592                </li>
593            </ul>
594        </section>
595    </div>
596
597    <!----------------------------------------------------------------------------------------------------------------------------------------->
598    <!------------------------------------------------------------------ Contacto ------------------------------------------------------------->
599    <!----------------------------------------------------------------------------------------------------------------------------------------->
600
601    <div class="wrapper row2">
602        <section id="ctdetails" class="hoc container clear">
603            <div id="06Contact"></div>
604            <div class="sectiontitle">
605                <h6 class="heading font-x2">Contact Us</h6>
606            </div>
607            <figure class="one_half first">
608                <ul class="nospace clear">
609                    <li class="block clear"><a href="#"><i class="fas fa-phone"></i></a> <span><strong>Give us a call:</strong> +54 (911) 3456-8485</span></li>
610                    <li class="block clear"><a href="#"><i class="fas fa-envelope"></i></a> <span><strong>Email us: Fernando Genovart - CEO</strong> <a href="mailto:[email protected]">[email protected]</a></span></li>
611                    <!--<li class="block clear">
612                        <a href="#"><i class="fas fa-map-marker-alt"></i></a> <span>
613                            <strong>Come visit us: </strong>Directions to <a href="#">
614                                <span>1600 Ponce De Leon Blvd Ste 901</span>
615                                <span>Coral Gables, FL, 33134-3990</span>
616                                <span>US</span>
617                            </a>
618                        </span>
619                    </li>-->
620                    <li class="block clear"><a href="#"><i class="fas fa-envelope"></i></a> <span><strong>Email us: Federico Dotta - COO</strong> <a href="mailto:[email protected]">[email protected]</a></span></li>
621                </ul>
622            </figure>
623
624            <figure class="one_half">
625                <ul class="nospace clear">
626                    <!--<li class="block clear"><a href="#"><i class="fas fa-envelope"></i></a> <span><strong>Send us a mail: Federico Dotta - COO</strong> <a href="mailto:[email protected]">[email protected]</a></span></li>-->
627                    <!--<li class="block clear"><a href="#"><i class="fas fa-envelope"></i></a> <span><strong>Email us: Suppliers</strong> <a href="mailto:[email protected]">[email protected]</a></span></li>-->
628                    <li class="block clear"><a href="#"><i class="fas fa-envelope"></i></a> <span><strong>Email us: Orders</strong> <a href="mailto:[email protected]">[email protected]</a></span></li>
629                    <li class="block clear"><a href="#"><i class="fas fa-envelope"></i></a> <span><strong>Email us: Claims </strong> <a href="mailto:[email protected]">[email protected]</a></span></li>
630                    <!--<li class="block clear"><a href="#"><i class="fas fa-envelope"></i></a> <span><strong>Email us: MARC Records</strong> <a href="mailto:[email protected]">[email protected]</a></span></li>-->
631                </ul>
632            </figure>
633        </section>
634    </div>
635
636    <!----------------------------------------------------------------------------------------------------------------------------------------->
637    <!---------------------------------------------------------------------- Footer ----------------------------------------------------------->
638    <!----------------------------------------------------------------------------------------------------------------------------------------->
639
640    <div class="bgded row4" style="background-image:url('images/backgrounds/06.png');">
641        <footer id="footer" class="hoc clear">
642        </footer>
643    </div>
644
645    <!----------------------------------------------------------------------------------------------------------------------------------------->
646    <!-------------------------------------------------------------------- Copyright ---------------------------------------------------------->
647    <!----------------------------------------------------------------------------------------------------------------------------------------->
648    <div class="wrapper row5">
649        <div id="copyright" class="hoc clear">
650            <div class="row g-4 align-items-center">
651                <div class="col-md-6 text-center text-md-start mb-md-0">
652                    <span class="text-lgc9"><i class="fas fa-copyright text-lgc9 me-2"></i>Copyright &copy; 2025 - All Rights Reserved - <a href="#">karnobooks.com</a></span>
653                </div>
654                <div class="col-md-5 text-center text-md-end text-lgc9">
655                    Designed By <img src="images/lark.png" style="height: 35px;" />
656                </div>
657            </div>
658        </div>
659    </div>
660
661    <a id="backtotop" href="#top"><i class="fas fa-chevron-up"></i></a>
662
663    <!----------------------------------------------------------------------------------------------------------------------------------------->
664    <!------------------------------------------------------------------- JScripts ------------------------------------------------------------>
665    <!----------------------------------------------------------------------------------------------------------------------------------------->
666
667    
667<script src="Js/jquery.min.js"></script>
667
668    
668<script src="Js/jquery.backtotop.js"></script>
668
669    
669<script src="Js/jquery.mobilemenu.js"></script>
669
670
671    
671<script src="Js/jquery.easypiechart.min.js"></script>
671
672
673    <!----------------------------------------------------------------------------------------------------------------------------------------->
674    <!------------------------------------------------------------------ Books (images) ------------------------------------------------------->
675    <!----------------------------------------------------------------------------------------------------------------------------------------->
676
677    
677<script>
678        // Arrays con las 3 imágenes para cada grupo
679        const imagenesGrupo1 = [
680            "images/Libros/01.png",
681            "images/Libros/02.png",
682            "images/Libros/03.png"
683        ];
684
685        const imagenesGrupo2 = [
686            "images/Libros/04.png",
687            "images/Libros/05.png",
688            "images/Libros/06.png"
689        ];
690
691        // Variables para controlar qué imagen se está mostrando
692        let indiceActual1 = 0;
693        let indiceActual2 = 0;
694
695        // Función para cambiar imagen del primer grupo
696        function cambiarImagen1() {
697            // Pasar a la siguiente imagen (0 -> 1 -> 2 -> 0...)
698            indiceActual1 = (indiceActual1 + 1) % imagenesGrupo1.length;
699
700            // Cambiar la imagen
701            document.getElementById('imagen1').src = imagenesGrupo1[indiceActual1];
702        }
703
704        // Función para cambiar imagen del segundo grupo
705        function cambiarImagen2() {
706            // Pasar a la siguiente imagen (0 -> 1 -> 2 -> 0...)
707            indiceActual2 = (indiceActual2 + 1) % imagenesGrupo2.length;
708
709            // Cambiar la imagen
710            document.getElementById('imagen2').src = imagenesGrupo2[indiceActual2];
711        }
712
713        // Cuando la página se carga completamente
714        document.addEventListener('DOMContentLoaded', function () {
715            // Agregar evento click al primer enlace
716            document.getElementById('boton1').addEventListener('click', function (e) {
717                e.preventDefault(); // Evitar que el enlace navegue
718                cambiarImagen1();
719            });
720
721            // Agregar evento click al segundo enlace
722            document.getElementById('boton2').addEventListener('click', function (e) {
723                e.preventDefault(); // Evitar que el enlace navegue
724                cambiarImagen2();
725            });
726        });
727    </script>
727
728
729    <!----------------------------------------------------------------------------------------------------------------------------------------->
730    <!-------------------------------------------------------------- Amplia imagene de temas -------------------------------------------------->
731    <!----------------------------------------------------------------------------------------------------------------------------------------->
732
733    
733<script>
734        // Variable para controlar qué imagen está ampliada actualmente
735        let imagenAmpliada = null;
736
737        // Función para ampliar/reducir imagen
738        function toggleZoom(enlace) {
739            const imagen = enlace.querySelector('img');
740
741            // Si hay otra imagen ampliada, la reducimos primero
742            if (imagenAmpliada && imagenAmpliada !== imagen) {
743                resetearImagen(imagenAmpliada);
744            }
745
746            // Si esta imagen ya está ampliada, la reducimos
747            if (imagenAmpliada === imagen) {
748                resetearImagen(imagen);
749                imagenAmpliada = null;
750            } else {
751                // Ampliar esta imagen
752                ampliarImagen(imagen);
753                imagenAmpliada = imagen;
754            }
755        }
756
757        // Función para ampliar imagen
758        function ampliarImagen(imagen) {
759            // Guardar tamaño original si no está guardado
760            if (!imagen.dataset.originalWidth) {
761                imagen.dataset.originalWidth = imagen.offsetWidth;
762                imagen.dataset.originalHeight = imagen.offsetHeight;
763            }
764
765            // Aplicar zoom al doble
766            imagen.style.transform = 'scale(2)';
767            imagen.style.transition = 'transform 0.3s ease';
768            imagen.style.zIndex = '1000';
769            imagen.style.position = 'relative';
770            imagen.style.cursor = 'zoom-out';
771        }
772
773        // Función para resetear imagen a tamaño original
774        function resetearImagen(imagen) {
775            imagen.style.transform = 'scale(1)';
776            imagen.style.zIndex = '';
777            imagen.style.position = '';
778            imagen.style.cursor = 'zoom-in';
779        }
780
781        // Inicializar cursor para todas las imágenes
782        document.addEventListener('DOMContentLoaded', function () {
783            const imagenes = document.querySelectorAll('#latest img');
784            imagenes.forEach(function (imagen) {
785                imagen.style.cursor = 'zoom-in';
786                imagen.style.transition = 'transform 0.3s ease';
787            });
788        });
789
790        // Opcional: Click fuera de las imágenes para reducir la ampliada
791        document.addEventListener('click', function (e) {
792            // Si el click no fue en una imagen del gallery y hay una imagen ampliada
793            if (!e.target.closest('#latest img') && imagenAmpliada) {
794                resetearImagen(imagenAmpliada);
795                imagenAmpliada = null;
796            }
797        });
798    </script>
798
799
800</body>
801</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.