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 © 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.