-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcase_2.html
109 lines (94 loc) · 5.28 KB
/
case_2.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
107
108
109
<!DOCTYPE html>
<html>
<head>
<title>ReCre-eat</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="css/amelia/bootstrap.min.css" rel="stylesheet" media="screen">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<h1>Find your experience!</h1>
<div class="input-group">
<input type="string" class="form-control" id="search_string" placeholder="What are you search for?" value="Swedish Japanese dinner">
<span class="input-group-btn">
<button type="submit" class="btn btn-success">Find</button>
</span>
</div>
<br>
<h3>Basics:</h3>
<a data-toggle="modal" style="background-color:lightgreen" href="#salmon_modal" class="btn btn-default">Salmon</a>
<button type="button" style="background-color:lightgreen" class="btn btn-default">Salmon</button>
<button type="button" style="background-color:lightgreen" class="btn btn-default">Meatballs</button>
<button type="button" style="background-color:lightgreen" class="btn btn-default">Glogg</button>
<button type="button" style="background-color:lightgreen" class="btn btn-default">Sushi</button>
<button type="button" style="background-color:lightgreen" class="btn btn-default">Rice</button>
<br>
<br>
<button type="button" style="background-color:yellow" class="btn btn-default">Sea</button>
<button type="button" style="background-color:yellow" class="btn btn-default">Snow</button>
<button type="button" style="background-color:yellow" class="btn btn-default">Kendo</button>
<button type="button" style="background-color:yellow" class="btn btn-default">Sakura</button>
<button type="button" style="background-color:yellow" class="btn btn-default">Vikings</button>
<br>
<h3>Recipes:</h3>
<a data-toggle="modal" style="background-color:pink" href="#sous_vide_modal" class="btn btn-default">Sous-vide salmon with apple</a>
<button type="button" style="background-color:pink" class="btn btn-default">Hot chocolate with saffron cream</button>
<button type="button" style="background-color:pink" class="btn btn-default">Udon</button>
<button type="button" style="background-color:pink" class="btn btn-default">Yakitori</button>
<button type="button" style="background-color:pink" class="btn btn-default">Tempura</button>
<button type="button" style="background-color:pink" class="btn btn-default">Soba</button>
<br>
<h3>ReCre-eated Recipes:</h3>
<button type="button" style="background-color:violet" class="btn btn-default">Salmon balls in nori stripes</button>
<br>
<h3>Places:</h3>
<button type="button" style="background-color:orange" class="btn btn-default">Pappa Sven</button>
<button type="button" style="background-color:orange" class="btn btn-default">Hotel Ohla</button>
<button type="button" style="background-color:orange" class="btn btn-default">Ikea</button>
<button type="button" style="background-color:orange" class="btn btn-default">Doble Zer00</button>
<button type="button" style="background-color:orange" class="btn btn-default">Big fish</button>
<button type="button" style="background-color:orange" class="btn btn-default">Sushi Shop</button>
<!-- Modal -->
<div class="modal fade" id="salmon_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Salmon</h4>
</div>
<div class="modal-body">
<img border="0" src="images/Salmo_salar_(crop).jpg" width="304">
<a href="http://en.wikipedia.org/wiki/Salmon"> Salmon</a> is the common name for several species of fish in the family Salmonidae. Other fish in the same family are called trout. The difference between salmon and trout is sometimes said to be that salmon migrate and trout are resident, and that salmon spawn once and trout spawn many times...
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!-- Modal -->
<div class="modal fade" id="sous_vide_modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Sous-vide salmon with apple</h4>
</div>
<div class="modal-body">
<img border="0" src="images/recipe_1.jpg" width="304">
<a href="http://www.newscancook.com/recipes-by-chef/sous-vide-salmon-with-apple/"> INGREDIENTS</a>
<ul>
<li>Four 7 oz. (200 g) pieces of salmon fillet</li>
<li>4 bay leaves</li>
<li>Salt</li>
<li>1 green apple</li>
<li>1 tbs. honey</li>
<li>4 carrots</li>
<li>1-2 tbs. butter...</li>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</body>
</html>