Scroll X Style

scroll-x

보기: 1
[A]에서 형상화된 고양이의 특징들이 [B]에서 직유 표현을 통해 더욱 구체화되고 있다.

2
[A]는 봄의 정경 묘사가 주를 이루는 반면, [B]는 고양이의 외양 묘사가 된다.

3
[A]와 [B]의 각 연들은 고양이와 봄이 가지는 서로 상반된 속성을 강조하여 봄을 형상화 하고 있다.

4
[A]와 [B]는 모두 봄에 대해서는 부드럽거나 고요한 이미지를 제시하고 나서 역동적이거나 날카로운 이미지를 제시하고 있다.

5

Tab button-01

Tab content 1 is--bg

Tab content 2 is--bg

Tab content 3 is--bg

Tab content 1 is--bg

Tab content 2 is--bg

Tab content 3 is--bg

Tab content 4 is--bg

Tab content 5 is--bg

Tab content 6 is--bg

Tab content 7 is--bg

Tab content 8 is--bg

Tab content 9 is--bg

Tab content 10 is--bg

Tab content 11 is--bg

Tab content 12 is--bg

Tab content 13 is--bg

전체

생활과 윤리 보충반

윤리와 사상 정규

전체

생활과 윤리 보충반

윤리와 사상 정규

Button-01
(button-main)

Normal (44px)

Normal Round (44px)

Hover (44px)

Disabled (44px)

Large (56px)

Small
(40px)

L Small
(34px)

M Small
(min: 30px)

X Small
(min: 29px)

Button-02
(button-sub)

Text button-01
(button-text)

Icon button
(button-icon)

Toggle Button

active default

Tag button
(button-tag)

button-tab (has icon)

Button Color
(button-main, button-tag)

State Box

.state-box (ing, planned, homework, quiz, survey, report, end, waiting)

진행중

예정

과제

설문

퀴즈

진단

마감

대기중

서비스 1:1 문의

학교 공지

서비스 공지

설문

개인정보 변경

서비스 1:1 문의

학교 공지

서비스 공지

설문

개인정보 변경

.state-box (no-end, no-watch, before-end, after-end,)

미완료 미시청 기한 내 완료 기한 후 완료

.state-box (no-end, yes-end, late-end, early-end)

미제출 제출 결석 출석 지각 조퇴 -

.state-box (approval, standby, reject, complete, no-complete)

승인 대기 반려 이수 미이수

.state-box (enroll, moveout, dropout)

재학 전출 자퇴

.state-box (verygood, great, normal, poor, verypoor)

매우 우수

우수

보통

미흡

매우 미흡

참여 불가

매우 우수

우수

보통

미흡

매우 미흡

매우 우수

우수

보통

미흡

매우 미흡

다소 미흡

참여 불가

Page Button

Page navi

First page (is--disabled) Prev page (is--disabled) 1 2 Next page Last page

Date button

2023.01.09 ~ 2023.01.15

22023.01.06

Check box

normal (is--violet)

normal

selected

Sample change font size

Radio button

normal

selected

Sample change font size

Dropdown : bg

Dropdown : large

Dropdown : empty

Dropdown : text

Edit text input

Input Type

Input required

this input required : pass

this input required : error

Input in DIV, p

no-input
no-input
no-input

오길동

Search box

Input TEXTAREA

Input DATEPICKER

datepicker only

datepicker + time + minute (tablet full)

datepicker + time + minute

Contents title

유익하고 다양한 수업을 둘러보세요 (Height 102px)

학생 출석부 전체

학생 출석부 전체 (no-bg, Height 86px)

유익하고 다양한 수업을 둘러보세요 (no-bg, Height 86px)

룰렛 (no-bg, Height 86px)

참여대상 : 수업 수강생 (10)

학생

게시판 (no-bg, Height 86px)

등록일	~
카테고리
제목

게시판 (no-bg, Height 86px)

등록일	~
카테고리
제목

월간 리포트

학생 상세보기

2023.03

2단계

학생 상세보기

Scroll X Style

Tab button-01

Button-01 (button-main)

Button-02 (button-sub)

Text button-01 (button-text)

Icon button (button-icon)

Toggle Button

Tag button (button-tag)

Button Color (button-main, button-tag)

State Box

Page Button

Page navi

Date button

Check box

Radio button

Dropdown

Dropdown : bg

Dropdown : large

Dropdown : empty

Dropdown : text

Edit text input

Input Type

Input required

Input in DIV, p

Search box

Input TEXTAREA

Input DATEPICKER

Contents title

Icon (91px, 83px, 68px, 42px, 40px, 34px, 32px, 30px, 28px, 27px, 24px, 22px, 20px, 18px, 14px, 12px, 10px)

ICON

black

white

violet

gray

blue

green

red

orange

color

img

form

gray

img

black

white

color

join

main

color

초등 UI

Button-01
(button-main)

Button-02
(button-sub)

Text button-01
(button-text)

Icon button
(button-icon)

Tag button
(button-tag)

Button Color
(button-main, button-tag)

Icon
(91px, 83px, 68px, 42px, 40px, 34px, 32px, 30px, 28px, 27px, 24px, 22px, 20px, 18px, 14px, 12px, 10px)