텍스트 블록

에디터 기능을 활용하여 원하시는 텍스트와 이미지를 입력하실 수 있습니다.

텍스트블록01

이 엘리먼트는 텍스트 블럭입니다. 에디터 기능을 활용하여 원하시는 텍스트와 이미지를 입력하실 수 있습니다. 자세한 사용법은 FreeHome.kr 이용가이드를 숙지하시기 바랍니다.

GET SETTINGS

VC Element: “Text Block”

Border: #515151, Solid

Background color: rgba(214,214,214,0.5)

Background image: [select from Media Library]

Margin: 0

Border: 0

Padding: 40px 50px 140px 50px

CSS Animation: fadeIn

텍스트블록03

이 엘리먼트는 텍스트 블럭입니다. 에디터 기능을 활용하여 원하시는 텍스트와 이미지를 입력하실 수 있습니다. 자세한 사용법은 FreeHome.kr 이용가이드를 숙지하시기 바랍니다.

GET SETTINGS

VC Element: “Text Block”

Border: #b28df4, Ridge

Background color: rgba(255,255,255,0.01)

Background image: [none]

Margin: 0

Border: 10px

Padding: 30px

CSS Animation: fadeIn

텍스트블록05

이 엘리먼트는 텍스트 블럭입니다. 에디터 기능을 활용하여 원하시는 텍스트와 이미지를 입력하실 수 있습니다. 자세한 사용법은 FreeHome.kr 이용가이드를 숙지하시기 바랍니다.

GET SETTINGS

VC Element: “Text Block”

Border: #5df1f9, Groove

Background color: #00d3df

Background image: [none]

Margin: 0

Border: 15px

Padding: 30px

CSS Animation: fadeIn

텍스트블록07

이 엘리먼트는 텍스트 블럭입니다. 에디터 기능을 활용하여 원하시는 텍스트와 이미지를 입력하실 수 있습니다. 자세한 사용법은 FreeHome.kr 이용가이드를 숙지하시기 바랍니다.

GET SETTINGS

VC Element: “Text Block”

Border: #0896e1, Solid

Background color: #ffffff

Background image: [none]

Margin: 0

Border: 5px

Padding: 30px

CSS Animation: fadeIn

텍스트블록09

이 엘리먼트는 텍스트 블럭입니다. 에디터 기능을 활용하여 원하시는 텍스트와 이미지를 입력하실 수 있습니다. 자세한 사용법은 FreeHome.kr 이용가이드를 숙지하시기 바랍니다.

GET SETTINGS

VC Element: “Text Block”

Border: #52bef7, Inherit

Background color: #0896e1

Background image: [none]

Margin: 0

Border: 5px

Padding: 30px

CSS Animation: fadeIn

텍스트블록11

이 엘리먼트는 텍스트 블럭입니다. 에디터 기능을 활용하여 원하시는 텍스트와 이미지를 입력하실 수 있습니다. 자세한 사용법은 FreeHome.kr 이용가이드를 숙지하시기 바랍니다.

GET SETTINGS

VC Element: “Text Block”

Border: #52bef7, Outset

Background color: #0896e1

Background image: [none]

Margin: 0

Border: 8px

Padding: 30px

CSS Animation: fadeIn

텍스트블록02

이 엘리먼트는 텍스트 블럭입니다. 에디터 기능을 활용하여 원하시는 텍스트와 이미지를 입력하실 수 있습니다. 자세한 사용법은 FreeHome.kr 이용가이드를 숙지하시기 바랍니다.

GET SETTINGS

VC Element: “Text Block”

Border: #515151, Solid

Background color: rgba(214,214,214,0.5)

Background image: [select from Media Library]

Padding: 40px 50px 140px 50px

CSS Animation: fadeIn

텍스트블록04

이 엘리먼트는 텍스트 블럭입니다. 에디터 기능을 활용하여 원하시는 텍스트와 이미지를 입력하실 수 있습니다. 자세한 사용법은 FreeHome.kr 이용가이드를 숙지하시기 바랍니다.

GET SETTINGS

VC Element: “Text Block”

Border: #0896e1, Double

Background color: #ffffff

Background image: [none]

Margin: 0

Border: 10px

Padding: 30px

CSS Animation: fadeIn

텍스트블록06

이 엘리먼트는 텍스트 블럭입니다. 에디터 기능을 활용하여 원하시는 텍스트와 이미지를 입력하실 수 있습니다. 자세한 사용법은 FreeHome.kr 이용가이드를 숙지하시기 바랍니다.

GET SETTINGS

