← All changes
|
inc/template-library/blocks/progressbar/class-progressbar.php
+17
-16
2.6.1
→
2.6.6
View file →
| @@ -22,13 +22,14 @@ | ||
| 22 | 22 | 'type' => 'block', |
| 23 | 23 | 'item' => ['Progressbar'], |
| 24 | 24 | 'key' => 'bs_progressbar_1', |
| 25 | 25 | 'name' => esc_html__( 'Progressbar 1', 'blockspare' ), |
| 26 | - 'content' => '<!-- wp:blockspare/blockspare-container {"enableGradient":true,"backgroundColor1":"#00d084","backgroundColor2":"#7bdcb5","uniqueClass":"blockspare-91f4179a-b8c6-4"} --> | |
| 27 | - <div class="wp-block-blockspare-blockspare-container alignfull blockspare-91f4179a-b8c6-4" blockspare-animation=""><style>.blockspare-91f4179a-b8c6-4 .blockspare-block-container-wrapper{background-image:linear-gradient(-90deg,#00d084 30%,#7bdcb5 70%);padding-top:20px;padding-right:0px;padding-bottom:20px;padding-left:0px;margin-top:30px;margin-right:0px;margin-bottom:30px;margin-left:0px;border-radius:0}.blockspare-91f4179a-b8c6-4 .blockspare-image-wrap{background-image:none}</style><div class="blockspare-block-container-wrapper blockspare-hover-item"><div class="blockspare-container-background blockspare-image-wrap has-background-opacity-100 has-background-opacity"></div><div class="blockspare-container"><div class="blockspare-inner-blocks blockspare-inner-wrapper-blocks"><!-- wp:columns {"align":"wide"} --> | |
| 26 | + 'blockLink'=>"https://www.blockspare.com/block/progress-bar/", | |
| 27 | + 'content' => '<!-- wp:blockspare/blockspare-container {"enableGradient":true,"backgroundColor1":"#021b79","backgroundColor2":"#0575e6","uniqueClass":"blockspare-5e30e1f4-26f0-4"} --> | |
| 28 | + <div class="wp-block-blockspare-blockspare-container alignfull blockspare-5e30e1f4-26f0-4" blockspare-animation=""><style>.blockspare-5e30e1f4-26f0-4 > .blockspare-block-container-wrapper{background-image:linear-gradient(-90deg,#021b79 30%,#0575e6 70%);padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px;margin-top:30px;margin-right:0px;margin-bottom:30px;margin-left:0px;border-radius:0}.blockspare-5e30e1f4-26f0-4 .blockspare-image-wrap{background-image:none}</style><div class="blockspare-block-container-wrapper blockspare-hover-item"><div class="blockspare-container-background blockspare-image-wrap has-background-opacity-100 has-background-opacity"></div><div class="blockspare-container"><div class="blockspare-inner-blocks blockspare-inner-wrapper-blocks"><!-- wp:columns {"align":"wide"} --> | |
| 28 | 29 | <div class="wp-block-columns alignwide"><!-- wp:column {"width":"66.66%"} --> |
| 29 | 30 | <div class="wp-block-column" style="flex-basis:66.66%"><!-- wp:image {"id":154,"sizeSlug":"large"} --> |
| 30 | - <figure class="wp-block-image size-large"><img src="https://www.blockspare.com/wp-content/uploads/2020/03/woman-in-a-multicolored-swimsuit-sitting-on-beach-3722173-683x1024.jpg" alt="" class="wp-image-154"/></figure> | |
| 31 | + <figure class="wp-block-image size-large"><img src="http://localhost/test/wp-content/uploads/2023/06/woman-in-a-multicolored-swimsuit-sitting-on-beach-3722173-683x1024-1.jpg" alt="" class="wp-image-154"/></figure> | |
| 31 | 32 | <!-- /wp:image --> |
| 32 | 33 | |
| 33 | 34 | <!-- wp:paragraph --> |
| 34 | 35 | <p></p> |
| @@ -35,10 +36,10 @@ | ||
| 35 | 36 | <!-- /wp:paragraph --></div> |
| 36 | 37 | <!-- /wp:column --> |
| 37 | 38 | |
| 38 | 39 | <!-- wp:column {"width":"33.33%"} --> |
| 39 | - <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:blockspare/blockspare-section-header {"uniqueClass":"blockspare-f393039e-5690-4","sectionAlignment":"left","headerTitle":"Why Me?","titleFontSize":45,"headerSubTitle":"MY SKILLS","headertitleColor":"#f7f7f7","headersubtitleColor":"#f7f7f7","headermarginTop":100,"headermarginBottom":0,"headerlayoutOption":"blockspare-style4","subtitlePaddingBottom":10,"dashColor":"#f7f7f7"} --> | |
| 40 | - <div class="wp-block-blockspare-blockspare-section-header aligncenter blockspare-f393039e-5690-4 blockspare-section-header-wrapper blockspare-blocks aligncenter" blockspare-animation=""><style>.blockspare-f393039e-5690-4 .blockspare-section-head-wrap{background-color:transparent;text-align:left;margin-top:100px;margin-right:30px;margin-bottom:0px;margin-left:30px}.blockspare-f393039e-5690-4 .blockspare-section-head-wrap .blockspare-title{color:#f7f7f7;font-size:45px;font-weight:500;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}.blockspare-f393039e-5690-4 .blockspare-section-head-wrap .blockspare-subtitle{color:#f7f7f7;font-size:18px;font-weight:500;padding-top:0px;padding-right:0px;padding-bottom:10px;padding-left:0px}.blockspare-f393039e-5690-4 .blockspare-section-head-wrap.blockspare-style2 .blockspare-title-dash,.blockspare-f393039e-5690-4 .blockspare-section-head-wrap.blockspare-style4 .blockspare-title-dash,.blockspare-f393039e-5690-4 .blockspare-section-head-wrap.blockspare-style5 .blockspare-title-dash,.blockspare-f393039e-5690-4 .blockspare-section-head-wrap.blockspare-style6 .blockspare-title-dash,.blockspare-f393039e-5690-4 .blockspare-section-head-wrap.blockspare-style7 .blockspare-title-dash,.blockspare-f393039e-5690-4 .blockspare-section-head-wrap.blockspare-style8 .blockspare-title-dash,.blockspare-f393039e-5690-4 .blockspare-section-head-wrap.blockspare-style9 .blockspare-title-dash,.blockspare-f393039e-5690-4 .blockspare-section-head-wrap.blockspare-style16 .blockspare-title-wrapper .blockspare-lower-dash,.blockspare-f393039e-5690-4 .blockspare-section-head-wrap.blockspare-style16 .blockspare-title-wrapper .blockspare-upper-dash{color:#f7f7f7}.blockspare-f393039e-5690-4 .blockspare-section-head-wrap.blockspare-style10 .blockspare-title-wrapper .blockspare-lower-dash,.blockspare-f393039e-5690-4 .blockspare-section-head-wrap.blockspare-style11 .blockspare-title-wrapper .blockspare-title:after,.blockspare-f393039e-5690-4 .blockspare-section-head-wrap.blockspare-style13 .blockspare-title-wrapper .blockspare-upper-dash,.blockspare-f393039e-5690-4 .blockspare-section-head-wrap.blockspare-style14 .blockspare-title-wrapper .blockspare-lower-dash,.blockspare-f393039e-5690-4 .blockspare-section-head-wrap.blockspare-style15 .blockspare-title-wrapper .blockspare-lower-dash,.blockspare-f393039e-5690-4 .blockspare-section-head-wrap.blockspare-style15.blockspare-center .blockspare-title-wrapper .blockspare-upper-dash,.blockspare-f393039e-5690-4 .blockspare-section-head-wrap.blockspare-style17 .blockspare-title-wrapper .blockspare-title,.blockspare-f393039e-5690-4 .blockspare-section-head-wrap.blockspare-style18 .blockspare-title-wrapper .blockspare-title,.blockspare-f393039e-5690-4 .blockspare-section-head-wrap.blockspare-style17 .blockspare-title-wrapper .blockspare-title,.blockspare-f393039e-5690-4 .blockspare-section-head-wrap.blockspare-style19 .blockspare-title-wrapper .blockspare-title:before{background-color:#f7f7f7}.blockspare-f393039e-5690-4 .blockspare-section-head-wrap.blockspare-style12 .blockspare-title-wrapper .blockspare-title,.blockspare-f393039e-5690-4 .blockspare-section-head-wrap.blockspare-style18 .blockspare-title-wrapper{border-bottom-color:#f7f7f7}.blockspare-f393039e-5690-4 .blockspare-section-head-wrap.blockspare-style17 .blockspare-title-wrapper .blockspare-title:before{border-top-color:#f7f7f7}.blockspare-f393039e-5690-4 .blockspare-section-head-wrap.blockspare-style10 .blockspare-title-wrapper .blockspare-upper-dash,.blockspare-f393039e-5690-4 .blockspare-section-head-wrap.blockspare-style12 .blockspare-title-wrapper .blockspare-lower-dash,.blockspare-f393039e-5690-4 .blockspare-section-head-wrap.blockspare-style13 .blockspare-title-wrapper .blockspare-lower-dash,.blockspare-f393039e-5690-4 .blockspare-section-head-wrap.blockspare-style14 .blockspare-title-wrapper .blockspare-upper-dash{background-color:#E5EFE3}@media screen and (max-width:1025px){.blockspare-f393039e-5690-4 .blockspare-section-head-wrap .blockspare-title{font-size:26px}.blockspare-f393039e-5690-4 .blockspare-section-head-wrap .blockspare-subtitle{font-size:16px}}@media screen and (max-width:768px){.blockspare-f393039e-5690-4 .blockspare-section-head-wrap .blockspare-title{font-size:20px}.blockspare-f393039e-5690-4 .blockspare-section-head-wrap .blockspare-subtitle{font-size:14px}}</style><div class="blockspare-section-head-wrap blockspare-style4 blockspare-left blockspare-hover-item"><div class="blockspare-title-wrapper"><span class="blockspare-title-dash blockspare-upper-dash"></span><h2 class="blockspare-title">Why Me?</h2><span class="blockspare-title-dash blockspare-lower-dash"></span></div><div class="blockspare-subtitle-wrapper"><span class="blockspare-title-dash blockspare-upper-dash"></span><p class="blockspare-subtitle">MY SKILLS</p><span class="blockspare-title-dash blockspare-lower-dash"></span></div></div></div> | |
| 40 | + <div class="wp-block-column" style="flex-basis:33.33%"><!-- wp:blockspare/blockspare-section-header {"uniqueClass":"blockspare-432960f7-f592-4","headerTitle":"Why Me?","titleFontSize":45,"headerSubTitle":"MY SKILLS","headertitleColor":"#f7f7f7","headersubtitleColor":"#f7f7f7","headermarginTop":100,"headermarginBottom":0,"headerlayoutOption":"blockspare-style4","subtitlePaddingBottom":10,"dashColor":"#f7f7f7"} --> | |
| 41 | + <div class="wp-block-blockspare-blockspare-section-header aligncenter blockspare-432960f7-f592-4 blockspare-section-header-wrapper blockspare-blocks aligncenter" blockspare-animation=""><style>.blockspare-432960f7-f592-4 .blockspare-section-head-wrap{background-color:transparent;text-align:left;margin-top:100px;margin-right:0px;margin-bottom:0px;margin-left:0px}.blockspare-432960f7-f592-4 .blockspare-section-head-wrap .blockspare-title{color:#f7f7f7;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-size:45px}.blockspare-432960f7-f592-4 .blockspare-section-head-wrap .blockspare-subtitle{color:#f7f7f7;font-size:18px;padding-top:0px;padding-right:0px;padding-bottom:10px;padding-left:0px}.blockspare-432960f7-f592-4 .blockspare-section-head-wrap.blockspare-style2 .blockspare-title-dash,.blockspare-432960f7-f592-4 .blockspare-section-head-wrap.blockspare-style4 .blockspare-title-dash,.blockspare-432960f7-f592-4 .blockspare-section-head-wrap.blockspare-style5 .blockspare-title-dash,.blockspare-432960f7-f592-4 .blockspare-section-head-wrap.blockspare-style6 .blockspare-title-dash,.blockspare-432960f7-f592-4 .blockspare-section-head-wrap.blockspare-style7 .blockspare-title-dash,.blockspare-432960f7-f592-4 .blockspare-section-head-wrap.blockspare-style8 .blockspare-title-dash,.blockspare-432960f7-f592-4 .blockspare-section-head-wrap.blockspare-style9 .blockspare-title-dash,.blockspare-432960f7-f592-4 .blockspare-section-head-wrap.blockspare-style16 .blockspare-title-wrapper .blockspare-lower-dash,.blockspare-432960f7-f592-4 .blockspare-section-head-wrap.blockspare-style16 .blockspare-title-wrapper .blockspare-upper-dash{color:#f7f7f7}.blockspare-432960f7-f592-4 .blockspare-section-head-wrap.blockspare-style10 .blockspare-title-wrapper .blockspare-lower-dash::before,.blockspare-432960f7-f592-4 .blockspare-section-head-wrap.blockspare-style11 .blockspare-title-wrapper .blockspare-lower-dash,.blockspare-432960f7-f592-4 .blockspare-section-head-wrap.blockspare-style13 .blockspare-title-wrapper .blockspare-upper-dash,.blockspare-432960f7-f592-4 .blockspare-section-head-wrap.blockspare-style14 .blockspare-title-wrapper .blockspare-lower-dash,.blockspare-432960f7-f592-4 .blockspare-section-head-wrap.blockspare-style15 .blockspare-title-wrapper .blockspare-lower-dash,.blockspare-432960f7-f592-4 .blockspare-section-head-wrap.blockspare-style15.blockspare-center .blockspare-title-wrapper .blockspare-upper-dash,.blockspare-432960f7-f592-4 .blockspare-section-head-wrap.blockspare-style17 .blockspare-title-wrapper .blockspare-title,.blockspare-432960f7-f592-4 .blockspare-section-head-wrap.blockspare-style18 .blockspare-title-wrapper .blockspare-title,.blockspare-432960f7-f592-4 .blockspare-section-head-wrap.blockspare-style17 .blockspare-title-wrapper .blockspare-title,.blockspare-432960f7-f592-4 .blockspare-section-head-wrap.blockspare-style19 .blockspare-title-wrapper .blockspare-title:before,.blockspare-432960f7-f592-4 .blockspare-section-head-wrap.blockspare-style20 .blockspare-title-wrapper .blockspare-lower-dash{background-color:#f7f7f7}.blockspare-432960f7-f592-4 .blockspare-section-head-wrap.blockspare-style12 .blockspare-title-wrapper .blockspare-title,.blockspare-432960f7-f592-4 .blockspare-section-head-wrap.blockspare-style18 .blockspare-title-wrapper .blockspare-lower-dash{border-bottom-color:#f7f7f7}.blockspare-432960f7-f592-4 .blockspare-section-head-wrap.blockspare-style17 .blockspare-title-wrapper .blockspare-title:before{border-top-color:#f7f7f7}.blockspare-432960f7-f592-4 .blockspare-section-head-wrap.blockspare-style10 .blockspare-title-wrapper .blockspare-lower-dash,.blockspare-432960f7-f592-4 .blockspare-section-head-wrap.blockspare-style12 .blockspare-title-wrapper .blockspare-lower-dash,.blockspare-432960f7-f592-4 .blockspare-section-head-wrap.blockspare-style13 .blockspare-title-wrapper .blockspare-lower-dash,.blockspare-432960f7-f592-4 .blockspare-section-head-wrap.blockspare-style14 .blockspare-title-wrapper .blockspare-upper-dash{background-color:#E5EFE3}@media screen and (max-width:1025px){.blockspare-432960f7-f592-4 .blockspare-section-head-wrap .blockspare-title{font-size:26px}.blockspare-432960f7-f592-4 .blockspare-section-head-wrap .blockspare-subtitle{font-size:16px}}@media screen and (max-width:768px){.blockspare-432960f7-f592-4 .blockspare-section-head-wrap .blockspare-title{font-size:20px}.blockspare-432960f7-f592-4 .blockspare-section-head-wrap .blockspare-subtitle{font-size:14px}}</style><div class="blockspare-section-head-wrap blockspare-style4 blockspare-left blockspare-hover-item"><div class="blockspare-title-wrapper"><span class="blockspare-title-dash blockspare-upper-dash"></span><h2 class="blockspare-title">Why Me?</h2><span class="blockspare-title-dash blockspare-lower-dash"></span></div><div class="blockspare-subtitle-wrapper"><span class="blockspare-title-dash blockspare-upper-dash"></span><p class="blockspare-subtitle">MY SKILLS</p><span class="blockspare-title-dash blockspare-lower-dash"></span></div></div></div> | |
| 41 | 42 | <!-- /wp:blockspare/blockspare-section-header --> |
| 42 | 43 | |
| 43 | 44 | <!-- wp:paragraph {"textColor":"base"} --> |
| 44 | 45 | <p class="has-base-color has-text-color">Maecenas nec odio et ante tincidunt tempus. Phasellus volutpat, metus eget egestas mollis, lacus lacus blandit dui, id egestas quam mauris ut lacus. Suspendisse non nisl sit amet velit hendrerit rutrum. Phasellus blandit leo ut odio. Fusce fermentum.</p> |
| @@ -47,27 +48,27 @@ | ||
| 47 | 48 | <!-- wp:paragraph {"textColor":"base"} --> |
| 48 | 49 | <p class="has-base-color has-text-color">Fusce egestas elit eget lorem. Phasellus tempus. Vivamus laoreet. Aenean massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p> |
| 49 | 50 | <!-- /wp:paragraph --> |
| 50 | 51 | |
| 51 | - <!-- wp:blockspare/blockspare-empty-section {"height":20,"uniqueClass":"blockspare-158b4ce0-bd5c-4","fillType":"transparent"} --> | |
| 52 | - <div class="wp-block-blockspare-blockspare-empty-section blockspare-158b4ce0-bd5c-4 blockspare-blocks blockspare-empty-section-wrapper" blockspare-animation=""><style>.blockspare-158b4ce0-bd5c-4 .blockspare-emptysection{height:20px;width:100%}</style><div class="blockspare-emptysection blockspare-hover-item"></div></div> | |
| 52 | + <!-- wp:blockspare/blockspare-empty-section {"height":20,"uniqueClass":"blockspare-67c779ff-2afc-4","fillType":"transparent"} --> | |
| 53 | + <div class="wp-block-blockspare-blockspare-empty-section blockspare-67c779ff-2afc-4 blockspare-blocks blockspare-empty-section-wrapper" blockspare-animation=""><style>.blockspare-67c779ff-2afc-4 .blockspare-emptysection{height:20px;width:100%}</style><div class="blockspare-emptysection blockspare-hover-item"></div></div> | |
| 53 | 54 | <!-- /wp:blockspare/blockspare-empty-section --> |
| 54 | 55 | |
| 55 | - <!-- wp:blockspare/blockspare-linearprogressbar {"uniqueClass":"blockspare-2316431d-0eb6-4","className":"blockspare-block-progress-bar blockspare-b32c23a5-9fe5-4","uniqueId":"231643"} --> | |
| 56 | - <div class="wp-block-blockspare-blockspare-linearprogressbar aligncenter blockspare-block-progress-bar blockspare-b32c23a5-9fe5-4 blockspare-2316431d-0eb6-4 blockspare-block-interaction blockspare-block-231643 aligncenter" blockspare-animation=""><div class="blockspare-block-progress-bar"><style>.blockspare-2316431d-0eb6-4 .blockspare-block-progress-bar{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:30px;margin-bottom:30px}</style><!-- wp:blockspare/blockspare-skillbar {"uniqueClass":"blockspare-659032b7-2483-4","title":"\u003cstrong\u003ePhotoshop\u003c/strong\u003e","textColor":"#f7f7f7","percentageTextColor":"#f7f7f7","percentage":90,"barColor":"#f7f7f7","backgroundColor":"#030f3e","barThickness":1} --> | |
| 57 | - <div class="wp-block-blockspare-blockspare-skillbar blockspare-659032b7-2483-4 blockspare-progressbar-wrap"><style>.blockspare-659032b7-2483-4 .blockspare-title{text-align:left;color:#f7f7f7;font-size:20px!important;font-weight:500}.blockspare-659032b7-2483-4 .blockspare_progress-bar-label{color:#f7f7f7}.blockspare-659032b7-2483-4 .blockspare-skillbar{background-color:#030f3e}.blockspare-659032b7-2483-4 .blockspare-skillbar-bar{background-color:#f7f7f7}@media screen and (max-width:1025px){.blockspare-659032b7-2483-4 .blockspare-title{font-size:16px!important}}@media screen and (max-width:768px){.blockspare-659032b7-2483-4 .blockspare-title{font-size:14px!important}}</style><div class="blockspare_progress-bar-container"><div class="blockspare-precent-text-wrap"><div class="blockspare-title blockspare-progress-title"><strong>Photoshop</strong></div><div class="blockspare_progress-bar-label">90%</div></div><div class="blockspare-skillbar-item" data-percent="90"><div class="blockspare-skillbar barthickness-1 blockspare-hover-item"><div class="blockspare-skillbar-bar"></div></div></div></div></div> | |
| 56 | + <!-- wp:blockspare/blockspare-linearprogressbar {"uniqueClass":"blockspare-d481e28a-e50f-4","className":"blockspare-block-progress-bar blockspare-b32c23a5-9fe5-4","uniqueId":"d481e2"} --> | |
| 57 | + <div class="wp-block-blockspare-blockspare-linearprogressbar aligncenter blockspare-block-progress-bar blockspare-b32c23a5-9fe5-4 blockspare-d481e28a-e50f-4 blockspare-block-interaction blockspare-block-d481e2 aligncenter" blockspare-animation=""><div class="blockspare-block-progress-bar"><style>.blockspare-d481e28a-e50f-4 .blockspare-block-progress-bar{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:30px;margin-bottom:30px}</style><!-- wp:blockspare/blockspare-skillbar {"uniqueClass":"blockspare-ca2e3b67-590b-4","title":"\u003cstrong\u003ePhotoshop\u003c/strong\u003e","textColor":"#f7f7f7","percentageTextColor":"#f7f7f7","percentage":90,"barColor":"#f7f7f7","backgroundColor":"#030f3e","barThickness":1} --> | |
| 58 | + <div class="wp-block-blockspare-blockspare-skillbar blockspare-ca2e3b67-590b-4 blockspare-progressbar-wrap"><style>.blockspare-ca2e3b67-590b-4 .blockspare-title,.blockspare-ca2e3b67-590b-4 .blockspare_progress-bar-label{text-align:left;color:#f7f7f7;font-size:20px!important}.blockspare-ca2e3b67-590b-4 .blockspare_progress-bar-label{color:#f7f7f7}.blockspare-ca2e3b67-590b-4 .blockspare-skillbar{background-color:#030f3e}.blockspare-ca2e3b67-590b-4 .blockspare-skillbar-bar{background-color:#f7f7f7}@media screen and (max-width:1025px){.blockspare-ca2e3b67-590b-4 .blockspare-title,.blockspare-ca2e3b67-590b-4 .blockspare_progress-bar-label{font-size:16px!important}}@media screen and (max-width:768px){.blockspare-ca2e3b67-590b-4 .blockspare-title,.blockspare-ca2e3b67-590b-4 .blockspare_progress-bar-label{font-size:14px!important}}</style><div class="blockspare_progress-bar-container"><div class="blockspare-precent-text-wrap"><div class="blockspare-title blockspare-progress-title"><strong>Photoshop</strong></div><div class="blockspare_progress-bar-label">90%</div></div><div class="blockspare-skillbar-item blockspare-hover-item" data-percent="90"><div class="blockspare-skillbar barthickness-1"><div class="blockspare-skillbar-bar"></div></div></div></div></div> | |
| 58 | 59 | <!-- /wp:blockspare/blockspare-skillbar --> |
| 59 | 60 | |
| 60 | - <!-- wp:blockspare/blockspare-skillbar {"uniqueClass":"blockspare-174d18d8-2dba-4","title":"Illustrator","textColor":"#f7f7f7","percentageTextColor":"#f7f7f7","percentage":95,"barColor":"#f7f7f7","backgroundColor":"#030f3e","barThickness":1} --> | |
| 61 | - <div class="wp-block-blockspare-blockspare-skillbar blockspare-174d18d8-2dba-4 blockspare-progressbar-wrap"><style>.blockspare-174d18d8-2dba-4 .blockspare-title{text-align:left;color:#f7f7f7;font-size:20px!important;font-weight:500}.blockspare-174d18d8-2dba-4 .blockspare_progress-bar-label{color:#f7f7f7}.blockspare-174d18d8-2dba-4 .blockspare-skillbar{background-color:#030f3e}.blockspare-174d18d8-2dba-4 .blockspare-skillbar-bar{background-color:#f7f7f7}@media screen and (max-width:1025px){.blockspare-174d18d8-2dba-4 .blockspare-title{font-size:16px!important}}@media screen and (max-width:768px){.blockspare-174d18d8-2dba-4 .blockspare-title{font-size:14px!important}}</style><div class="blockspare_progress-bar-container"><div class="blockspare-precent-text-wrap"><div class="blockspare-title blockspare-progress-title">Illustrator</div><div class="blockspare_progress-bar-label">95%</div></div><div class="blockspare-skillbar-item" data-percent="95"><div class="blockspare-skillbar barthickness-1 blockspare-hover-item"><div class="blockspare-skillbar-bar"></div></div></div></div></div> | |
| 61 | + <!-- wp:blockspare/blockspare-skillbar {"uniqueClass":"blockspare-1077db47-c4d6-4","title":"Illustrator","textColor":"#f7f7f7","percentageTextColor":"#f7f7f7","percentage":95,"barColor":"#f7f7f7","backgroundColor":"#030f3e","barThickness":1} --> | |
| 62 | + <div class="wp-block-blockspare-blockspare-skillbar blockspare-1077db47-c4d6-4 blockspare-progressbar-wrap"><style>.blockspare-1077db47-c4d6-4 .blockspare-title,.blockspare-1077db47-c4d6-4 .blockspare_progress-bar-label{text-align:left;color:#f7f7f7;font-size:20px!important}.blockspare-1077db47-c4d6-4 .blockspare_progress-bar-label{color:#f7f7f7}.blockspare-1077db47-c4d6-4 .blockspare-skillbar{background-color:#030f3e}.blockspare-1077db47-c4d6-4 .blockspare-skillbar-bar{background-color:#f7f7f7}@media screen and (max-width:1025px){.blockspare-1077db47-c4d6-4 .blockspare-title,.blockspare-1077db47-c4d6-4 .blockspare_progress-bar-label{font-size:16px!important}}@media screen and (max-width:768px){.blockspare-1077db47-c4d6-4 .blockspare-title,.blockspare-1077db47-c4d6-4 .blockspare_progress-bar-label{font-size:14px!important}}</style><div class="blockspare_progress-bar-container"><div class="blockspare-precent-text-wrap"><div class="blockspare-title blockspare-progress-title">Illustrator</div><div class="blockspare_progress-bar-label">95%</div></div><div class="blockspare-skillbar-item blockspare-hover-item" data-percent="95"><div class="blockspare-skillbar barthickness-1"><div class="blockspare-skillbar-bar"></div></div></div></div></div> | |
| 62 | 63 | <!-- /wp:blockspare/blockspare-skillbar --> |
| 63 | 64 | |
| 64 | - <!-- wp:blockspare/blockspare-skillbar {"uniqueClass":"blockspare-607b99da-5cff-4","title":"Indesign","textColor":"#f7f7f7","percentageTextColor":"#f7f7f7","percentage":80,"barColor":"#f7f7f7","backgroundColor":"#030f3e","barThickness":1} --> | |
| 65 | - <div class="wp-block-blockspare-blockspare-skillbar blockspare-607b99da-5cff-4 blockspare-progressbar-wrap"><style>.blockspare-607b99da-5cff-4 .blockspare-title{text-align:left;color:#f7f7f7;font-size:20px!important;font-weight:500}.blockspare-607b99da-5cff-4 .blockspare_progress-bar-label{color:#f7f7f7}.blockspare-607b99da-5cff-4 .blockspare-skillbar{background-color:#030f3e}.blockspare-607b99da-5cff-4 .blockspare-skillbar-bar{background-color:#f7f7f7}@media screen and (max-width:1025px){.blockspare-607b99da-5cff-4 .blockspare-title{font-size:16px!important}}@media screen and (max-width:768px){.blockspare-607b99da-5cff-4 .blockspare-title{font-size:14px!important}}</style><div class="blockspare_progress-bar-container"><div class="blockspare-precent-text-wrap"><div class="blockspare-title blockspare-progress-title">Indesign</div><div class="blockspare_progress-bar-label">80%</div></div><div class="blockspare-skillbar-item" data-percent="80"><div class="blockspare-skillbar barthickness-1 blockspare-hover-item"><div class="blockspare-skillbar-bar"></div></div></div></div></div> | |
| 65 | + <!-- wp:blockspare/blockspare-skillbar {"uniqueClass":"blockspare-8bd093a6-202f-4","title":"Indesign","textColor":"#f7f7f7","percentageTextColor":"#f7f7f7","percentage":80,"barColor":"#f7f7f7","backgroundColor":"#030f3e","barThickness":1} --> | |
| 66 | + <div class="wp-block-blockspare-blockspare-skillbar blockspare-8bd093a6-202f-4 blockspare-progressbar-wrap"><style>.blockspare-8bd093a6-202f-4 .blockspare-title,.blockspare-8bd093a6-202f-4 .blockspare_progress-bar-label{text-align:left;color:#f7f7f7;font-size:20px!important}.blockspare-8bd093a6-202f-4 .blockspare_progress-bar-label{color:#f7f7f7}.blockspare-8bd093a6-202f-4 .blockspare-skillbar{background-color:#030f3e}.blockspare-8bd093a6-202f-4 .blockspare-skillbar-bar{background-color:#f7f7f7}@media screen and (max-width:1025px){.blockspare-8bd093a6-202f-4 .blockspare-title,.blockspare-8bd093a6-202f-4 .blockspare_progress-bar-label{font-size:16px!important}}@media screen and (max-width:768px){.blockspare-8bd093a6-202f-4 .blockspare-title,.blockspare-8bd093a6-202f-4 .blockspare_progress-bar-label{font-size:14px!important}}</style><div class="blockspare_progress-bar-container"><div class="blockspare-precent-text-wrap"><div class="blockspare-title blockspare-progress-title">Indesign</div><div class="blockspare_progress-bar-label">80%</div></div><div class="blockspare-skillbar-item blockspare-hover-item" data-percent="80"><div class="blockspare-skillbar barthickness-1"><div class="blockspare-skillbar-bar"></div></div></div></div></div> | |
| 66 | 67 | <!-- /wp:blockspare/blockspare-skillbar --> |
| 67 | 68 | |
| 68 | - <!-- wp:blockspare/blockspare-skillbar {"uniqueClass":"blockspare-92de185a-304c-4","title":"XD","textColor":"#f7f7f7","percentageTextColor":"#f7f7f7","percentage":85,"barColor":"#f7f7f7","backgroundColor":"#030f3e","barThickness":1} --> | |
| 69 | - <div class="wp-block-blockspare-blockspare-skillbar blockspare-92de185a-304c-4 blockspare-progressbar-wrap"><style>.blockspare-92de185a-304c-4 .blockspare-title{text-align:left;color:#f7f7f7;font-size:20px!important;font-weight:500}.blockspare-92de185a-304c-4 .blockspare_progress-bar-label{color:#f7f7f7}.blockspare-92de185a-304c-4 .blockspare-skillbar{background-color:#030f3e}.blockspare-92de185a-304c-4 .blockspare-skillbar-bar{background-color:#f7f7f7}@media screen and (max-width:1025px){.blockspare-92de185a-304c-4 .blockspare-title{font-size:16px!important}}@media screen and (max-width:768px){.blockspare-92de185a-304c-4 .blockspare-title{font-size:14px!important}}</style><div class="blockspare_progress-bar-container"><div class="blockspare-precent-text-wrap"><div class="blockspare-title blockspare-progress-title">XD</div><div class="blockspare_progress-bar-label">85%</div></div><div class="blockspare-skillbar-item" data-percent="85"><div class="blockspare-skillbar barthickness-1 blockspare-hover-item"><div class="blockspare-skillbar-bar"></div></div></div></div></div> | |
| 69 | + <!-- wp:blockspare/blockspare-skillbar {"uniqueClass":"blockspare-66b733ca-ef48-4","title":"XD","textColor":"#f7f7f7","percentageTextColor":"#f7f7f7","percentage":85,"barColor":"#f7f7f7","backgroundColor":"#030f3e","barThickness":1} --> | |
| 70 | + <div class="wp-block-blockspare-blockspare-skillbar blockspare-66b733ca-ef48-4 blockspare-progressbar-wrap"><style>.blockspare-66b733ca-ef48-4 .blockspare-title,.blockspare-66b733ca-ef48-4 .blockspare_progress-bar-label{text-align:left;color:#f7f7f7;font-size:20px!important}.blockspare-66b733ca-ef48-4 .blockspare_progress-bar-label{color:#f7f7f7}.blockspare-66b733ca-ef48-4 .blockspare-skillbar{background-color:#030f3e}.blockspare-66b733ca-ef48-4 .blockspare-skillbar-bar{background-color:#f7f7f7}@media screen and (max-width:1025px){.blockspare-66b733ca-ef48-4 .blockspare-title,.blockspare-66b733ca-ef48-4 .blockspare_progress-bar-label{font-size:16px!important}}@media screen and (max-width:768px){.blockspare-66b733ca-ef48-4 .blockspare-title,.blockspare-66b733ca-ef48-4 .blockspare_progress-bar-label{font-size:14px!important}}</style><div class="blockspare_progress-bar-container"><div class="blockspare-precent-text-wrap"><div class="blockspare-title blockspare-progress-title">XD</div><div class="blockspare_progress-bar-label">85%</div></div><div class="blockspare-skillbar-item blockspare-hover-item" data-percent="85"><div class="blockspare-skillbar barthickness-1"><div class="blockspare-skillbar-bar"></div></div></div></div></div> | |
| 70 | 71 | <!-- /wp:blockspare/blockspare-skillbar --></div></div> |
| 71 | 72 | <!-- /wp:blockspare/blockspare-linearprogressbar --></div> |
| 72 | 73 | <!-- /wp:column --></div> |
| 73 | 74 | <!-- /wp:columns --></div></div></div></div> |