リッチCTA|トップページ&ウィジェット用

croover

コードをコピー
<!-- wp:jinr-blocks/fullwidth {"fullWidthSize":"d\u002d\u002dfullwidth-article","fullWidthDeco":"d\u002d\u002dfullwidth-deco-bgimage","fullWidthImageID":2613,"fullWidthImageUrl":"http://jinr-theme.com/wp-content/uploads/2022/06/アートボード-53.png","fullWidthBgColorTransparent":56,"fullWidthBgColorDesign":"blur","fullWidthBlurlebel":6,"fullWidthPaddingPc":"d\u002d\u002dfullwidth-pad40","fullWidthPaddingSp":"d\u002d\u002dfullwidth-pad20-sp"} --> <section class="wp-block-jinr-blocks-fullwidth b--jinr-block b--jinr-fullwidth-container"><section class="b--jinr-fullwidth d--fullwidth-parallax-off d--fullwidth-deco-bgimage"><div class="a--jinr-fullwidth-image"><div class="a--jinr-fullwidth-image-clip"><img src="http://jinr-theme.com/wp-content/uploads/2022/06/アートボード-53.png" style="filter:blur(6px);transform:scale(1.03)"/></div></div><div class="a--jinr-fullwidth-overlay" style="background-color:#f5f5f5;opacity:0.56"></div><div class="d--fullwidth-article d--fullwidth-pad40 d--fullwidth-pad20-sp t--main-width" style="color:#555555"><!-- wp:jinr-blocks/designtitle {"mainText":"WordPressテーマ「JIN:R」","subText":"直感的なデザインを今すぐに","divText":"WordPressテーマ「JIN:R」","radioLayout":"center"} --> <section class="wp-block-jinr-blocks-designtitle b--jinr-block b--jinr-h2rich d--h2rich-center d--h2rich-style1 d--titledesign-weight-thin d--h2rich-none js--scr-animation" style="border-color:#407FED"><div class="c--h2rich-contents"><span class="a--h2rich-subcopy ef" style="color:#407FED">直感的なデザインを今すぐに</span><h2 class="a--h2rich-maincopy d--bold ef" style="color:#407FED">WordPressテーマ「JIN:R」</h2></div></section> <!-- /wp:jinr-blocks/designtitle --> <!-- wp:image {"id":2615,"sizeSlug":"full","linkDestination":"custom"} --> <figure class="wp-block-image size-full"><a href="https://jinr.jp/"><img src="https://jinr-theme.com/wp-content/uploads/2022/06/アートボード-12.png" alt="" class="wp-image-2615"/></a></figure> <!-- /wp:image --> <!-- wp:jinr-blocks/background {"backgroundBgColor":"rgba(255,255,255,0.51)"} --> <div class="wp-block-jinr-blocks-background b--jinr-block b--jinr-background"><div class="o--background-container d--background-design-flat d--background-shadow-s d--border-outset"><div class="c--background-inner d--border-none d--border-1px t--round" style="border-color:#c5c5c5"><!-- wp:paragraph {"align":"center","bottomMarginPcAttribute":"d\u002d\u002dbottom-margin-s-pc"} --> <p class="has-text-align-center d--bottom-margin-s-pc ">DEMOにあるデザイン、すべて手に入ります。</p> <!-- /wp:paragraph --> <!-- wp:jinr-blocks/button {"content":"今すぐダウンロード !","inputUrl":"https://jinr.jp/download/","toggleTab":true} --> <div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button js--scr-animation">[jinr_button1 target="true" href="https://jinr.jp/download/" align="d--button-center"]<span>今すぐダウンロード !</span>[/jinr_button1]</div> <!-- /wp:jinr-blocks/button --></div></div><div class="a--background-color" style="background:rgba(255,255,255,0.51)"></div><div class="a--background-image t--round d--background-pattern1" style="opacity:0.29999999999999993;background-size:16.666666666666668%"></div></div> <!-- /wp:jinr-blocks/background --></div></section></section> <!-- /wp:jinr-blocks/fullwidth -->