본문바로가기

Demo

Alopex UI Template

Alopex UI 와 Alopex 그리드 로 구성된 UI 템플릿을 제공합니다. 당사와의 업무 계약에 따라 프로젝트에 맞춤형 Template 을 제공할 수 있습니다.(약 10종 이내)

[Type A - Full Size Layout]

Type A 바로가기 Template Type A 소스 다운로드

브라우저 화면 사이즈에 따라 맞추어 전체 컨텐츠 영역이 조절되는 형태의 레이아웃을 가지는 Template 입니다.

[Type B - Left Menu Fix Layout]

Type B 바로가기 Template Type B 소스 다운로드

좌측 메뉴 영역이 고정된 형태의 레이아웃을 가지는 Template 입니다.

[Type C - Fix Width Layout]

Type C 바로가기 Template Type C 소스 다운로드

화면 사이즈에 상관없이 고정 컨텐츠 사이즈 영역을 가지는 형태의 레이아웃을 가지는 Template 입니다.

[Type D - Responsive Left Menu Layout]

Type D 바로가기 Template Type D 소스 다운로드

좌측 메뉴의 너비를 동적으로 조절 가능하며, 브라우저 화면 사이즈에 따라 맞추어 전체 컨텐츠 영역이 조절되는 레이아웃을 가지는 Template 입니다.

[Type E - Responsive Splitter Layout]

Type E 바로가기 Template Type E 소스 다운로드

Splitter 컴포넌트를 사용하여 컨텐츠 영역이 조절되는 레이아웃을 가지는 Template 입니다.

[Type F - Flexbox Layout ]

Type F 바로가기 Template Type F 소스 다운로드

Flexbox 레이아웃을 가지는 Template 입니다.

  • Flexbox 컴포넌트는 css3의 최신 스펙으로, IE11, chrome 등의 상위 버전의 브라우져에서 사용 가능합니다.