Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@younghoshin
younghoshin authored Jun 4, 2021
1 parent 83d7750 commit 417db57
Show file tree
Hide file tree
Showing 4 changed files with 816 additions and 0 deletions.
148 changes: 148 additions & 0 deletions detail_menu.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,148 @@
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<meta charset=UTF-8″ />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="menu.css?ver=1">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding&display=swap" rel="stylesheet">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"/>

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script src="https://kit.fontawesome.com/20fe46358c.js" crossorigin="anonymous"></script>
</head>

<body>

<div data-role="page" id="pageone">
<div data-role="panel" id="pan1" data-position="right" data-display="overlay">
<a href="#pageone" data-rel="close" class="ui-btn ui-icon-delete ui-btn-icon-notext ui-nodisc-icon ui-corner-all ui-shadow ui-alt-icon ui-btn-rigth"></a>
<ui id="list">
<hr>
<ul><a href="main_menu.html#pageone">중식</a></ul>
<ul><a href="main_menu.html#pagetwo">일식</a></ul>
<ul><a href="main_menu.html#pagethree">양식</a></ul>
<ul><a href="main_menu.html#pagefour">한식</a></ul>
</ui>
</div>


<div data-role="header" id="HF_style">
<a href="#" class="ui-btn ui-icon-carat-l ui-btn-icon-notext ui-nodisc-icon ui-corner-all ui-shadow ui-alt-icon" data-rel="back"></a>
<a href="#pan1" class="ui-btn ui-icon-bars ui-btn-icon-notext ui-nodisc-icon ui-corner-all ui-shadow ui-alt-icon"></a>
</div>
<div class="bak">
<img src="deatil_food/k-food/back1.png" style="width: 100%;" height="300px">
</div>

<div data-role="content" class="main-content">
<h2>현풍닭칼국수</h2>
<span style="color:rgb(255, 230, 0)"><i class="fas fa-star"> 4.4/5</i></span>
<hr>
<div class="flex">

<div class="flex_s">
<a href="https://www.google.co.kr/maps/place/%ED%98%84%ED%92%8D%EB%8B%AD%EC%B9%BC%EA%B5%AD%EC%88%98%EA%B2%BD%EC%82%B0%ED%95%98%EC%96%91%EC%A0%90/@35.9140013,128.816974,17z/data=!3m1!4b1!4m5!3m4!1s0x35667278f2bd88c1:0x10ed37b0fcf69516!8m2!3d35.913997!4d128.8191573" style="color: tomato;">
<i class="fas fa-search-location"><p>위치</p></i></a>
</div>

<div class="flex_s_1">
<a href="http://hyunpungkalguksu.com/" style="color: tomato;">
<i class="fas fa-home"><p>홈페이지</p></i></a>
</div>

</div>

</div>


<div class="content">
<i class="fas fa-phone-alt">⠀⠀053-857-2200</i>
<hr>
<i class="fas fa-search-location">⠀⠀경북 경산시 하양읍 하양로 110</i>
<hr>
<i class="far fa-clock">⠀⠀이용시간을 알수없음</i>
<hr>
<i class="fas fa-home"><a href="http://hyunpungkalguksu.com/" style="color: tomato;">⠀⠀http://hyunpungkalguksu.com/</a></i>
<hr style="margin-bottom: 0;">
</div>

<div class="content">
<h2>⠀⠀대표 메뉴</h2>

<div class="flex">
<div class="flex_s" style="text-align: center;">

<div class="size">
<img src="deatil_food/k-food/h_m1.png" style="max-width: 100%; height: auto;">
</div>

<h4>닭칼국수</h4>
<p id="p_hr">7,000원</p>


</div>

<div class="flex_s_1" style="text-align: center;">

<div class="size">
<img src="deatil_food/k-food/h_m2.png" style="max-width: 100%; height: auto;">
</div>

<h4>삼계칼국수</h4>
<p id="p_hr">9,500원</p>
</div>
</div>

<div class="flex">
<div class="flex_s" style="text-align: center;">

<div class="size">
<img src="deatil_food/k-food/h_m3.png" style="max-width: 100%; height: auto;">
</div>

<h4>닭칼수육세트</h4>
<p>13,000</p>

</div>

<div class="flex_s_1" style="text-align: center;">

<div class="size">
<img src="deatil_food/k-food/h_m4.png" style="max-width: 100%; height: auto;">
</div>

<h4>삼계수육세트</h4>
<p>15,500원</p>
</div>
</div>

</div>
<br><br><br>

<div class="foot">
<a href="#" style="color: black;">
<i class="fas fa-house-user"></i>
<p style="text-align: center;">홈</p>
</a>

<a href="#" style="padding-right: 30px; color: black;">
<i class="fas fa-search"></i>
<p>검색</p>
</a>
</div>



</div>







</body>
</html>
137 changes: 137 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,137 @@
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<meta charset=UTF-8″ />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="menu.css?ver=1">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Nanum+Gothic+Coding&display=swap" rel="stylesheet">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"/>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<script src="https://kit.fontawesome.com/20fe46358c.js" crossorigin="anonymous"></script>

</head>
<style>
.wrap{
position: relative;

}
.wrap h1{
margin-top: 60px;
padding-top: 0;


}

.content_korea{
position: absolute;
top: 35%;
left: 25%;
transform: translate( -50%, -50% );
color:white ;

}

.content_china{
position: absolute;
top: 35%;
left: 75%;
transform: translate( -50%, -50% );
color: white;
}

.content_west{
position: absolute;
top: 65%;
left: 75%;
transform: translate( -50%, -50% );
color: white;
}

.content_jepan{
position: absolute;
top: 65%;
left: 25%;
transform: translate( -50%, -50% );
color: white;
}
img{
width: 135px;
height: 135px;
text-align: center;
border-radius: 0.5em;

}

.main_footer{
position: absolute;
top: 95%;
left: 50%;
transform: translate( -50%, -50% );
color: bisque;

}
#font{
z-index: 2;
}


</style>

<body class="wrap">

<h1 style="text-align: center;">맛 집 탐 방</h1>

<a href="7.5.html">
<div class="content_korea" id="font">
<h2>한 식</h2>
</div>

<div class="content_korea">
<img src="index_pic/korea.png">
</div>
</a>


<a href="#">
<div class="content_china" id="font">
<h2>중 식</h2>
</div>

<div class="content_china">
<img src="index_pic/china.png">
</div>
</a>

<a href="#">
<div class="content_west" id="font">
<h2>양 식</h2>
</div>

<div class="content_west">
<img src="index_pic/west.png">
</div>
</a>

<a href="#">
<div class="content_jepan" id="font">
<h2>일 식</h2>
</div>

<div class="content_jepan">
<img src="index_pic/jepan.png">
</div>
</a>



<div class="main_footer">
<P>copyright © 16112317 신영호</P>
</div>

</body>


</html>
Loading

0 comments on commit 417db57

Please sign in to comment.