Loading the content...

Typography

  • Home
  • 가이드
  • 비반응형 ShortCodes
  • Typography

TYPOGRAPHY

"이윰빌더에서 기본적으로 제공하는 PC BASIC 테마의 ShortCodes 입니다."

Headings

h1. Heading 1 Secondary text

h2. Heading 2 Secondary text

h3. Heading 3 Secondary text

h4. Heading 4 Secondary text

h5. Heading 5 Secondary text
h6. Heading 6 Secondary text
		    	

h1. Heading 1 Secondary text

h2. Heading 2 Secondary text

h3. Heading 3 Secondary text

h4. Heading 4 Secondary text

h5. Heading 5 Secondary text
h6. Heading 6 Secondary text

Paragraph

Suspendisse sit amet tellus in eros bibendum condimentum.

		    	

Suspendisse sit...

Vivamus nisl nibh, iaculis vitae, viverra sit amet, ullamcorper vitae, turpis. Aliquam erat volutpat.

		    	

Vivamus nisl nibh...

Duis enim nulla, luctus eu, dapibus lacinia, venenatis id, quam. Vestibulum imperdiet, euismod lacinia quam nisl id lorem.

		    	

Duis enim nulla...

Color Texts & Bordered

글자색상 class를 지정할 수 있습니다. color-red red 색상 color-sea sea 색상 color-blue blue 색상 color-green green 색상 color-orange orange 색상 color-purple purple 색상 color-aqua aqua 색상 color-brown brown 색상

			color-red
			color-sea
			color-blue
			color-green
			color-orange
			color-purple
			color-aqua
			color-brown
		

Tooltips

Tooltip 활용입니다. tooltips 마우스 호버 시 툴팁 활성화됩니다.

			tooltips
		


            
            
            
            
		

Description

Description 1
Nullam non wisi a sem semper eleifend. Donec mattis.
Description 2
Duis pretium velit ac mauris. Proin eu wisi suscipit nulla suscipit interdum.
Aenean lectus lorem, imperdiet at, ultrices eget, ornare et.
Description 3
Pellentesque adipiscing purus ac magna.
	        
Description 1
Nullam non wisi a sem semper eleifend. Donec mattis.
Description 2
Duis pretium velit ac mauris. Proin eu wisi suscipit nulla suscipit interdum.
Aenean lectus lorem, imperdiet at, ultrices eget, ornare et.
Description 3
Pellentesque adipiscing purus ac magna.

Unordered List

  • Nullam non wisi a sem semper
  • Semper eleifend. Donec mattis
  • Duis pretium velit ac mauris
    • Proin eu wisi suscipit
    • Nulla suscipit interdum
    • Pellentesque adipiscing purus
    • Adipiscing purus ac magna
  • Mauris a dolor nulla facilis
	        
  • Nullam non wisi a sem semper
  • Semper eleifend. Donec mattis
  • Duis pretium velit ac mauris
    • Proin eu wisi suscipit
    • Nulla suscipit interdum
    • Pellentesque adipiscing purus
    • Adipiscing purus ac magna
  • Mauris a dolor nulla facilis

Ordered List

  1. Nullam non wisi a sem semper
  2. Semper eleifend. Donec mattis
  3. Duis pretium velit ac mauris
    1. Proin eu wisi suscipit
    2. Nulla suscipit interdum
    3. Pellentesque adipiscing purus
    4. Adipiscing purus ac magna
  4. Mauris a dolor nulla facilis
	        
  1. Nullam non wisi a sem semper
  2. Semper eleifend. Donec mattis
  3. Duis pretium velit ac mauris
    1. Proin eu wisi suscipit
    2. Nulla suscipit interdum
    3. Pellentesque adipiscing purus
    4. Adipiscing purus ac magna
  4. Mauris a dolor nulla facilis

Unstyled List

  • Nullam non wisi a sem semper
  • Semper eleifend. Donec mattis
  • Duis pretium velit ac mauris
    • Proin eu wisi suscipit
    • Nulla suscipit interdum
    • Pellentesque adipiscing purus
    • Adipiscing purus ac magna
  • Mauris a dolor nulla facilis
	        
  • Nullam non wisi a sem semper
  • Semper eleifend. Donec mattis
  • Duis pretium velit ac mauris
    • Proin eu wisi suscipit
    • Nulla suscipit interdum
    • Pellentesque adipiscing purus
    • Adipiscing purus ac magna
  • Mauris a dolor nulla facilis

Inline List

	        
        

Cont Text Backgrounds

bg-color-white

bg-color-dark

bg-color-light

bg-color-light2

	        

bg-color-white

bg-color-dark

bg-color-light

bg-color-light2

Cont Text Rounded Examples

rounded

rounded-2x

rounded-3x

rounded-4x

	        

rounded

rounded-2x

rounded-3x

rounded-4x

Heading Options

Heading Strip Style

Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor enim accumsan lacinia. Donec condimentum, urna non molestie semper, ligula enim ornare nibh, quis laoreet eros quam eget ante.

	            

Heading Strip Style

Maecenas pede nisl, elementum eu, ornare ac, malesuada...

Heading Dashed Style

Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor enim accumsan lacinia. Donec condimentum, urna non molestie semper, ligula enim ornare nibh, quis laoreet eros quam eget ante.

	            

Heading Dashed Style

Maecenas pede nisl, elementum eu, ornare ac, malesuada...