Board Type : 1 Grid + 좌/우 Table

Title Content

Title Content

1st Header 2nd Header 3rd Header 4th Header
Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 1, Col 4
Row 2, Col 1 Row 2, Col 2 Row 2, Col 3 Row 2, Col 4
Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 1, Col 4
Row 2, Col 1 Row 2, Col 2 Row 2, Col 3 Row 2, Col 4
Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 1, Col 4
Row 2, Col 1 Row 2, Col 2 Row 2, Col 3 Row 2, Col 4
Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 1, Col 4
Row 2, Col 1 Row 2, Col 2 Row 2, Col 3 Row 2, Col 4
Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 1, Col 4
Row 2, Col 1 Row 2, Col 2 Row 2, Col 3 Row 2, Col 4

Title Content

1st Header 2nd Header 3rd Header 4th Header
Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 1, Col 4
Row 2, Col 1 Row 2, Col 2 Row 2, Col 3 Row 2, Col 4
Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 1, Col 4
Row 2, Col 1 Row 2, Col 2 Row 2, Col 3 Row 2, Col 4
Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 1, Col 4
Row 2, Col 1 Row 2, Col 2 Row 2, Col 3 Row 2, Col 4
Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 1, Col 4
Row 2, Col 1 Row 2, Col 2 Row 2, Col 3 Row 2, Col 4
Row 1, Col 1 Row 1, Col 2 Row 1, Col 3 Row 1, Col 4
Row 2, Col 1 Row 2, Col 2 Row 2, Col 3 Row 2, Col 4
						
							<!-- 제목을 왼쪽에 위치시키고 버튼을 오른쪽으로 보낼 때 'Float-left', 'Float-right' Helper css를 사용합니다. -->
							<h4 class="Float-left">Title content</h4>
							<div class="Float-right"><button class="Button Typeb">Button 01</button><button class="Button">Button 02</button></div>
							<!--Alopex Grid가 들어가는 부분입니다. 상세 내용은 grid.alopex.io를 참고해주세요. -->
							<div id="gr"></div>
							<!--UI Layout Grid를 사용해서 하단 영역을 두개의 section으로 나눈 형식입니다.-->
							<div class="Grid-sm-12">
							    <div class="Grid-sm-6"> 왼쪽 section 영역 내용 들어갑니다.</div>
							    <div class="Grid-sm-6"> 오른쪽 section 영역 내용 들어갑니다.</div>
							</div>
						
					
SK Holdings C&C

26, Jong-ro, Jongno-gu, Seoul, 03188, Republic of Korea
Copyright © 2018 SK Holdings C&C. All rights reserved.