추가 유형

Home 매뉴얼 추가 유형

* 좌측에 이미지가 나오는 리스트

li 에 class="figure f_left" 을 추가하여 이미지가 좌측에 나오도록한다.

<li class="figure f_left">

li 에 class="pt10" 을 이용하여 항목간 간격을 조절한다. (예 : 상단여백 10px)

<li class="figure f_left pt10">

<figure> 태그를 이용하여 이미지를 추가한다.

<figure>이미지</figure>

figure 에 class="pr30" 을 이용하여 내용과의 간격을 조절한다. (예 : 우측여백 30px)

<li class="figure f_left pt10">
	<figure class="pr30">이미지</figure>

<div> 태그와 <p> 태그를 이용하여 내용을 추가한다.

<div>
	<p class="p1">- <span>만남이</span> 교육보다...</p>
	<p class="p2">Deep and Real relationships...</p>
</div>

상단여백 : pt10 ~ pt100 (10px 단위)
하단여백 : pb10 ~ pb100 (10px 단위)
좌측여백 : pl10 ~ pl100 (10px 단위)
우측여백 : pr10 ~ pr100 (10px 단위)

  • 만남이 교육보다 우선한다는 믿음

    - 만남이 교육보다 우선한다는 믿음

    Deep and Real relationships are priority; before educational efforts.

  • 사람이 이론보다 우선한다는 믿음

    - 사람이 이론보다 우선한다는 믿음

    Youth are individuals with unique attributes and gifts they can offer the world.

  • 문제 중심이 아니라 사람 중심이어야 한다는 믿음

    - 문제 중심이 아니라 사람 중심이어야 한다는 믿음

    Participants are the centre of all we do; the program development is simply the next level.