20210820 - 포트폴리오 메인 페이지 작성 - Carousel Container

1. 배경색 Oracle Theme Redwood light 색상과 동일하게 변경

Page HTML Body Attribute : style="background-color: #47423E;"

2. 상단에 대표 이미지 몇 개를 Carousel Container 형태로 위치

3개의 이미지 Static Content Region 생성 

Identification - Title : IMG-1, IMG-2, IMG-3

Source - Text : <img class="center100" src="20210808-10-1.bmp">

Source - Text : <img class="center100" src="20210808-10-2.bmp">

Source - Text : <img class="center100" src="20210808-10-3.bmp">

그리고 Class는 Page 속성의 

CSS - Inline :

.t-CardsRegion {

  display: flex;

  align-items: stretch;

  justify-content: space-around;

  padding: 50px 0;

}

.center50 {

  display: block;

  margin-left: auto;

  margin-right: auto;

  width: 35%;

}

.center100 {

  display: block;

  margin-left: auto;

  margin-right: auto;

}

Region Template 속성 변경

1개의 Static Content Region 생성

Identification - Title : Head

Type : Static Content

Appearance - Template - Carousel Container

Template Options : Use Template Defaults, 5 Seconds, Slide, Hidden, Remove Borders, Hide

그리고 3개의 이미지 Region의

Layout - Parent Region : Head 로 선택