[Day2] homework

HTML5&CSS3&JS

by yeongs 2020. 10. 14. 09:26

문제 :

코드 :

<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>골목식당</title>
<style>
	.header
	{	
		background-color: gray;
		color : white;
		height: 150px ;
		margin : 30px 10px 30px 0px;
		padding :50px 0px 0px 20px
	}
	.menu
	{	
		background-color: lightblue;
		color : white;
		margin : 10px;
		padding :10px 0px 0px 5px;
		width : 95%;
		height: 30px 		
	}
	.menu:hover
	{
		background-color: gray;
	}
	.main1
	{	
		float : left;
		width : 20%;
		height: 250px 	
	}
	.main2
	{	
		float : left;
		width : 70%;
		height: 250px;
		margin : 0px 0px 0px 20px 
	}
	.footer
	{	
	    clear:both;
		background-color: gray;
		color : white;
		height: 100px ;
		margin : 30px 10px 30px 10px;
		padding : 40px 0px 0px 20px
	}

</style>
</head>
<body>
<div class="header">
	<h1>&lt;골목식당&gt;</h1>
</div>
<div class="main1">
	<div class="menu">회사소개</div>
	<div class="menu">CEO 인사말</div>
	<div class="menu">오시는곳</div>
	<div class="menu">연락처</div>
</div>
<div class="main2">
	<div class="content">
		<h1>회사소개</h1><p/>
		<p>안녕하세요~ 골목식당 입니다!<p/>
		<p>회사일이 끝나고 저녁식사를 하러 가본 곳은 맛있는 쭈꾸미를 먹을 수 있는 
		&lt;골목식당&gt;이라는 곳입니다. 이름이 익숙해서 골식이라고 해도 됩니다.
		 항상 열심히 음식을 만들려고 노력중입니다. 최선을 다하겠습니다. 많이들 와주세요. 감사합니다.</p>	
	</div>
</div>
<div class="footer"><h3>(주)골목식당. 전화번호 : 000-0000</h3></div>

</body>
</html>

결과 :