1 2 3<!DOCTYPE html> 4<html lang="en-US"> 5<head> 6 <meta charset="UTF-8"> 7 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 8 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 9 <meta name="msapplication-TileImage" content="https://cdn.zbaseglobal.com/saasbox/product/icon/311c55452c94e0451e9250319b69ecd6.png"> 10 <link rel="shortcut icon" href="https://cdn.zbaseglobal.com/saasbox/product/icon/311c55452c94e0451e9250319b69ecd6.png" type="image/x-icon"/> 11 <link rel="apple-touch-icon" href="https://cdn.zbaseglobal.com/saasbox/product/icon/311c55452c94e0451e9250319b69ecd6.png"> 12 <link rel="icon" href="https://cdn.zbaseglobal.com/saasbox/product/icon/311c55452c94e0451e9250319b69ecd6.png"> 13 <link rel="apple-touch-icon-precomposed" href="https://cdn.zbaseglobal.com/saasbox/product/icon/311c55452c94e0451e9250319b69ecd6.png"> 14 <link rel="canonical" href="https://logomaker.design/blog"> 15 <!-- quora pixelåºç¡åç´ åç¹ --> 16 17 18 19 <title></title> <link href="https://zbase-global.zingfront.com/saasbox/assets/css/page.min.v1.css" rel="stylesheet"> 20<link href="https://zbase-global.zingfront.com/saasbox/assets/css/style.min.css" rel="stylesheet">
21<script src="https://zbase-global.zingfront.com/saasbox/assets/js/jquery.min.js"></script>
vendor: 1 bytes, line 21
21
22<script src="//aeis.alicdn.com/sd/ncpc/nc.js?t=2015052012"></script>
22 <style> 23 #saasbox-nav { 24 position: fixed; 25 z-index: 2000; 26 height: 80px; 27 min-height: 80px; 28 background-color: #FFFFFF; 29 border-color: #FFFFFF; 30 top: 0; 31 box-shadow: 0 10px 10px -6px rgba(170,170,170,0.5); 32 } 33 #saasbox-nav .nav { 34 flex-wrap: nowrap!important; 35 } 36 #saasbox-nav .nav-navbar .nav-item { 37 white-space: nowrap; 38 } 39 #saasbox-nav .nav-height { 40 line-height: inherit; 41 } 42 #saasbox-nav .nav-item > .nav-link { 43 color: #000000; 44 padding: 0; 45 height: 100%; 46 line-height: inherit; 47 box-sizing: border-box; 48 -webkit-transition: none; 49 transition: none; 50 } 51 52 .nav-link:hover { 53 color: #555; 54 } 55 56 .three_level_arrow { 57 position: absolute; 58 right: 1.25rem; 59 /* top: 50%; 60 margin-top: -2px; */ 61 font-style: normal; 62 /* border: none; */ 63 opacity: 0.7; 64 width: 5px; 65 height: 5px; 66 border-top: 1px solid rgba(117,117,117,0.8); 67 border-right: 1px solid rgba(117,117,117,0.8); 68 border-top-width: 1px !important; 69 transform: rotate(45deg); 70 71 } 72 #saasbox-nav .nav-item > .nav-link .arrow { 73 border-top: 3px solid#000000; 74 vertical-align: middle; 75 } 76 #saasbox-nav .nav-navbar .nav { 77 display: none; 78 max-height: calc(100vh - 100px); 79 overflow-y: auto; 80 } 81 .nav-navbar .nav .nav-link { 82 line-height: 40px; 83 white-space: nowrap; 84 overflow: hidden; 85 text-overflow: ellipsis; 86 } 87 .vertical-align-middle { 88 transform: translateY(-50%); 89 position: relative; 90 top: 50%; 91 } 92 .sbox-carousel .vertical-align-middle { 93 transform: none !important; 94 position: relative; 95 top: 50%; 96 } 97 #saasbox-nav .navbar-brand img { 98 height: 32px; 99 max-height: 80px; 100 } 101 #saasbox-nav .nav>
101li>a:hover { 102 background: none !important; 103 } 104 .layout-container { 105 margin-top: 80px; 106 } 107 #saasbox_page_content .main-content>.container:first-child { 108 margin-top: 3rem; 109 } 110 @media (min-width: 992px) { 111 #saasbox-nav .nav-hover .nav-link { 112 border-bottom: 2px solid transparent; 113 } 114 #saasbox-nav .nav-hover:hover .nav-link,#saasbox-nav .nav-actived .nav-link { 115 border-bottom: 2px solid #000000; 116 } 117 #saasbox-nav .nav-height { 118 height: 60px; 119 line-height: 60px; 120 } 121 } 122 nav.nav a.nav-link:hover { 123 background: #f5f5f5; 124 } 125 .second_level:hover { 126 background: #f5f5f5; 127 } 128 /* nav li:hover { 129 background: #f5f5f5; 130 } */ 131 132 nav.nav a.nav-link:hover+.nav { 133 display: block!important; 134 } 135 136 #saasbox-nav .nav-navbar .nav-item .nav>li:hover>nav{ 137 display: block!important; 138 } 139 140 #saasbox-nav .nav-navbar .nav-item .nav>li>nav{ 141 display: none!important; 142 } 143 144 #saasbox-nav .nav-navbar .nav-item .nav{ 145 overflow:visible; 146 } 147 148 nav.nav.px-lg.py-lg-4::-webkit-scrollbar{ 149 width: 0.5px; 150 height: 10px; 151 } 152 153 nav.nav.px-lg.py-lg-4::-webkit-scrollbar-thumb{ 154 /* background-color: #fff; */ 155 /* -webkit-border-radius: 0; */ 156 /* width: 3px; */ 157 height: 31px; 158 background: gray; 159 border-radius: 10px; 160 } 161 162 nav.nav a.nav-link+.nav { 163 display: none!important; 164 } 165 166 #saasbox-nav .nav-navbar .nav-item:hover>.nav { 167 display: block!important; 168 } 169 170 #saasbox-nav .nav-navbar .nav-item nav li a:hover+.nav { 171 display: block!important; 172 } 173 174 #saasbox-nav .nav-navbar .nav-item nav li a+.nav { 175 display: none!important; 176 } 177 178 179 #saasbox-nav .nav-navbar .nav-item>.nav { 180 display: none!important; 181 } 182 183 @media (max-width: 1280px) { 184 .nav-right > li:last-child > .nav { 185 right: -20px; 186 } 187 } 188 @media (min-width: 991.98px) { 189 .nav-carousel-mobile { 190 display: none; 191 } 192 } 193 .nav-carousel-mobile { 194 position: absolute; 195 right: 0px; 196 } 197 @media (max-width: 991.98px) { 198 #saasbox-nav .nav-item { 199 height: auto!important; 200 } 201 202 .nav-link { 203 display: block; 204 padding: 0.5rem 1rem; 205 } 206 #saasbox-nav .nav-item > .nav-link { 207 color: rgba(117,117,117,0.8); 208 height: inherit; 209 line-height: inherit; 210 padding: 0.5rem; 211 margin: 0 !important; 212 } 213 #saasbox-nav .nav-hover:hover,#saasbox-nav .nav-type-button:hover { 214 background: #f5f5f5; 215 } 216 #saasbox-nav .nav-item:hover .nav-link{ 217 color: #555; 218 } 219 #saasbox-nav .nav-item > .nav-link .arrow { 220 border-top: 3px solid rgba(117, 117, 117, 0.8); 221 } 222 223 #saasbox-nav .nav-type-button .vertical-align-middle { 224 transform: inherit; 225 position: inherit; 226 top: inherit; 227 } 228 229 #saasbox-nav .nav-type-button .saasbox-btn { 230 border: inherit !important; 231 color: inherit !important; 232 border-radius: inherit !important; 233 padding: 0 !important; 234 line-height: inherit !important; 235 background-color: inherit !important; 236 } 237 238 #saasbox-nav .nav-type-icon > div { 239 color: inherit !important; 240 } 241 242 #saasbox-nav .nav-type-icon > div > .arrow { 243 border-top: 3px solid rgba(117, 117, 117, 0.8)!important; 244 } 245 #saasbox-nav .nav-item-carousel-pc { 246 display: none; 247 } 248 #layout-footer .footer-logo { 249 max-height: 50px; 250 } 251 } 252 .navbar-toggler { 253 margin-right: 0px; 254 } 255 .py-7 { 256 padding-top: 1.25rem !important; 257 } 258 259 /* .footer { 260 overflow: visible; 261 } */ 262 263 .row.gap-y>[class*="col-"] { 264 padding-top: 5px; 265 padding-bottom: 0px; 266 } 267 #saasbox-nav .saasbox-btn-corner-ad { 268 background-color: #FECC6D !important; 269 display: inline-block; 270 position: absolute; 271 bottom: -6px; 272 left: -6px; 273 transform: scale(0.6); 274 height: 25px; 275 width: 25px; 276 line-height: 25px; 277 font-size: 14px; 278 border-radius: 6px; 279 color: white; 280 } 281 .sbox-carousel-hover { 282 display:none; 283 padding: 10px; 284 width: 240px; 285 border-radius: 5px; 286 box-shadow: 0 0px 1px 1px #cccccc85; 287 position: absolute; 288 background: white;
289 left:20px; 290 line-height:1.5; 291 white-space: normal; 292 word-wrap: break-word; 293 } 294 .sbox-carousel-hover::before { 295 content: ''; 296 position: absolute; 297 z-index: 1; 298 top: -5px; 299 left: 30px; 300 display: block; 301 width: 0; 302 height: 0; 303 border: 5px solid #fff; 304 border-top: 0; 305 border-left-color: transparent; 306 border-right-color: transparent; 307 } 308 .sbox-carousel-hover::after { 309 content: ''; 310 position: absolute; 311 top: -6px; 312 left: 28px; 313 display: block; 314 width: 0; 315 height: 0; 316 border: 7px solid rgba(240, 240, 240, 0.5); 317 border-top: 0; 318 border-left-color: transparent; 319 border-right-color: transparent; 320 } 321 .sbox-carousel-hover img { 322 height:25px; 323 width:25px; 324 } 325 .sbox-carousel-hover a { 326 margin-left:10px; 327 text-decoration: underline; 328 font-size: 17px; 329 } 330 .sbox-nav-carousel-link-mobile { 331 display:block; 332 font-weight: 600; 333 text-transform: uppercase; 334 letter-spacing: 1px; 335 font-size: 0.87em; 336 word-spacing: 2px; 337 padding-left: 1.125rem; 338 padding-right: 1.125rem; 339 } 340 .sbox-carousel-hover p { 341 font-size: 12px; 342 line-height: 15px; 343 margin-bottom: 0px; 344 line-height:1.5; 345 } 346 .saasbox-container { 347 width: 100% !important; 348 max-width: 1140px; 349 margin: 0 auto; 350 } 351 352 .fa { 353 font-size: 16px; 354 vertical-align: middle; 355 } 356 .footer .social-btn-container .vertical-align-middle { 357 transform: inherit; 358 position: inherit; 359 top: inherit; 360 } 361 .footer .social-btn-container { 362 /*margin-top: 15px;*/ 363 margin-bottom: 10px; 364 font-weight: 600; 365 width: fit-content; 366 margin-left: auto; 367 margin-right: auto; 368 } 369 .footer .social .fa { 370 margin-top: -4px; 371 } 372 .nav-line { 373 margin: 0 5px; 374 border-top: 1px solid #e7e8ec; 375 } 376 377 .panel-second-level-menu { 378 line-height: 40px; 379 white-space: nowrap; 380 overflow: hidden; 381 text-overflow: ellipsis; 382 text-transform: none; 383 padding-top: 0.25rem; 384 padding-bottom: 0.25rem; 385 letter-spacing: .5px; 386 font-size: .87em; 387 word-spacing: 2px; 388 padding-left: 1.125rem; 389 padding-right: 1.125rem; 390 display: block; 391 } 392 393 394 #saasbox-nav .nav-user-img { 395 float: left; 396 margin-right: 8px; 397 width: 48px; 398 height: 48px; 399 font-size: 48px; 400 color: rgba(117,117,117,0.8); 401 border-radius: 50%; 402 } 403 .nav-user-info { 404 float: left; 405 line-height: 30px; 406 } 407 .nav-user-info p { 408 margin-bottom: 0; 409 overflow: hidden; 410 text-overflow:ellipsis; 411 white-space: nowrap; 412 } 413 #layout-footer { 414 background-color: #fafafa; 415 } 416 #layout-footer .footer-logo { 417 height: 32px; 418 max-height: 100px; 419 } 420 #layout-footer h6 { 421 color: #111; 422 } 423 #layout-footer a { 424 color: #888 !important; 425 } 426 #layout-footer p { 427 color: #888; 428 } 429 #layout-footer .social-bordered a { 430 border: 1px solid #888; 431 } 432 #layout-footer .dropup span { 433 color: #888 !important; 434 } 435 #layout-footer .dropup a { 436 color: #000 !important; 437 } 438 #layout-footer .social.social-bordered a { 439 overflow: hidden; 440 } 441 #layout-footer .fa-discord { 442 background: url("https://cdn.zbaseglobal.com/zbase/test/2021
442/discord-line.svg"); 443 position:relative; 444 left: -33px; 445 -webkit-filter:drop-shadow(32px 0 #888); 446 filter:drop-shadow(32px 0 #888); 447 background-size: 100% 100%; 448 width: 32px; 449 height: 32px; 450 } 451 #layout-footer .dropdown-menu { 452 background-color: #FFF !important; 453 } 454 #layout-footer .dropup .dropdown-toggle { 455 pointer-events: none; 456 } 457 .navbar-dark .navbar-toggler, .navbar-stick-dark.stick .navbar-toggler { 458 color: #000000; 459 } 460 .navbar-light .navbar-toggler, .navbar-stick-light.stick .navbar-toggler { 461 color: #000000; 462 } 463 .navbar-light .navbar-divider, .navbar-stick-light.stick .navbar-divider { 464 background-color: #000000; 465 opacity: 1; 466 } 467 .nav-user-profile { 468 width: max-content; 469 } 470 .nav-user-info__name { 471 overflow: hidden; 472 text-overflow: ellipsis; 473 white-space: nowrap; 474 -webkit-box-orient: vertical; 475 width: 100px; 476 } 477 .nav-user-info__plan { 478 border: 1px solid; 479 border-radius: 6px; 480 text-align: center; 481 width: max-content; 482 padding: 0 8px; 483 } 484 .nav-user-plan-icon { 485 vertical-align: sub; 486 margin-left: 5px; 487 whdth: 20px!important; 488 } 489 .bs-tooltip-bottom .arrow::before { 490 border-bottom-color: #FFFFFF; 491 } 492 .bs-tooltip-bottom .tooltip-inner { 493 color: #5A5A5A; 494 background-color: #FFFFFF; 495 box-shadow: 0 0 3px 3px #ddd; 496 } 497 498 .trigger { 499 position: relative; 500 text-align: center; 501 } 502 503 .popup-custom { 504 position: absolute; 505 left: 0; 506 background: none; 507 border-radius: 100px; 508 width: 100%; 509 top: 83px; 510 display: none; 511 } 512 513 .popup-custom:before { 514 content: ""; 515 width: 15px; 516 height: 15px; 517 transform: rotate(-45deg); 518 background: #fff; 519 position: absolute; 520 box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.5); 521 z-index: -1; 522 top: -2px; 523 left: calc(50% - 10px); 524 } 525 526 .inner { 527 background-color: #fff; 528 border-radius: 5px; 529 text-align: center; 530 width: max-content; 531 margin: 0 auto; 532 padding: 0 20px; 533 box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); 534 } 535 html,body{ 536 height:auto 537 } 538 .site-statement { 539 text-align: center; 540 margin-bottom: -43px; 541 } 542 .site-statement hr { 543 margin: 0px; 544 } 545 #layout-footer .site-statement p { 546 font-size: 12px; 547 margin-bottom: 0px; 548 color: rgba(8,8,8,0.5); 549 } 550 #layout-footer .footer-content { 551 margin-bottom: 15px; 552 } 553 .crisp-client { 554 z-index: 1999; 555 } 556 557 .saasbox-footer-wrap { 558 display: flex; 559 margin: 0 -16px; 560 padding: 0 16px; 561 column-gap: 10px; 562 } 563 564 .saasbox-footer-wrap .footer-left { 565 width: 200px; 566 flex-shrink: 0; 567 display: flex; 568 flex-direction: column; 569 justify-content: space-between; 570 } 571 572 .saasbox-footer-wrap .footer-middle { 573 display: grid; 574 flex-grow: 1; 575 width: 0; 576 column-gap: 10px; 577 grid-template-columns: repeat(4, max-content); 578 justify-content: space-between; 579 } 580 581 582 583 @media screen and (max-width: 1080px) { 584 .saasbox-footer-wrap .footer-middle { 585 grid-template-columns: repeat(3, max-content); 586 } 587 } 588 589 590 @media screen and (max-width: 920px){ 591 .saasbox-footer-wrap .footer-middle { 592 grid-template-columns: repeat(2, max-content); 593 } 594 } 595 596 597 @media screen and (max-width: 768px){ 598 .saasbox-footer-wrap .footer-middle { 599 grid-template-columns: repeat(1, max-content); 600 } 601 602 .saasbox-footer-wrap { 603 display: block; 604 } 605 .saasbox-footer-wrap .footer-left, .saasbox-footer-wrap .footer-middle { 606 width: 100%; 607 } 608 } 609 610 /* @media screen and (max-width: 576px){ 611 612 .saasbox-footer-wrap .footer-middle { 613 grid-template-columns: repeat(1, max-content); 614 } 615 616 .saasbox-footer-wrap { 617 display: block; 618 } 619 .saasbox-footer-wrap .footer-left, .saasbox-footer-wrap .footer-middle { 620 width: 100%; 621 } 622 623 } */ 624 625 .saasbox-footer-wrap .footer-middle-item .nav { 626 max-width: 300px; 627 } 628 629 630 631 </style> 632 633 <!-- Favicons --> 634 </head> 635 636 637<body class=""> 638<style> 639 #saasbox-nav .saasbox-nav-banner { 640 height: 40px !important; 641 width: 100%; 642 position: fixed; 643 top: 80px; 644 right: 0; 645 left: 0; 646 background: #FFFFFF; 647 z-index: 99999; 648 } 649 650 #saasbox-nav .saasbox-nav-banner .nav-banner-content { 651 text-align: center; 652 line-height: 40px; 653 color: #000000; 654 } 655 656 #saasbox-nav .saasbox-nav-banner .nav-banner-close { 657 float: right; 658 margin-top: 11px; 659 margin-right: 11px; 660 cursor: pointer; 661 color: #000000; 662 } 663 #saasbox-nav .nav-navbar .nav-item>.nav, .sbox-carousel-hover { 664 z-index: 100000; 665 } 666
667 #saasboxNavBanner .nav-banner-close .nav-banner-tooltip { 668 visibility: hidden; 669 background-color: black; 670 color: #fff; 671 text-align: center; 672 padding: 9px; 673 border-radius: 5px; 674 position: absolute; 675 z-index: 1; 676 font-size: 14px; 677 } 678 679 #saasboxNavBanner .nav-banner-close:hover .nav-banner-tooltip { 680 visibility: visible; 681 } 682 683 #saasboxNavBanner .nav-banner-tooltip-bottom { 684 top: 45px; 685 bottom: auto; 686 right: 6px; 687 } 688 689 nav.nav { 690 right: -40px; 691 } 692 693 #saasboxNavBanner .nav-banner-tooltip-bottom::after { 694 content: ""; 695 position: absolute; 696 bottom: 100%; 697 left: 50%; 698 margin-left: 61px; 699 border-width: 4px; 700 border-style: solid; 701 border-color: transparent transparent black transparent; 702 } 703 @media (min-width: 991.98px) { 704 #saasbox-nav .nav-navbar .nav-item>.nav { 705 display: none!important; 706 } 707 #saasbox-nav .nav-navbar .nav-item:hover>.nav { 708 display: block!important; 709 } 710 } 711 712 .over-navbar .navbar-toggler { 713 display: block; 714 } 715 .over-navbar .navbar-mobile { 716 -webkit-box-orient: vertical; 717 -webkit-box-direction: normal; 718 flex-direction: column; 719 -webkit-box-align: start; 720 align-items: flex-start; 721 width: 300px; 722 height: 100vh; 723 position: fixed; 724 top: 0; 725 left: -300px; 726 bottom: 0; 727 padding: 20px; 728 background-color: #fff; 729 overflow-y: auto; 730 overflow-x: hidden; 731 -webkit-transition: left 0.3s ease; 732 transition: left 0.3s ease; 733 z-index: 1002; 734 } 735 .over-navbar .nav-navbar .nav { 736 position: static; 737 visibility: visible; 738 opacity: 1; 739 -webkit-box-shadow: none; 740 box-shadow: none; 741 margin-left: 1.25rem; 742 padding-top: 0; 743 padding-bottom: 0; 744 -webkit-transform: translate(0, 0); 745 transform: translate(0, 0); 746 } 747 .over-navbar .nav-height { 748 height: auto!important; 749 line-height: inherit!important; 750 } 751 .over-navbar .backdrop-navbar { 752 display: block!important; 753 } 754 .over-navbar .nav-item-carousel-pc { 755 display: none; 756 } 757 .over-navbar .nav-carousel-mobile { 758 display: block; 759 } 760 .over-navbar .navbar-mobile > * { 761 padding-top: 10px; 762 padding-bottom: 10px; 763 } 764 .over-navbar .nav-actived .nav-link { 765 border: none!important; 766 } 767 .over-navbar .nav-item > .nav-link { 768 color: rgba(117,117,117,0.8)!important; 769 height: inherit!important; 770 line-height: inherit!important; 771 padding: 0.5rem!important; 772 margin: 0 !important; 773 } 774 .over-navbar .nav-item:hover .nav-link { 775 color: #555!important; 776 } 777 .over-navbar .nav-hover .nav-link { 778 border: none!important; 779 } 780 .over-navbar .nav-hover:hover .nav-link,.over-navbar .nav-actived .nav-link { 781 border: none!important; 782 } 783 .over-navbar .navbar-divider { 784 display: block; 785 height: 1px; 786 width: 100%; 787 margin: 1rem 0; 788 padding: 0; 789 } 790 .over-navbar .nav-navbar:not(.nav-inline) { 791 -webkit-box-orient: vertical; 792 -webkit-box-direction: normal; 793 flex-direction: column; 794 flex-wrap: nowrap; 795 width: 100%; } 796 .over-navbar .nav-navbar:not(.nav-inline) > .nav-item > .nav-link, 797 .over-navbar .nav-navbar:not(.nav-inline) > .nav-link { 798 min-height: inherit; 799 line-height: inherit; 800 padding-top: 0.75rem; 801 padding-bottom: 0.75rem; 802 font-size: 0.95rem; 803 text-transform: none; 804 } 805 .over-navbar .nav-navbar:not(.nav-inline) .arrow { 806 float: right; 807 margin-top: 12px; 808 -webkit-transform: rotate(-90deg); 809 transform: rotate(-90deg); 810 } 811 .over-navbar .nav-navbar:not(.nav-inline) .nav-divider { 812 display: none; 813 } 814 .over-navbar .nav-navbar:not(.nav-inline) > .nav-item > .nav { 815 display: none; 816 border-left: 1px dashed rgba(0, 0, 0, 0.08); 817 } 818 .over-navbar .nav-navbar:not(.nav-inline) > .nav-item > .nav::before { 819 content: ''; 820 display: inline-block; 821 position: absolute; 822 top: 9px; 823 left: -4px; 824 bottom: 15px; 825 border-left: 1px dashed rgba(0, 0, 0, 0.08); 826 display: none; 827 } 828 .over-navbar .nav-navbar .nav.columns-2, .over-navbar .nav-navbar .nav.columns-3 { 829 -webkit-box-orient: vertical; 830 -webkit-box-direction: normal; 831 flex-direction: column; 832 min-width: 100%; 833 } 834 .over-navbar .nav-navbar .nav.columns-2 > .nav-link, 835 .over-navbar .nav-navbar .nav.columns-2 > .nav-item, .over-navbar .nav-navbar .nav.columns-3 > .nav-link, 836 .over-navbar .nav-navbar .nav.columns-3 > .nav-item { 837 flex-basis: 100%; 838 } 839 .over-navbar .nav-navbar .nav .nav-link { 840 padding-top: 0.375rem; 841 padding-bottom: 0.375rem; 842 font-size: 0.875rem; 843 } 844 .over-navbar .d-mobile-none { 845 display: none !important; 846 } 847 .over-navbar .d-mobile-block { 848 display: block !important; 849 } 850 .over-navbar .d-mobile-flex { 851 display: -webkit-box !important; 852 display: flex !important; 853 } 854 .over-navbar .d-mobile-inline-flex { 855 display: -webkit-inline-box !important; 856 display: inline-flex !important; 857 } 858 .over-navbar .d-mobile-inline-block { 859 display: inline-block !important; 860 } 861 .over-navbar .nav-item { 862 height: auto!important; 863 } 864 .over-navbar .nav-hover:hover,.over-navbar .nav-type-button:hover { 865 background: #f5f5f5; 866 } 867 .over-navbar .nav-item:hover .nav-link{ 868 color: #555; 869 } 870 .over-navbar .nav-item > .nav-link .arrow { 871 border-top: 3px solid rgba(117, 117, 117, 0.8)!important; 872 } 873 .over-navbar .nav-type-button .vertical-align-middle { 874 transform: inherit; 875 position: inherit; 876 top: inherit; 877 } 878 .over-navbar .nav-type-button .saasbox-btn { 879 border: inherit !important; 880 color: inherit !important; 881 border-radius: inherit !important; 882 padding: 0 !important; 883 line-height: inherit !important; 884 background-color: inherit !important; 885 } 886 .over-navbar .nav-type-icon > div { 887 color: inherit !important; 888 } 889 .over-navbar .nav-type-icon > div > .arrow { 890 border-top: 3px solid rgba(117, 117, 117, 0.8)!important; 891 } 892</style> 893<!-- Navbar --> 894<nav id="saasbox-nav" class="navbar navbar-expand-lg navbar-light navbar-stick-dark"> 895 <div class="container saasbox-container"> 896 897 <div class="navbar-left"> 898 <button class="navbar-toggler" type="button">☰</button> 899 <a class="navbar-brand" href="/"> 900 <img class="logo-dark" src="https://cdn.zbaseglobal.com/saasbox/product/icon/8395fdfa808cc01b0c73a92ddbc11cc1.png" alt="Logo Maker - logo"> 901 <img class="logo-light" src="https://cdn.zbaseglobal.com/saasbox/product/icon/8395fdfa808cc01b0c73a92ddbc11cc1.png" alt="Logo Maker - logo"> 902 </a> 903 </div> 904 905 <section class="navbar-mobile">
906 <span class='navbar-divider d-mobile-none'></span> <ul class="nav nav-navbar nav-height"> 907 <li class='nav-item nav-hover' style='height:60px;'> 908 <a class='nav-link nav-type-text' href='/' style='margin-left: 16px; margin-right: 16px;'>Logo Maker</a> 909 910 </li><li class='nav-item nav-hover' style='height:60px;'> 911 <a class='nav-link nav-type-text' href='/vintage-logo-maker' style='margin-left: 16px; margin-right: 16px;'>Vintage Logo Maker</a> 912 913 </li><li class='nav-item nav-hover nav-actived' style='height:60px;'> 914 <a class='nav-link nav-type-text' href='/blog' style='margin-left: 16px; margin-right: 16px;'>Blog</a> 915 916 </li> </ul> 917 918 <ul class="nav nav-navbar nav-right ml-auto nav-height"> 919 <li class='nav-item nav-hover' style='height:60px;'> 920 <a class='nav-link nav-type-text' href='' style='margin-left: 5px; margin-right: 5px;'></a> 921 922 </li><li class='nav-item nav-hover' style='height:60px;'> 923 <a class='nav-link nav-type-text' href='' style='margin-left: 5px; margin-right: 5px;'></a> 924 925 </li> </ul> 926 </section> 927 <div class="nav-carousel-mobile"></div> </div> 928 <div id="saasboxNavBanner" class="saasbox-nav-banner" style="display: none;"></div> 929</nav> 930<!-- /.navbar --> 931<div class="layout-container" id="mainContent"> 932 <div class="row saasbox-container"> 933 <div id="blogs-list" class="col-md-9"> 934 935 <a href='/blog/graphic-design-styles-reshape-brand' class='card hover-shadow-7 my-6'> 936 <div class='row'> 937 <div class='col-md-4 align-center'> 938 <img src='https://cdn.zbaseglobal.com/saasbox/resources/png/3-1024x768__49a1b9be3be125874f43a625577fbad3__49a1b9be3be125874f43a625577fbad3.png' class='fit-cover position-absolute h-100 blog-thumbnail ' /> 939 </div> 940 <div class='col-md-8'> 941 <div class='px-6 pt-4 pb-8'> 942 <h4>Unleash The Outstanding Graphic Design Styles That Reshape Your Brand Image!</h4> 943 <div class='overflow-ellipsis blog-description'>Discover inspiring graphic design styles that help shape unforgettable branding. With LogoMaker.designâs AI-powered logo generator, you can create unique, editable logos tailored to your brand name and industryâfast, professional, and effortlessly creative.</div> 944 945 <div class='blog-date blog-date-bg'>December 02, 2025</div> 946 </div> 947 </div> 948 </div> 949 </a> 950 951 <a href='/blog/retro-logo-design' class='card hover-shadow-7 my-6'> 952 <div class='row'> 953 <div class='col-md-4 align-center'> 954 <img src='https://cdn.zbaseglobal.com/saasbox/resources/jpeg/replicate-prediction-7408h39xmdrmc0ct17f9grxaar-1024x585__9c93dd8307212888e2d11eda75d42092__9c93dd8307212888e2d11eda75d42092.jpeg' class='fit-cover position-absolute h-100 blog-thumbnail ' /> 955 </div> 956 <div class='col-md-8'> 957 <div class='px-6 pt-4 pb-8'> 958 <h4>Retro Logo Design: How to Create a Timeless Vintage Logo for Your Brand</h4> 959 <div class='overflow-ellipsis blog-description'>Learn the principles of retro logo design and discover how to create nostalgic, professional logos that capture your brandâs story. Step-by-step guide + modern tools.</div> 960 961 <div class='blog-date blog-date-bg'>October 22, 2025</div> 962 </div> 963 </div> 964 </div> 965 </a> 966 967 <a href='/blog/from-skeptic-to-believer-my-journey-using-ai-logo-generators-to-design-a-real-brand' class='card hover-shadow-7 my-6'> 968 <div class='row'> 969 <div class='col-md-4 align-center'> 970 <img src='https://cdn.zbaseglobal.com/saasbox/resources/png/image-51-1024x575__a33f241fdbc02498711e82c93a6c5a4a__a33f241fdbc02498711e82c93a6c5a4a.png' class='fit-cover position-absolute h-100 blog-thumbnail ' /> 971 </div> 972 <div class='col-md-8'> 973 <div class='px-6 pt-4 pb-8'> 974 <h4>From Skeptic to Believer: My Journey Using AI Logo Generators to Design a Real Brand</h4> 975 <div class='overflow-ellipsis blog-description'>Discover how AI logo creators are revolutionizing design. In this first-hand review, I compare Logomaker.design with Logogenerator.design and TheLogoCreator.ai â and reveal why Logomaker.design stands out for speed, creativity, and usability.</div> 976 977 <div class='blog-date blog-date-bg'>October 15, 2025</div> 978 </div> 979 </div> 980 </div> 981 </a> 982 <div id="blog-pagination" class="pagination"></div> 983 </div> 984 <div class="blogs-recent col-md-3"> 985 986 <div class='recent-blogs-wraper'> 987 <h3>RECENT POSTS</h3> 988 <ul> 989 990 <a href='/blog/graphic-design-styles-reshape-brand' class='blog-link-recent'> 991 <li class='blog-title-recent'>Unleash The Outstanding Graphic Design Styles That Reshape Your Brand Image!</li> 992 </a> 993 994 <a href='/blog/retro-logo-design' class='blog-link-recent'> 995 <li class='blog-title-recent'>Retro Logo Design: How to Create a Timeless Vintage Logo for Your Brand</li> 996 </a> 997 998 <a href='/blog/from-skeptic-to-believer-my-journey-using-ai-logo-generators-to-design-a-real-brand' class='blog-link-recent'> 999 <li class='blog-title-recent'>From Skeptic to Believer: My Journey Using AI Logo Generators to Design a Real Brand</li> 1000 </a> 1001 </ul></div> </div> 1002</div> 1003
1004<script type="text/javascript"> 1005// åè: https://www.zhangxinxu.com/jq/pagination_zh/demo_options.html 1006 1007window.onload = function(){ 1008 //æ»æ°ç® 1009 var length = 3; 1010 // æ¯é¡µæ¾ç¤ºæ°ç® 1011 var items_per_page = 10; 1012 // å页龿¥æ¾ç¤ºæ° 1013 var num_display_entries = 5; 1014 // èµ·å§ä¸ç»æç¹çæ°ç® 1015 var num_edge_entries = 1; 1016 // âä¸ä¸é¡µâæ ç¾ 1017 var prev_text = "<"; 1018 // âä¸ä¸é¡µâæ ç¾ 1019 var next_text = ">"; 1020 var opt = { 1021 link_to: "/blog?page=__id__", // å页ç龿¥ å页çjsä¸ä¼èªå¨æ"__id__"æ¿æ¢ä¸ºå½åçæ°ã0 1022 current_page: 1-1, // å½åéä¸çé¡µé¢ 1023 prev_text: prev_text, // âåä¸é¡µâå页æé®ä¸æ¾ç¤ºçæå 1024 next_text: next_text, // âä¸ä¸é¡µâå页æé®ä¸æ¾ç¤ºçæå 1025 num_display_entries: num_display_entries, // è¿ç»å页主ä½é¨åæ¾ç¤ºçå页æ¡ç®æ° 1026 num_edge_entries: num_edge_entries, // 两侧æ¾ç¤ºçé¦å°¾åé¡µçæ¡ç®æ° 1027 items_per_page: items_per_page, // æ¯é¡µæ¾ç¤ºçæ¡ç®æ° 1028 callback: pageselectCallback, // åè°å½æ° 1029 } 1030 jQuery("#blog-pagination").pagination(length, opt); 1031 function pageselectCallback(page_index, jq){ 1032 return true; 1033 } 1034 // ä¾§è¾¹æ å客tabæ ç¾ç¹å»äºä»¶ 1035 $(".side-blogs-tab li").click(function() { 1036 $(this).addClass("cur-side-blogs").siblings().removeClass('cur-side-blogs'); 1037 $(".side-blogs-con").eq($(".side-blogs-tab li").index(this)).addClass("cur-blogs").siblings().removeClass('cur-blogs'); 1038 }); 1039}; 1040function handleClick(event,$profile_id) { 1041 // æ¡ç¶ç¸åºçä½è 主页 1042 event.preventDefault(); 1043 1044 window.location.href = '/profile/' + $profile_id; 1045} 1046</script>
1046 1047<style> 1048.el-avatar-2 { 1049 width: 30px; 1050 height: 30px; 1051 border-radius: 50%; 1052 margin-right: 10px; 1053} 1054.blogs-header { 1055 min-height: 150px; 1056 max-height: 200px; 1057 background-size: cover; 1058 background-position: center; 1059 display: flex; 1060 align-items: center; 1061 padding: 0 5%; 1062} 1063</style> 1064<style> 1065.blogs-recent { 1066 margin-top: 40px; 1067 word-wrap: break-word; 1068} 1069.blogs-recent>div:not(:first-child) { 1070 margin-top: 50px; 1071} 1072.blogs-recent h3 { 1073 border-bottom: 2px solid #000; 1074} 1075.blogs-recent ul { 1076 padding-left: 30px; 1077} 1078.blog-catalog-item { 1079 font-size: 14px; 1080 color: #101010; 1081 cursor: pointer; 1082} 1083.blog-catalog-link { 1084 color: #101010; 1085} 1086.blog-catalog-link:hover { 1087 text-decoration: underline; 1088} 1089.display-flex { 1090 display: flex; 1091} 1092.blog-thumbnail { 1093 width: 100%; 1094 left: 50%; 1095 transform: translateX(-50%); 1096 margin-left: 15px; 1097} 1098.fit-cover { 1099 object-fit: fill; 1100} 1101.div-thumbnail{ 1102 width: 300px; 1103 height: 120px; 1104 object-fit: contain; 1105 display: inline-block; 1106} 1107.blog-right { 1108 width: 500px; 1109 vertical-align: top; 1110} 1111.blog-date { 1112 color: #161616; 1113 font-size: 15px; 1114} 1115.blog-date-bg { 1116 position: absolute; 1117 bottom: 13px; 1118 width: calc(100% - 4rem); 1119} 1120.display-inline-block { 1121 display: inline-block; 1122} 1123.align-center { 1124 text-align: center; 1125} 1126.blog-title { 1127 margin: 0; 1128} 1129.overflow-ellipsis { 1130 display: -webkit-box; 1131 -webkit-line-clamp: 2; 1132 -webkit-box-orient: vertical; 1133 overflow: hidden; 1134 text-overflow: ellipsis; 1135} 1136.blog-border { 1137 border-bottom: 1px solid #ccc; 1138 padding: 20px 0; 1139} 1140.blog { 1141 padding: 20px 0; 1142} 1143.blog-description { 1144 color: #636363; 1145 /* height: 84px; */ 1146} 1147.blog-link-recent { 1148 text-decoration: none; 1149} 1150.blog-title-recent { 1151 font-size: 14px; 1152 color: #101010; 1153 margin-bottom: 8px; 1154} 1155.blog-title-recent:hover { 1156 color: #416da3; 1157} 1158.pagination { 1159 text-align: center; 1160 width: fit-content; 1161 margin: 20px auto; 1162} 1163 1164.pagination a { 1165 text-decoration: none; 1166 color: #000; 1167 width: 25px; 1168 height: 25px; 1169 text-align: center; 1170 line-height: 25px; 1171} 1172.pagination a, .pagination span { 1173 display: inline-block; 1174 padding: 0.1em 0.1em; 1175 margin-right: 5px; 1176 margin-bottom: 5px; 1177} 1178 1179.pagination .current { 1180 background: #3D90F7; 1181 color: #fff; 1182 border-radius: 5px; 1183 width: 25px; 1184 height: 25px; 1185 text-align: center; 1186 line-height: 25px; 1187} 1188 1189.pagination .current.prev, .pagination .current.next{ 1190 color:#999; 1191 border-color:#999; 1192 background:#fff; 1193} 1194@media (max-width: 767px){ 1195 .blog-date,.div-thumbnail { 1196 display: none; 1197 } 1198} 1199/* ä¾§è¾¹æ åå®¢æ ·å¼ */ 1200#side-blogs-wraper li { 1201 list-style:none; 1202} 1203#side-blogs-wraper .side-blogs-tab { 1204 margin:0; 1205 padding-left: 10px; 1206 display:block; 1207 overflow:hidden; 1208} 1209#side-blogs-wraper .side-blogs-tab li { 1210 position:relative; 1211 margin-right:20px; 1212 line-height:36px; 1213 cursor:pointer; 1214 display:inline-block; 1215 overflow:hidden; 1216 text-align:center; 1217 border-bottom:2px solid transparent; 1218} 1219#side-blogs-wraper .cur-side-blogs { 1220 color:black!important; 1221 font-weight: bold; 1222} 1223#side-blogs-wraper .cur-side-blogs:before { 1224 content:""; 1225 position:absolute; 1226 bottom:0px; 1227 left:0; 1228 width:100%; 1229 height:4px; 1230 background-image:linear-gradient(to bottom, #000, #000); 1231 border-radius:8px; 1232 transition:.3s; 1233} 1234#side-blogs-wraper .side-blogs-con { 1235 display:none; 1236} 1237#side-blogs-wraper .cur-blogs { 1238 display:block !important; 1239} 1240</style></div> 1241<style> 1242 #pay_unpaid_invoice { 1243 z-index: 2000; 1244 border-radius: 8px; 1245 width: 380px; 1246 height: auto; 1247 /*height: 200px;*/ 1248 top: 80px; 1249 right: 20px; 1250 background-repeat: no-repeat; 1251 background-position: 5px 5px; 1252 animation: slip_left_in; 1253 animation-duration: 1.5s; 1254 display: flex; 1255 flex-direction: row; 1256 padding: 14px 26px 14px 13px; 1257 box-sizing: border-box; 1258 border: 1px solid #ebeef5; 1259 position: fixed; 1260 background-color: #fff; 1261 box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%); 1262 transition: opacity .3s, transform .3s, left .3s, right .3s, top .4s, bottom .3s; 1263 overflow: hidden; 1264 } 1265
1266 @keyframes slip_left_in { 1267 0% { 1268 right: -380px; 1269 top: 80px; 1270 } 1271 100% { 1272 right: 20px; 1273 top: 80px; 1274 } 1275 } 1276 1277 #pay_lasted_invoice_button { 1278 border-radius: 5px; 1279 border: none; 1280 color: white; 1281 width: 100px; 1282 background-color: #67c23a; 1283 margin-left: 50px; 1284 margin-top: 7px; 1285 height: 28px; 1286 line-height: 1; 1287 } 1288 1289 #cancel_pay_invoice_button { 1290 border-radius: 5px; 1291 border: none; 1292 color: white; 1293 width: 100px; 1294 background-color: #F56C6C; 1295 margin-left: 100px; 1296 margin-top: 7px; 1297 height: 28px; 1298 line-height: 1; 1299 } 1300 1301 #pay_invoice { 1302 display: flex; 1303 } 1304 1305 #pay_invoice_left_top { 1306 width: 20%; 1307 margin-left: 15px; 1308 margin-top: 5px; 1309 } 1310 1311 #pay_invoice_right_top { 1312 display: flex; 1313 flex-direction: column; 1314 width: 70%; 1315 margin-top: 5px; 1316 } 1317 1318 #pay_invoice_button { 1319 width: 100%; 1320 /*border-top-style: solid;*/ 1321 /*border-top-color: #dadce0;*/ 1322 } 1323 1324 #pay_lastest_success { 1325 /*background-color: cornflowerblue;*/ 1326 } 1327 1328 #pay_invoice_close:hover { 1329 background: #f4f4f4; 1330 background-image: -webkit-linear-gradient(top, #f4f4f4, white); 1331 background-image: -moz-linear-gradient(top, #f4f4f4, white); 1332 background-image: -ms-linear-gradient(top, #f4f4f4, white); 1333 background-image: -o-linear-gradient(top, #f4f4f4, white); 1334 background-image: linear-gradient(to bottom, #f4f4f4, white); 1335 text-decoration: none; 1336 } 1337 1338</style>
1339<script> 1340 // è·³è½¬å°æªå®æçæ¯ä»é¡µé¢ 1341 function jumpToInvoice() { 1342 // åå§åç¨æ· 1343 var user_info = { 1344 'id': '', 1345 'email': '', 1346 'registered_at': '' 1347 }; 1348 var user_action = { 1349 'user_action': 12, 1350 'action_type': 1, 1351 'user_info': user_info 1352 }; 1353 // $('#pay_unpaid_invoice').css('display','none'); 1354 $.ajax({ 1355 type: "POST", 1356 url: "/user/default/save-renew-popup-action", 1357 async: true, 1358 data: { 1359 'user_action': user_action, 1360 'product_mark': '' 1361 }, 1362 success(res) { 1363 if (res.code == 100000) { 1364 window.open(""); 1365 } 1366 } 1367 }); 1368 } 1369 1370 // ç¹å»åæ¶ï¼ä¸åå¼¹åºæ¯ä»é¡µé¢ 1371 function cancelJumpPayInvoice() { 1372 $('#pay_unpaid_invoice').css('display', 'none'); 1373 // åå§åç¨æ· 1374 var user_info = { 1375 'id': '', 1376 'email': '', 1377 'registered_at': '' 1378 }; 1379 var user_action = { 1380 'user_action': 14, 1381 'action_type': 1, 1382 'user_info': user_info 1383 }; 1384 // $('#pay_unpaid_invoice').css('display','none'); 1385 $.ajax({ 1386 type: "POST", 1387 url: "/user/default/save-renew-popup-action", 1388 async: true, 1389 data: { 1390 'user_action': user_action, 1391 'product_mark': '' 1392 }, 1393 success(res) { 1394 } 1395 }); 1396 // å ³éå¼¹çªä¹ååå ¥ç¨æ·è¡ä¸ºæ°æ®ï¼æ¯å¦éè¦å¼æ¥åå ¥ 1397 // user_action = 11 å¼¹çªå¼¹åº 12 ç¹å»è®¢é ï¼13 åæ¶è®¢é 14 å ³éå¼¹çª 1398 } 1399 1400 // ç¹å»åæ¶è®¢é 1401 function cancelUserPayInvoice() { 1402 // åå§åç¨æ· 1403 var user_info = { 1404 'id': '', 1405 'email': '', 1406 'registered_at': '' 1407 }; 1408 var user_action = { 1409 'user_action': 13, 1410 'action_type': 1, 1411 'user_info': user_info 1412 }; 1413 $.ajax({ 1414 type: "POST", 1415 url: "/pay/default/cancel-old-sub", 1416 async: true, 1417 data: { 1418 "stripe_sub": '', 1419 }, 1420 success(res) { 1421 if (res.code == 100000) { 1422 $.ajax({ 1423 type: "POST", 1424 url: "/user/default/save-renew-popup-action", 1425 async: true, 1426 data: { 1427 'user_action': user_action, 1428 'product_mark': '' 1429 }, 1430 success(res) { 1431 if (res.code == 100000) { 1432 // å°å¼¹çªå ³é 1433 $('#pay_unpaid_invoice').css('display', 'none'); 1434 } 1435 } 1436 }); 1437 } else { 1438 $('#cancelUserPayInvoiceTipId').css('display','block'); 1439 document.getElementById('cancelUserPayInvoiceTipId').innerHTML = res.message 1440 } 1441 } 1442 }); 1443 } 1444</script>
1444 1445 1446
1446<script> 1447 // æ°çè°·æç»å½callback彿° æ¼æ¥GAåæåæ° 1448 function handleCredentialResponse(res) { 1449 let ga_cid = getGACid(); 1450 let data = {ga_cid: ga_cid}; 1451 let state = btoa(encodeURIComponent(JSON.stringify(data))); 1452 $.ajax({ 1453 type: "POST", 1454 url: "/user/default/new-google-callback", 1455 async: true, 1456 data: { 1457 "JWT": res, 1458 "state": state 1459 }, 1460 success(res) { 1461 if (res.code == 100000) { 1462 // åquora pixelåæ¥ç¨æ·æ³¨åäºä»¶ 1463 if (res.data.is_register) { 1464 if (typeof qp === "function") { 1465 qp('track', 'CompleteRegistration'); 1466 } 1467 // ågaåéè°·ææ³¨åäºä»¶ 1468 if (typeof gtag === "function") { 1469 gtag('event', 'google_register', { 1470 'event_category': 'google_register', 1471 'label': 'google_register_label', 1472 'method': 'Google' 1473 }); 1474 } 1475 } 1476 // ågaåéè°·æç»å½äºä»¶ 1477 if (typeof gtag === "function") { 1478 gtag('event', 'google_login', { 1479 'event_category': 'google_login', 1480 'label': 'google_login_label', 1481 'method': 'Google' 1482 }); 1483 } 1484 1485 if(res.data && res.data.url && res.data.url != "/"){ 1486 window.location.href = res.data.url; 1487 } else { 1488 window.location.reload(); 1489 } 1490 } else { 1491 if (res.data && res.data.url) { 1492 window.location.href = res.data.url; 1493 } else { 1494 window.location.href = '/user/login'; 1495 } 1496 } 1497 } 1498 }); 1499 }; 1500 var overWidth = 992; 1501 // 夿navå 容æ¯å¦æº¢åºï¼æº¢åºåæ¢ä¸ºç§»å¨ç«¯æ ·å¼ 1502 function navChange() { 1503 var navWrap = document.querySelector('#saasbox-nav'); 1504 var navWidth = navWrap.clientWidth; 1505 var navScrollWidth = navWrap.scrollWidth; 1506 if (navWidth > 991 && navWidth < 1280 && navScrollWidth - navWidth > 0) { 1507 document.body.clientWidth > overWidth ? overWidth = document.body.clientWidth : ''; 1508 $(navWrap).addClass('over-navbar'); 1509 } else { 1510 if (document.body.clientWidth > overWidth || document.body.clientWidth< 992 || navWidth > 1280) { 1511 $(navWrap).removeClass('over-navbar'); 1512 } 1513 } 1514 }; 1515 $('#saasbox-nav').ready(function(){ 1516 navChange(); 1517 }); 1518 $(window).resize(function() { 1519 navChange(); 1520 }); 1521 window.saasboxOpenNavBanner = function (placeholder1 = '', placeholder2 = '', placeholder3 = '') { 1522 var banner_cookie_name = 'saasboxNavBanner'; 1523 var banner_cookie = getCookie(banner_cookie_name); 1524 var saasbox_language = "en-US"; 1525 if (banner_cookie) { 1526 return; 1527 } 1528 var banner_config = {"active":false,"is_closed":false,"text_color":"#000000","background_color":"#FFFFFF","nav_banner_height":120,"content":""}; 1529 var banner_height = banner_config.nav_banner_height; 1530 if (banner_config.length === 0) { 1531 return; 1532 } 1533 if (banner_config.active !== true) { 1534 return; 1535 } 1536 var banner_element = document.getElementById(banner_cookie_name); 1537 var content = banner_config.content.replace('[%placeholder1%]', placeholder1); 1538 content = content.replace('[%placeholder2%]', placeholder2); 1539 content = content.replace('[%placeholder3%]', placeholder3);
1540 if (banner_config.is_closed) { 1541 var tooltip_text = 'Do not prompt today'; 1542 if (saasbox_language == 'zh-CN') { 1543 tooltip_text = '仿¥ä¸åæç¤º'; 1544 } 1545 content += '<i class="fa fa-times nav-banner-close" aria-hidden="true" onclick="saasboxCloseNavBanner()"><span class="nav-banner-tooltip nav-banner-tooltip-bottom">' + tooltip_text + '</span></i>'; 1546 } 1547 content = '<p class="nav-banner-content">' + content + '</p>'; 1548 banner_element.innerHTML = content; 1549 banner_element.style.display = ""; 1550 var layout_container = document.getElementById("mainContent"); 1551 layout_container.style.marginTop = banner_height + 'px'; 1552 }; 1553 1554 window.saasboxCloseNavBanner = function () { 1555 var banner_cookie_name = 'saasboxNavBanner'; 1556 var banner_element = document.getElementById(banner_cookie_name); 1557 banner_element.style.display = "none"; 1558 var layout_container = document.getElementById("mainContent"); 1559 layout_container.style.marginTop = ''; 1560 setCookie(banner_cookie_name, banner_cookie_name, 1) 1561 }; 1562 1563 function getCookie(cname) { 1564 var name = cname + "="; 1565 var ca = document.cookie.split(';'); 1566 for (var i = 0; i < ca.length; i++) { 1567 var c = ca[i].trim(); 1568 if (c.indexOf(name) == 0) return c.substring(name.length, c.length); 1569 } 1570 return ""; 1571 } 1572 1573 function setCookie(cname, cvalue, exdays) { 1574 var d = new Date(); 1575 d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); 1576 var expires = "expires=" + d.toGMTString(); 1577 document.cookie = cname + "=" + cvalue + "; " + expires; 1578 } 1579 1580</script>
vendor: 1 bytes, line 1580
1580
1581<script type="text/javascript" src="https://cdn.zbaseglobal.com/zbase/js/zbase-fingerprint.js"> 1582</script>
vendor: 1 bytes, line 1582
1582
1583<script> 1584 //å¤çæ¯å¦éè¦çæå¿åç¨æ·çid,ç¨äºè®°å½ç¨æ·è¡ä¸ºæ¥å¿ 1585 function handleCookieAnonymousUserId() { 1586 var cookie_expire_days = 3; 1587 //ä»cookieåå¼ï¼æ¯å¦æ¯è¯¥ç¨æ·ç¬¬ä¸æ¬¡è®¿é® 1588 var is_first_visit = getCookie("is_first_visit"); 1589 //表示æ¯ç¬¬ä¸æ¬¡è®¿é® 1590 if (is_first_visit == "true") { 1591 var fp = new Fingerprint2(); 1592 fp.get(function(result) { 1593 var anonymous_user_id = result; 1594 1595 //设置anonymous_user_idå°cookieä¸ 1596 document.cookie = "anonymous_user_id="+anonymous_user_id; 1597 //ä»cookieä¸è¯»åfirst_visit_path,éè¿ajax模æè°ç¨ä¸æ¬¡ 1598 var first_visit_path = getCookie("first_visit_path"); 1599 if ("" != first_visit_path){ 1600 //éè¿ajaxçæ¹å¼æ¨¡æè°ç¨ä¸æ¬¡ 1601 first_visit_path = unescape(first_visit_path) 1602 $.ajax({ 1603 type: "GET", 1604 url: first_visit_path, 1605 async: true, 1606 data: { 1607 }, 1608 success(res) { 1609 }, 1610 error(error){ 1611 } 1612 }); 1613 } 1614 }); 1615 } 1616 //表示ä¸å¡ä¾§å端代ç ï¼æ²¡æè®°å½ç¨æ·éè¿æ¸ 鿥çç¨æ·ä¿¡æ¯,çæå¿åç¨æ·idå³å¯ 1617 else if (is_first_visit == "") { 1618 var fp = new Fingerprint2(); 1619 fp.get(function(result) { 1620 var anonymous_user_id = result; 1621 //设置anonymous_user_idå°cookieä¸ 1622 document.cookie = "anonymous_user_id="+anonymous_user_id; 1623 //设置is_first_visitå°cookieä¸ 1624 document.cookie = "is_first_visit=true"; 1625 }); 1626 } 1627 //è¡¨ç¤ºç¨æ·ä¸æ¯ç¬¬ä¸æ¬¡è®¿é®ï¼ä¸éè¦ä»»ä½æä½ 1628 else { 1629 } 1630 } 1631 //é»è®¤è°ç¨ 1632 handleCookieAnonymousUserId(); 1633 1634</script>
1634 1635<!-- Footer --> 1636<footer id="layout-footer" class="footer bg-gray py-7"> 1637 <div class='footer-content'> 1638 <div class='container saasbox-container'> 1639 <div class='saasbox-footer-wrap'> 1640 1641 <div class='footer-left'> 1642 <div> 1643 <a href='/'> 1644 <img src='https://cdn.zbaseglobal.com/saasbox/product/icon/8395fdfa808cc01b0c73a92ddbc11cc1.png' alt='Logo Maker - logo' class='footer-logo'> 1645 </a> 1646 <p>Create Stunning Logos<br/>in Seconds</p> 1647 </div> 1648 1649 </div> 1650 1651 <div class='col-6 col-md-6 col-xl-6 flex-wrap' style='display: inline-flex;justify-content: space-between;'><div style='margin:0 10px;'><h6 class='mb-4 mt-1'><strong>Features</strong></h6><div class='nav flex-column' style='white-space: nowrap;'><a class='nav-link' href='/' target='_blank'>AI Logo</a><a class='nav-link' href='/vintage-logo-maker' target='_blank'>Vintage Logo Maker</a></div></div><div style='margin:0 10px;'><h6 class='mb-4 mt-1'><strong>Tools</strong></h6><div class='nav flex-column' style='white-space: nowrap;'><a class='nav-link' href='/' target='_blank'>AI Logo Generator</a><a class='nav-link' href='/vintage-logo-maker' target='_blank'>Vintage Logo Maker</a></div></div><div style='margin:0 10px;'><h6 class='mb-4 mt-1'><strong>About</strong></h6><div class='nav flex-column' style='white-space: nowrap;'><a class='nav-link' href='/blog' target='_blank'>Blog</a></div></div></div> 1652 <div > 1653 <div class='social social-bordered'> 1654 1655 <a href='https://www.facebook.com/profile.php?id=61580355218639' target='_blank' rel='nofollow'> 1656 <i class='fa fa-facebook'></i> 1657 </a> 1658 1659 <a href='https://www.instagram.com/logomaker.design_official/' target='_blank' rel='nofollow'> 1660 <i class='fa fa-instagram'></i> 1661 </a> 1662 1663 <a href='https://x.com/LogoMakerDesign' target='_blank' rel='nofollow'> 1664 <i class='fa fa-twitter'></i> 1665 </a> 1666 1667 </div></div> 1668 </div> 1669 </div> </div> 1670 <div class='site-statement'> 1671 <hr/> 1672 <p> 1673 Copyright 2025 logomaker.design. All rights reserved. </p> 1674 </div> 1675 </footer>
1676<script> 1677 // switch language 1678 function switchLanguage(language) { 1679 var name = 'sbox-l'; 1680 var value = language; 1681 var date = new Date(); 1682 date.setTime(date.getTime() + (24 * 3600 * 1000)); 1683 var expires = date.toGMTString(); 1684 document.cookie = name + "=" + value + ';expires=' + expires + ";path=/"; 1685 // encodeç¼ç é¿å XSS 1686 let window_href = ""; 1687 if (window_href != '') { 1688 let url = "/" + language + window_href; 1689 if (window_href == '/') { 1690 url = "/" + language 1691 } 1692 window.location.href = url; 1693 return; 1694 } 1695 if(self != top) { 1696 window.parent.location.reload(); 1697 } else { 1698 location.reload(); 1699 } 1700 } 1701</script>
vendor: 1 bytes, line 1701
1701
1702<script> 1703 var contentMinH = $(window).height()-$("#saasbox-nav").height()-$(".footer").outerHeight(); 1704 $("#mainContent").css('minHeight',contentMinH+'px'); 1705 $(function () { 1706 $(".tigger").mouseenter(function() { 1707 $(this).find(".popup-custom").css("display", "block"); 1708 }); 1709 $(".tigger").mouseleave(function() { 1710 $(this).find(".popup-custom").css("display", "none"); 1711 }); 1712 }); 1713 $(".sbox-carousel > .nav-link.nav-type-button").mouseenter(function() { 1714 var sboxCarousel = $(this).parent(); 1715 sboxCarousel.attr('data-sboxmouseon', 1); 1716 setTimeout(() => { 1717 let sboxCarouselHover = sboxCarousel.siblings('.sbox-carousel-hover'); 1718 let navBtnFirst = $(this).children(); 1719 let hoverA = sboxCarouselHover.children('a'); 1720 hoverA.text(navBtnFirst.attr('data-sboxtitle')); 1721 hoverA.attr('href', navBtnFirst.attr('data-sboxurl')); 1722 let hoverP = sboxCarouselHover.children('p'); 1723 hoverP.text(navBtnFirst.attr('data-sboxsubtitle')); 1724 let hoverImg = sboxCarouselHover.children('img'); 1725 hoverImg.attr('src', 'https://cdn.zbaseglobal.com/' + navBtnFirst.attr('data-sboxicon')); 1726 sboxCarouselHover.show(); 1727 }, 0); 1728 }); 1729 $(".sbox-carousel").mouseleave(function() { 1730 $(this).attr('data-sboxmouseon', 0) 1731 let sboxCarousel = $(this); 1732 setTimeout(function() { 1733 let sboxCarouselHover = sboxCarousel.siblings('.sbox-carousel-hover'); 1734 if (sboxCarouselHover.attr('data-sboxmouseon') != 1) { 1735 sboxCarouselHover.hide(); 1736 } 1737 }, 50); 1738 }); 1739 $(".sbox-carousel-hover").mouseenter(function() { 1740 $(this).attr('data-sboxmouseon', 1) 1741 $(this).show(); 1742 }); 1743 $(".sbox-carousel-hover").mouseleave(function() { 1744 $(this).attr('data-sboxmouseon', 0) 1745 $(this).hide(); 1746 }); 1747 $(".sbox-carousel").each(function(i, sboxCarousel) { 1748 if (sboxCarousel.children.length <= 1) { 1749 return 1750 } 1751 var interval = sboxCarousel.dataset.sboxinterval 1752 var childFirst = sboxCarousel.children[0]; 1753 var timer = 0; 1754 setTimeout(() => { 1755 timer = setInterval(scrol, 30); 1756 }, interval * 1000); 1757 function scrol() { 1758 if (sboxCarousel.dataset.sboxmouseon == 1) { 1759 if (sboxCarousel.scrollTop >= childFirst.scrollHeight / 2) { 1760 let childFirst = sboxCarousel.children[0]; 1761 sboxCarousel.removeChild(childFirst); 1762 sboxCarousel.appendChild(childFirst); 1763 } 1764 sboxCarousel.scrollTop = 0; 1765 return; 1766 } 1767 if (sboxCarousel.scrollTop >= childFirst.scrollHeight 1768 ) { 1769 sboxCarousel.scrollTop = 0; 1770 childFirst = sboxCarousel.children[0]; 1771 sboxCarousel.removeChild(childFirst); 1772 sboxCarousel.appendChild(childFirst); 1773 clearInterval(timer); 1774 setTimeout(() => { 1775 timer = setInterval(scrol, 30); 1776 }, interval * 1000); 1777 } else { 1778 sboxCarousel.scrollTop++; 1779 } 1780 } 1781 }); 1782</script>
1782 1783
1784<script type="text/javascript"> 1785 </script>
1785 1786 1787<!--huoYan--> 1788 1789<!-- Taboola Pixel Code --> 1790 1791<!-- /.footer --> 1792
1793<script src="https://zbase-global.zingfront.com/saasbox/assets/js/page.20210122.min.v1.js"></script>
vendor: 1 bytes, line 1793
1793
1794<script src="https://zbase-global.zingfront.com/saasbox/assets/js/script.min.js"></script>
vendor: 1 bytes, line 1794
1794
1795<script src="https://zbase-global.zingfront.com/saasbox/assets/js/jquery.pagination.1.1.min.js?v=1591957414"></script>
1795<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"93459d84d99c49bdb605df0dfde3aba0","r":1,"spa":2}' crossorigin="anonymous"></script>
1795 1796</body> 1797</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.