-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathinput3.html
106 lines (92 loc) · 6.46 KB
/
input3.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<nav>
<div>
<div class="menu-btn">
<ion-icon name="menu"></ion-icon>
</div>
<div class="menu">
<div class="close-menu">
<ion-icon name="menu"></ion-icon>
</div>
<div class="nav">
<ul class="main-menu">
<li class="main-menu-item">
<a href="#"><ion-icon name="business"></ion-icon> Home<ion-icon name="add"></ion-icon></a>
<ul class="submenu">
<li class="submenu-item">
<a href="history.html">History</a>
</li>
<li class="submenu-item">
<a href="employee.html">Employee</a>
</li>
</ul>
</li>
<li class="main-menu-item">
<a href="#"><ion-icon name="restaurant"></ion-icon> Menu<ion-icon name="add"></ion-icon></a>
<ul class="submenu">
<li class="submenu-item">
<a href="steak.html">Steak</a>
</li>
<li class="submenu-item">
<a href="pasta.html">Pasta</a>
</li>
<li class="submenu-item">
<a href="pliaf.html">Pliaf</a>
</li>
<li class="submenu-item">
<a href="desserts.html">Desserts & Drinks</a>
</li>
</ul>
</li>
<li class="main-menu-item">
<a href="#"><ion-icon name="person"></ion-icon> Reservation<ion-icon name="add"></ion-icon></a>
<ul class="submenu">
<li class="submenu-item">
<a href="apply.html">Application</a>
</li>
</ul>
</li>
<li class="main-menu-item">
<a href="#"><ion-icon name="call"></ion-icon> Contact<ion-icon name="add"></ion-icon></a>
<ul class="submenu">
<li class="submenu-item">
<a href="contact.html">Location &<br>Contact</a>
</li>
</ul>
</li>
<li class="main-menu-item">
<a href="index.html"><ion-icon name="arrow-round-back"></ion-icon> Back</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
<p><strong>Our restaurant treats beef only to the finest Korean beef, so it's rich in flavor and juicy when you're in your mouth. And in our restaurant, there are steak types by grilling. See below for an introduction to steaks by grilling. Choose your taste.</strong></p><br>
<p><img src="rare.jpg" width="800" height="450"></p><p><strong>Blue rare: </strong><br> It is a steak-shaped meat sashimi, which is quickly cooked only at the very high temperature and is not cooked inside the meat tissue. If the meat is thick, the middle part is still cold, and you can think of it as meat tadaki.</p><p><img src="rare.jpg" width="800" height="450"></p><p><strong>Rare: </strong><br> It is that only the outside of meat is cooked hot and the inside is served before it turns brown. Many people are confused with Blue Rare, which is a recipe that only supports the outside and comes directly from the fire. The outside is stronger than the blue, and the inside is red and pink with half or half the burning.</p><p><img src="medium-rare.jpg" width="800" height="450"></p><p><strong>Medium rare: </strong><br> It means that the core is similar to a slightly reddish rare, and the rest of the area is browned as much as possible so that the outer part is browned and the pinkish slightly cooked area is maximized. It's a recipe for making the finest visually and tastefully steaks, with a bite of bite, the savory flavor of grilled beef, and a bit of chewy, chewy bitterness.</p><p><img src="medium.jpg" width="800" height="450"></p><p><strong>Medium: </strong><br> It is the most common recipe for real taste, with more slices of brown and less pink than slices of medium rare.</p><p><img src="welldone.jpg" width="800" height="450"></p><p><strong>Welldon: </strong><br> It has completely reddened to the inside, with the pinks flying away completely.</p>
<script type="text/javascript">
$('ul.main-menu li').click(function (e) {
if ($().siblings('li').find('ul.submenu:visible').length) {
$('ul.submenu').slideUp('normal');
}
$(this).find('ul.submenu').slideToggle('normal');
});
var t1 = new TimelineMax({ paused: true }); /*전환 시간 설정*/
t1.to(".menu", 0.2, {
opacity: 0.9
});
t1.staggerFrom(".main-menu li a:not(.submenu li a)", 1, { /*메인메뉴 활성화*/
opacity: 0,
y: 10,
ease: Power3.easeInOut
}, 0.1);
t1.from(".submenu", 0.1, { /*서브메뉴 활성화*/
autoAlpha: 0
});
t1.reverse();
$(document).on("click", ".menu-btn", function () { /*클릭시 t1 함수 활성화*/
t1.reversed(!t1.reversed());
});
$(".close-menu").click(function () { /*클릭시 t1 함수 역으로 활성화*/
t1.reversed(!t1.reversed());
});
</script>