-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlihat_resep.html
97 lines (89 loc) · 3.82 KB
/
lihat_resep.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
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body style="background-color: #f9f9f9">
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><img src="img/logo.png" style="margin-top: -12px;" /></a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="http://www.malasngoding.com"><span class="glyphicon glyphicon-home"></span> Home</a></li>
<li><a href="#"><span class="glyphicon glyphicon-search"></span> Cari Resep</a></li>
<li><a href="#"><span class="glyphicon glyphicon-user"></span> Tentang Kami</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div>
</nav>
<div data-role="page" id="pagetwo">
<div data-role="main" class="ui-content">
<div class="ui-body ui-body-a ui-corner-all" style="margin-top: 30px;">
<h2 style="text-align: center; color: #74A6EE; text-shadow: 1px 0 1px;"><b>Bola Tahu Cabe Ala Anak Kos</b></h2>
<center><img src="img/1.jpg" class="img-thumbnail" alt="Responsive image" style="margin-top: 20px;"></center><br><br>
<p style="font-size: 16px; text-align: justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse accumsan blandit fermentum. Pellentesque cursus mauris purus, auctor commodo mi ullamcorper nec. Donec semper mattis eros, nec condimentum ante sollicitudin quis. Etiam orci sem, porttitor ut tellus nec, blandit posuere urna. Proin a arcu non lacus pretium faucibus. Aliquam sed est porttitor, ullamcorper urna nec, vehicula lorem. Cras porttitor est lorem, non venenatis diam convallis congue.</p>
<h4><b><small>Untuk ... Porsi</small><b></h4><br><br>
<h3 style="color: #74A6EE">Bahan Masakan</h3>
<ul style="font-size: 16px;">
<li>1 Kotak Tahu</li>
<li>1 Siung Bawang Merah Besar</li>
<li>1 Siung Bawang Putih Besar</li>
<li>10 Buah Cabe</li>
<li>Garam</li>
<li>Gula</li>
<li>1 Buah Telur Ayam</li>
</ul><br><br>
<h3 style="color: #74A6EE">Langkah Pembuatan</h3>
<ol style="font-size: 16px;">
<li>1 Kotak Tahu</li>
<li>1 Siung Bawang Merah Besar</li>
<li>1 Siung Bawang Putih Besar</li>
<li>10 Buah Cabe</li>
<li>Garam</li>
<li>Gula</li>
<li>1 Buah Telur Ayam</li>
</ol><br><br>
<h4><b>Artikel ditulis oleh :<b></h4>
<ul class="list-inline">
<li><img src="..." alt="..." class="img-rounded"></li><li><h4>Lorem Ipsum</h4></li>
</ul>
<br>
<h4><b>Sumber :<b></h4>
<h4><small>Lorem Ipsum Dolor</small></h4>
<br><br>
<div class="ui-corner-all custom-corners">
<div class="ui-bar ui-bar-a ui-corner-all">
<h2><b>Komentar</b></h2>
</div><br>
<textarea class="form-control" rows="8"></textarea><br>
<button type="Submit" class="btn btn-primary">Submit</button>
</div><br><br>
</div>
</div>
</div>
<div class="footer-container">
<footer class="wrapper">
<h3>2017 ©</h3>
</footer>
</div>
<!-- jQuery library -->
<script src="js/jquery-3.1.1.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Include the jQuery Mobile library -->
<script src="js/jquery.mobile-1.4.5.min.js"></script>
</body>
</html>