예제를 위한 이미지 위치

크고 굵은 텍스트.

이 레이아웃의 HTML과 CSS는 사용자가 다음 제품을 위한 최신의 반응형 시작 페이지를 어떻게 만들 수 있는지를 보여준다. 소스를 통해 이 레이아웃에서 어떻게 메뉴와 반응형 그리드를 사용하는지 볼 수 있다.브라우져 폭을 줄일 때 레이아웃이 변하는 것과 작은 스크린에서도 잘 작동하는지 직접 보라.

시작하기

작은 텍스트

Lorem ipsum dolor sit amet.

Pellentesque hendrerit lobortis ornare. Fusce luctus imperdiet consequat. Nullam quis nunc quis ligula luctus vestibulum non quis libero. Suspendisse tristique nisl ut velit facilisis sit amet lobortis nulla pharetra.

Placeholder image for example.
Placeholder image for example.

더 작은 텍스트

Etiam iaculis iaculis lobortis.

Phasellus eget enim eu lectus faucibus vestibulum. Suspendisse sodales pellentesque elementum. Morbi fermentum dui sit amet libero tincidunt rutrum. Nam sodales consequat metus sed accumsan.

부제

Donec suscipit, risus vel venenatis ornare, nibh massa ultrices diam, a elementum metus felis sit amet eros. Phasellus pellentesque euismod massa sed pellentesque.

부제

Donec suscipit, risus vel venenatis ornare, nibh massa ultrices diam, a elementum metus felis sit amet eros. Phasellus pellentesque euismod massa sed pellentesque.

부제

Donec suscipit, risus vel venenatis ornare, nibh massa ultrices diam, a elementum metus felis sit amet eros. Phasellus pellentesque euismod massa sed pellentesque.

Subheading

Donec suscipit, risus vel venenatis ornare, nibh massa ultrices diam, a elementum metus felis sit amet eros. Phasellus pellentesque euismod massa sed pellentesque.

지금 시작하기.

가입하기