WELCOME

デザイン見本帳

コードをコピーを押すと、デザインをコピーできます。
執筆画面に戻って、右クリックで貼り付けてください。

※ コピぺして「ブロックリカバリー」を求められた場合は、リカバリーをしてもらえばOKです
※ SSL化されていないサイトはコピーがうまくできません。その時はWEB版をご利用ください

パターン一覧

コンセプト05｜左右に分かれるレイアウト

croover
当社のこだわり

Concept

Concept

直感的なサイトデザインを

JIN:Rは、誰でも直感的に美しいサイトを作ることができるツールとして、３年間の歳月をかけて完成させました。

ここにブログやサービスのコンセプト、こだわりを書いていきましょう。

Read more
Concept

直感的なサイトデザインを

JIN:Rは、誰でも直感的に美しいサイトを作ることができるツールとして、３年間の歳月をかけて完成させました。

ここにブログやサービスのコンセプト、こだわりを書いていきましょう。

Read more
コードをコピー 
								<!-- wp:jinr-blocks/fullwidth {"fullWidthBgColor":"#fcfcfc","fullWidthPaddingPc":"d\u002d\u002dfullwidth-pad50","fullWidthPaddingSp":"d\u002d\u002dfullwidth-pad30-sp"} -->
<section class="wp-block-jinr-blocks-fullwidth b--jinr-block b--jinr-fullwidth-container"><section class="b--jinr-fullwidth" style="background-color:#fcfcfc"><div class="d--fullwidth-max d--fullwidth-pad50 d--fullwidth-pad30-sp t--main-width" style="color:#555555"><!-- wp:jinr-blocks/designtitle {"mainText":"\u003cspan class=\u0022jinr-d\u002d\u002dfont-size d\u002d\u002dfontsize-30px\u0022\u003eConcept \u003c/span\u003e","subText":"当社のこだわり","divText":"\u003cspan class=\u0022jinr-d\u002d\u002dfont-size d\u002d\u002dfontsize-30px\u0022\u003eConcept \u003c/span\u003e","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"><span class="jinr-d--font-size d--fontsize-30px">Concept </span></h2></div></section>
<!-- /wp:jinr-blocks/designtitle -->

<!-- wp:media-text {"mediaId":2613,"mediaLink":"https://jinr-theme.com/?attachment_id=2613","mediaType":"image","imageFill":true} -->
<div class="wp-block-media-text alignwide is-stacked-on-mobile is-image-fill"><figure class="wp-block-media-text__media" style="background-image:url(http://jinr-theme.com/wp-content/uploads/2022/06/アートボード-53-1024x599.png);background-position:50% 50%"><img src="http://jinr-theme.com/wp-content/uploads/2022/06/アートボード-53-1024x599.png" alt="" class="wp-image-2613 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:jinr-blocks/designtitle {"mainText":"直感的なサイトデザインを","subText":"Concept","divText":"直感的なサイトデザインを"} -->
<section class="wp-block-jinr-blocks-designtitle b--jinr-block b--jinr-h2rich d--h2rich-left 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">Concept</span><h2 class="a--h2rich-maincopy d--bold ef" style="color:#407FED">直感的なサイトデザインを</h2></div></section>
<!-- /wp:jinr-blocks/designtitle -->

<!-- wp:paragraph -->
<p>JIN:Rは、誰でも直感的に美しいサイトを作ることができるツールとして、３年間の歳月をかけて完成させました。</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>ここにブログやサービスのコンセプト、こだわりを書いていきましょう。</p>
<!-- /wp:paragraph -->

<!-- wp:jinr-blocks/button {"content":"Read more","inputUrl":"https://jinr.jp/","buttonDesign":"arrow","buttonLayout":"d\u002d\u002dbutton-right","registeredButton":"5"} -->
<div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button js--scr-animation">[jinr_button5 href="https://jinr.jp/" align="d--button-right"]<span>Read more</span>[/jinr_button5]</div>
<!-- /wp:jinr-blocks/button --></div></div>
<!-- /wp:media-text -->

<!-- wp:media-text {"mediaPosition":"right","mediaId":2613,"mediaLink":"https://jinr-theme.com/?attachment_id=2613","mediaType":"image","imageFill":true} -->
<div class="wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile is-image-fill"><figure class="wp-block-media-text__media" style="background-image:url(http://jinr-theme.com/wp-content/uploads/2022/06/アートボード-53-1024x599.png);background-position:50% 50%"><img src="http://jinr-theme.com/wp-content/uploads/2022/06/アートボード-53-1024x599.png" alt="" class="wp-image-2613 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:jinr-blocks/designtitle {"mainText":"直感的なサイトデザインを","subText":"Concept","divText":"直感的なサイトデザインを"} -->
<section class="wp-block-jinr-blocks-designtitle b--jinr-block b--jinr-h2rich d--h2rich-left 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">Concept</span><h2 class="a--h2rich-maincopy d--bold ef" style="color:#407FED">直感的なサイトデザインを</h2></div></section>
<!-- /wp:jinr-blocks/designtitle -->

<!-- wp:paragraph -->
<p>JIN:Rは、誰でも直感的に美しいサイトを作ることができるツールとして、３年間の歳月をかけて完成させました。</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>ここにブログやサービスのコンセプト、こだわりを書いていきましょう。</p>
<!-- /wp:paragraph -->

<!-- wp:jinr-blocks/button {"content":"Read more","inputUrl":"https://jinr.jp/","buttonDesign":"arrow","buttonLayout":"d\u002d\u002dbutton-right","registeredButton":"5"} -->
<div class="wp-block-jinr-blocks-button b--jinr-block b--jinr-button js--scr-animation">[jinr_button5 href="https://jinr.jp/" align="d--button-right"]<span>Read more</span>[/jinr_button5]</div>
<!-- /wp:jinr-blocks/button --></div></div>
<!-- /wp:media-text --></div></section></section>
<!-- /wp:jinr-blocks/fullwidth -->
記事URLをコピーしました