VC Element: “Text Block”

Border: #b28df4, Inset

Background color: #9067db

Background image: [none]

Margin: 0

Border: 15px

Padding: 30px

CSS Animation: fadeIn

텍스트블록08

이 엘리먼트는 텍스트 블럭입니다. 에디터 기능을 활용하여 원하시는 텍스트와 이미지를 입력하실 수 있습니다. 자세한 사용법은 FreeHome.kr 이용가이드를 숙지하시기 바랍니다.

GET SETTINGS

VC Element: “Text Block”

Border: #00d3df, Dotted

Background color: #ffffff

Background image: [none]

Margin: 0

Border: 2px

Padding: 32px

CSS Animation: fadeIn

텍스트블록10

이 엘리먼트는 텍스트 블럭입니다. 에디터 기능을 활용하여 원하시는 텍스트와 이미지를 입력하실 수 있습니다. 자세한 사용법은 FreeHome.kr 이용가이드를 숙지하시기 바랍니다.

GET SETTINGS

VC Element: “Text Block”

Border: #52bef7, Inherit

Background color: #0896e1

Background image: [none]

Margin: 0

Border: 5px

Padding: 30px

CSS Animation: fadeIn

텍스트블록12

이 엘리먼트는 텍스트 블럭입니다. 에디터 기능을 활용하여 원하시는 텍스트와 이미지를 입력하실 수 있습니다. 자세한 사용법은 FreeHome.kr 이용가이드를 숙지하시기 바랍니다.

GET SETTINGS

VC Element: “Text Block”

Border: #5df1f9, Dashed

Background color: #00d3df

Background image: [none]

Margin: 0

Border: 5px

Padding: 30px

CSS Animation: fadeIn

텍스트블록13

메시지 박스입니다. 이곳에 알림내용을 작성하세요.메시지 박스입니다. 이곳에 알림내용을 작성하세요.메시지 박스입니다. 이곳에 알림내용을 작성하세요.메시지 박스입니다. 이곳에 알림내용을 작성하세요.메시지 박스입니다. 이곳에 알림내용을 작성하세요.메시지 박스입니다. 이곳에 알림내용을 작성하세요.메시지 박스입니다. 이곳에 알림내용을 작성하세요.메시지 박스입니다. 이곳에 알림내용을 작성하세요.

GET SETTINGS

VC Element: “Message box”

Message box type: Informational

Style: Rounded

CSS Animation: fadeInLeft

텍스트블록14

메시지 박스입니다. 이곳에 알림내용을 작성하세요.메시지 박스입니다. 이곳에 알림내용을 작성하세요.메시지 박스입니다. 이곳에 알림내용을 작성하세요.메시지 박스입니다. 이곳에 알림내용을 작성하세요.메시지 박스입니다. 이곳에 알림내용을 작성하세요.메시지 박스입니다. 이곳에 알림내용을 작성하세요.메시지 박스입니다. 이곳에 알림내용을 작성하세요.메시지 박스입니다. 이곳에 알림내용을 작성하세요.

GET SETTINGS

VC Element: “Message box”

Message box type: Warning

Style: Outlined

CSS Animation: fadeInRight

텍스트블록15

메시지 박스입니다. 이곳에 알림내용을 작성하세요.메시지 박스입니다. 이곳에 알림내용을 작성하세요.메시지 박스입니다. 이곳에 알림내용을 작성하세요.메시지 박스입니다. 이곳에 알림내용을 작성하세요.메시지 박스입니다. 이곳에 알림내용을 작성하세요.메시지 박스입니다. 이곳에 알림내용을 작성하세요.메시지 박스입니다. 이곳에 알림내용을 작성하세요.메시지 박스입니다. 이곳에 알림내용을 작성하세요.

GET SETTINGS

VC Element: “Message box”

Message box type: Success

Style: Square

CSS Animation: fadeInLeft

텍스트블록16

메시지 박스입니다. 이곳에 알림내용을 작성하세요.메시지 박스입니다. 이곳에 알림내용을 작성하세요.메시지 박스입니다. 이곳에 알림내용을 작성하세요.메시지 박스입니다. 이곳에 알림내용을 작성하세요.메시지 박스입니다. 이곳에 알림내용을 작성하세요.메시지 박스입니다. 이곳에 알림내용을 작성하세요.메시지 박스입니다. 이곳에 알림내용을 작성하세요.메시지 박스입니다.

GET SETTINGS

VC Element: “Message box”

Message box type: Error

Style: Square Outlined

CSS Animation: fadeInRight