Content Boxes

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

Info! 부트스트랩의 기본 가이드는 아래 링크를 참조하세요.

Bootstrap Site - http://getbootstrap.com/
부트스트랩 한글번역 - http://bootstrapk.com/
Service Box Content Box Panels

Service Box Sample

Default Box

Service Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Dark Box

Service Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Red Box

Service Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

		    

Default Box

Service Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Dark Box

Service Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Red Box

Service Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Blue Box

Service Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Yellow Box

Service Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Purple Box

Service Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

		    

Blue Box

Service Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Yellow Box

Service Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Purple Box

Service Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Brown Box

Service Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Orange Box

Service Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Aqua Box

Service Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

		    

Brown Box

Service Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Orange Box

Service Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Aqua Box

Service Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Sea Box

Service Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Dark Blue Box

Service Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Light Green Box

Service Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

		    

Sea Box

Service Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Dark Blue Box

Service Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Light Green Box

Service Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Content Box Sample

Large Box

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Bordered Box

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Rounded Box

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Tittle Here

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

			            

Large Box

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Bordered Box

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Rounded Box

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Tittle Here

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Info!
i 태그 내 class에서
			            icon-color-blue, icon-color-red, icon-color-sea, icon-color-green, icon-color-yellow, icon-color-orange, icon-color-grey, icon-color-purple, icon-color-aqua, icon-color-brown, icon-color-dark-blue, icon-color-light-green, icon-color-light-grey
			            icon-bg-blue, icon-bg-red, icon-bg-sea, icon-bg-green, icon-bg-yellow, icon-bg-orange, icon-bg-grey, icon-bg-purple, icon-bg-aqua, icon-bg-brown, icon-bg-dark-blue, icon-bg-light-green, icon-bg-light-grey
			            
등으로 색상수정이 가능합니다.

Rounded-2x Box

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Bordered-2x Box

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Rounded-2x Box

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Circle Style

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

			            

Rounded-2x Box

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Bordered-2x Box

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Rounded-2x Box

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Circle Style

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Info!
i 태그 내 class에서
			            icon-color-blue, icon-color-red, icon-color-sea, icon-color-green, icon-color-yellow, icon-color-orange, icon-color-grey, icon-color-purple, icon-color-aqua, icon-color-brown, icon-color-dark-blue, icon-color-light-green, icon-color-light-grey
			            icon-bg-blue, icon-bg-red, icon-bg-sea, icon-bg-green, icon-bg-yellow, icon-bg-orange, icon-bg-grey, icon-bg-purple, icon-bg-aqua, icon-bg-brown, icon-bg-dark-blue, icon-bg-light-green, icon-bg-light-grey
			            
등으로 색상수정이 가능합니다.

Large Box

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Bordered Box

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Rounded Box

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Tittle Here

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

			            

Large Box

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Bordered Box

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Rounded Box

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Tittle Here

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Info!
i 태그 내 class에서
			            icon-color-blue, icon-color-red, icon-color-sea, icon-color-green, icon-color-yellow, icon-color-orange, icon-color-grey, icon-color-purple, icon-color-aqua, icon-color-brown, icon-color-dark-blue, icon-color-light-green, icon-color-light-grey
			            icon-bg-blue, icon-bg-red, icon-bg-sea, icon-bg-green, icon-bg-yellow, icon-bg-orange, icon-bg-grey, icon-bg-purple, icon-bg-aqua, icon-bg-brown, icon-bg-dark-blue, icon-bg-light-green, icon-bg-light-grey
			            
등으로 색상수정이 가능합니다.

Rounded-2x Box

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Bordered-2x Box

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Circle Style

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Circle Style

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

			            

Rounded-2x Box

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Bordered-2x Box

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Circle Style

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Circle Style

Content Box의 예제입니다. 서비스 내용이나 간략하게 전달하려는 내용에 적합합니다.

Info!
i 태그 내 class에서
			            icon-color-blue, icon-color-red, icon-color-sea, icon-color-green, icon-color-yellow, icon-color-orange, icon-color-grey, icon-color-purple, icon-color-aqua, icon-color-brown, icon-color-dark-blue, icon-color-light-green, icon-color-light-grey
			            icon-bg-blue, icon-bg-red, icon-bg-sea, icon-bg-green, icon-bg-yellow, icon-bg-orange, icon-bg-grey, icon-bg-purple, icon-bg-aqua, icon-bg-brown, icon-bg-dark-blue, icon-bg-light-green, icon-bg-light-grey
			            
등으로 색상수정이 가능합니다.

Panels

Green Panel

Heading Subject

Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor enim accumsan lacinia. Donec condimentum, urna non molestie semper.

Yellow Panel

Heading Subject

Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor enim accumsan lacinia. Donec condimentum, urna non molestie semper.

Red Panel

Heading Subject

Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor enim accumsan lacinia. Donec condimentum, urna non molestie semper.

Purple Panel

Heading Subject

Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor enim accumsan lacinia. Donec condimentum, urna non molestie semper.

Grey Panel

Heading Subject

Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor enim accumsan lacinia. Donec condimentum, urna non molestie semper.

Dark Panel

Heading Subject

Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor enim accumsan lacinia. Donec condimentum, urna non molestie semper.

Brown Panel

Heading Subject

Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor enim accumsan lacinia. Donec condimentum, urna non molestie semper.

Orange Panel

Heading Subject

Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor enim accumsan lacinia. Donec condimentum, urna non molestie semper.

						        

Red Panel

Heading Subject

Maecenas pede nisl, elementum eu...

Info!
panel class에서
					            pandel-red, panel-yellow, pandel-green, pandel-purple, pandel-grey, pandel-dark, pandel-orange, pandel-blue, pandel-aqua, pandel-sea, pandel-brown, pandel-light-green
					            
등으로 색상수정이 가능합니다.

Info Panel

Info Bootstrap Panel

Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor enim accumsan lacinia. Donec condimentum, urna non molestie semper.

		                        

Info Panel

Info Bootstrap Panel

Maecenas pede nisl, elementum eu...

Success Panel

Success Bootstrap Panel

Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor enim accumsan lacinia. Donec condimentum, urna non molestie semper.

		                        

Success Panel

Success Bootstrap Panel

Maecenas pede nisl, elementum eu...

Warning Panel

Warning Bootstrap Panel

Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor enim accumsan lacinia. Donec condimentum, urna non molestie semper.

		                        

Warning Panel

Warning Bootstrap Panel

Maecenas pede nisl, elementum eu...

Danger Panel

Danger Bootstrap Panel

Maecenas pede nisl, elementum eu, ornare ac, malesuada at, erat. Proin gravida orci porttitor enim accumsan lacinia. Donec condimentum, urna non molestie semper.

		                        

Danger Panel

Danger Bootstrap Panel

Maecenas pede nisl, elementum eu...