PageSourceSearch

https://logomaker.design/blog

html logomaker.design collected 2026-10-04 23:30:56 UTC 59,560 bytes, 1,797 lines download raw bytes

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">&#9776;</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 = "&lt;";
1018    // “下一页”标签
1019    var next_text = "&gt;";
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.