Contact With Me 영역에서도 제목은 다른 영역과 같으므로 다음처럼 코드를 작성합니다.
13/end/html/contact_with_me.html - Contact With Me 영역 제목
<section id="contact" class="contact">
<div class="container">
<div class="title">
<h4>CONTACT</h4>
<h2>Contact With Me</h2>
</div>
</div>
</section>
Contact With Me 영역의 본문은 크게 왼쪽(phone, email, address)과 오른쪽(입력 양식 폼)으로 나눌 수 있습니다. 그래서 다음과 같이 contact-me 클래스를 가지는 div 태그 안에 left 클래스를 가지는 div 태그와 right 클래스를 가지는 div 태그로 영역을 구분합니다.
13/end/html/contact_with_me.html - Contact With Me 영역 본문
<h2>Contact With Me</h2>
</div>
<divclass="contact-me">
<divclass="left"></div>
<divclass="right"></div>
</div>