<!DOCTYPE html>
<html>
<head>
<title>고로케 식당</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<h1 class="title1">고로케 식당</h1>
<h2 class="title2">맛있는거 좋아하시죠? <br>여러가지 메뉴를 고로케 만들어 드립니다</h2>
<div class="food">
<img src="https://cdn.pixabay.com/photo/2016/10/13/19/15/bibimbap-1738580__340.jpg" width="300px" height="200px">
<div class="info">
<h3>비빔밥</h3>
<p>비빔밥의 나라에서 만든 수 많은 재료들이 들어간 비빔밥!!</p>
<a href="#">바로 결제</a>
</div>
</div>
<div class="food">
<img src="https://cdn.pixabay.com/photo/2016/03/05/19/02/abstract-1238247__340.jpg" width="300px" height="200px">
<div class="info">
<h3>수제버거</h3>
<p>프리미엄 등급의 소고기로 만든 패티가 들어간 수제버거!!</p>
<a href="#">바로 결제</a>
</div>
</div>
<div class="food">
<img src="https://cdn.pixabay.com/photo/2015/02/19/08/26/chicken-641881__340.jpg" width="300px" height="200px">
<div class="info">
<h3>양념 치킨</h3>
<p>매콤 달콤 양념이 맛있는 치킨은 역시 고로케 치킨 착한 가격!!</p>
<a href="#">바로 결제</a>
</div>
</div>
<div class="food">
<img src="https://cdn.pixabay.com/photo/2017/01/06/16/46/sushi-1958247__340.jpg" width="300px" height="200px">
<div class="info">
<h3>스 ㅡ 시</h3>
<p>바다에서 방금 잡아온 횟감으로만 만듭니다. 고로케 스시!!!</p>
<a href="#">바로 결제</a>
</div>
</div>
</body>
</html>