반응형 홈페이지 디자인솔 - 반응형 문서샘플 article2.html

ARTICLE1 좌측컬럼

자유롭게 자기홍보를 할 수 있는 시대임에도 불구하고, 여전히 창작자들은 작품을 통해 대중과 만나고, 소통할 수 있는 다양한 방법을 찾고 있다. 2000년대 초에 비해 다양한 형태의 문화예술관련

ARTICLE1 우측컬럼

ARTICLE2 상단

ARTICLE2 하단

ARTICLE3 좌측컬럼

여행을 하며 느끼는 즐거움 중 하나는 바로 ‘음식’일 것이다. 여행지에서 먹는 음식에는 당시의 그곳 풍경과 운치, 그때의 감정이 담긴 채 훗날 추억이 된다. 그만큼 음식은 완벽한 여행을 위해 빠질 수 없는 필수 요소 중 하나다. 여행을 하며 느끼는 즐거움 중 하나는 바로 ‘음식’일 것이다. 여행지에서 먹는 음식에는 당시의 그곳 풍경과 운치, 그때의 감정이 담긴 채 훗날 추억이 된다. 그만큼 음식은 완벽한 여행을 위해 빠질 수 없는 필수 요소 중 하나다.

ARTICLE3 우측컬럼

아름다운 풍경과 다양한 미식으로 유명한 이탈리아는 유럽에서도 유일한 국수 문화를 가진 나라다. 그중에서도 이탈리아 남쪽, 지중해의 가장 큰 섬인 시칠리아는 우리가 흔히 먹는 드라이 파스타, 즉 건조 파스타를 최초로 생산한 곳이다. 과거 시칠리아를 지배했던 아랍인들에 의해 이탈리아에 국수 문화가 전해지며 그 속에서 파스타가 탄생했고 그것이 오늘날 파스타 역사의 시작이 되었다.

ARTICLE4

아름다운 풍경과 다양한 미식으로 유명한 이탈리아는 유럽에서도 유일한 국수 문화를 가진 나라다. 그중에서도 이탈리아 남쪽, 지중해의 가장 큰 섬인 시칠리아는 우리가 흔히 먹는 드라이 파스타, 즉 건조 파스타를 최초로 생산한 곳이다.

ARTICLE5

반응형 문서샘플
브라우저 가로 크기를 줄여 문서가 어떻게 반응하는지 확인하세요
파일	sample/article2.html
사용법	웹에디터나 메모장에서 내용 수정후 위젯, 문서, 게시판의 에디터에서 소스(html)을 체크하신후 붙여넣기 합니다. 수정 역시 소스(html)을 체크하신 후 붙여넣기로 수정하세요 (XE CKEditor 에디터에서 바로 수정시 에디터 자체 생성 혹은 삭제되는 태그 때문에 원본과 달라져요)
이미지경로	1. xe/images 인 경우 src="/images/test.jpg" 2. layouts/레이아웃/images 인경우 src="/layouts/레이아웃/images/test.jpg"
참고이미지	sample/psd/article1.psd, article2.psd 포토샵에서 가이드 보기 (Ctrl+H)하여 슬라이스 가이드의 가로, 세로 크기를 참고하여 이미지를 작성하세요. 데모 이미지 사용불가

반응형 문서샘플 article2.html

단축키