10. 티스토리 사이트 만들기 - footer

HTML에서 수정 된 곳

<div class="container">
	<div class="what">
		<h3>what We Do</h3>
		<p>The World Bank Group works in every major area of development. We provide a wide array of financial products and technical assistance, and we help countries share and apply innovative knowledge and solutions to the challenges they face. Three priorities guide our work with countries to end poverty</p>
		<a href="#">View Our Work</a>
	</div>		
	
	<div class="cate">
		 분류 전체보기 
   스킨 
   유로스킨 
 무료스킨 


 배우기 
   티스토리 사이트 만들기 


 꾸미기 
 부트스트랩 
 기업 사이트 만들기 




	</div>
	
	<div class="guest">
		<em>Next</em><br>
		<a href="http://storyskin.tistory.com/guestbook">Contant US</a>
	</div>
</div>

<div id="dkFoot" role="contentinfo" class="area_foot">
	<div class="container">
		<div class="footer">
			<div class="fleft">
				<h3>Tistory Blog</h3>
				<p>Tistory Blog</p>
			</div>
			<div class="fright">
				<p>Branding through experience building brands people love. <br>The World Bank Group works in every major area of development</p>
				<p class="mail">design by <a href="http://tiblog.tistory.com/">WEB'S</a><p>
			</div>
		</div>
	</div>
</div>

CSS에서 수정 된 곳

/* foot */
.area_foot {padding:5% 0; background-color:#000; color:#fff}
.area_foot .footer {overflow: hidden}
.area_foot .footer .fleft {float: left; width: 40%;}
.area_foot .footer .fleft h3 {font-size: 30px; color:#494949;}
.area_foot .footer .fright {float: left; width: 60%;}
.area_foot .footer .fright p {color:#c0c0c0;  font-size: 14px; line-height: 26px;}
.area_foot .footer .fright p.mail {color: #fff; font-size: 12px; text-decoration: underline;}
.area_foot .footer .fright p.mail a {color: #fff;  font-size: 12px;}