04. 티스토리 사이트 만들기 - intro

HTML에서 수정 된 곳

<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900" rel="stylesheet">

<div id="intro">
	<div class="container">
		<div class="intro">
			<p class="text">Branding through experience<br>building brands people love.</p>
		</div>
	</div>
</div>
<!-- //intro -->

CSS에서 수정 된 곳

/* container */
.container {width: 1100px; margin: 0 auto; /* background:rgba(0,0,0,0.5); */ }

/* header */
.header {overflow: hidden; position:relative;}
.header h1 {float: left; padding-top:25px; padding-bottom:10px; color: #000; letter-spacing:6px;}
.header .nav {float: right;}
.header .nav .contact {position: absolute; right: 0; top:25px; border: 1px solid #000; padding: 10px 40px 8px 40px; text-transform:uppercase; font-size: 12px;}

/* nav */
.nav .tt_category {margin-right: 180px;}
.nav .tt_category .link_tit {display:none;} /* 분류 전체보기 */
.nav .tt_category .category_list {margin-top:35px;}
.nav .tt_category .category_list li {display:inline-block; padding: 0 15px;}
.nav .tt_category .category_list li a {color:#000;}

/* intro */
.intro {padding: 15% 0 7%; font-size: 34px; font-weight: bold; font-family: 'Playfair Display', serif; font-weight: 700;}