-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex copy.html
108 lines (87 loc) · 4.86 KB
/
index copy.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Wild & Wacky Vegetables</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--
<link href="/css/bootstrap.min.css" rel="stylesheet">
<link href="/css/bootstrap-responsive.min.css" rel="stylesheet">
-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-3 well">
<h1>Some Favorites</h1>
<ul>
<li><a href="#">Celery Root</a></li>
<li><a href="#">Spaghetti Squash</a></li>
<li><a href="#">Killer Mushrooms</a></li>
</ul>
<form>
<div class="form-group">
<input type="search" class="form-control" id="search" class="btn btn-default">
</div>
<button type="submit" class="btn btn-primary">Search Recipes</button>
</form>
</div>
<div class="col-md-9">
<div class="alert alert-danger">
<b>Alert</b> this is the first bootstrap file
</div>
<h1>Wild & Wacky Vegetables</h1>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th>Veggie</th>
<th>Disease</th>
</tr>
</thead>
<tbody>
<tr>
<td>Beets </td>
<td>Beeturia</td>
</tr>
<tr>
<td>Carrots </td>
<td>Carotenosis</td>
</tr>
</tbody>
</table>
<blockquote class="blockquote">
<p>The beet is the most intense of vegetables. The radish, admittedly, is more feverish, but the fire of the radish is a cold fire, the fire of discontent not of passion. Tomatoes are lusty enough, yet there runs through tomatoes an undercurrent of frivolity. Beets are deadly serious.
</p>
</blockquote>
<h1>Really informative info</h1>
<p>
Kale courgette salsify mustard broccoli seakale wakame potato fava bean tigernut leek celery spinach avocado cabbage celtuce rutabaga kohlrabi. Parsnip pea soko groundnut bitterleaf spring onion. Grape dulse rutabaga lentil gram kakadu plum water spinach cabbage lotus root.
Mung bean quandong kale prairie turnip celery gram zucchini pumpkin green bean silver beet chard endive komatsuna eggplant kakadu plum radish broccoli. Arugula amaranth fennel wakame peanut garlic chickweed. Sorrel jícama quandong kale chickpea water chestnut rock melon aubergine lettuce pea azuki bean cress onion sea lettuce dandelion nori dulse rutabaga. Coriander napa cabbage bok choy carrot kakadu plum brussels sprout bamboo shoot salad okra cucumber garlic kombu beet greens cauliflower summer purslane. Artichoke daikon horseradish arugula taro catsear kombu rock melon pea sprouts collard greens mustard courgette lettuce soko maize plantain.
</p>
<div class="row">
<div class=" col-md-4">
<a href="#" class="thumbnail">
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/21/Beets-Bundle.jpg/800px-Beets-Bundle.jpg" alt="Beets">
</a>
</div>
<div class="col-md-4">
<a href="#" class="thumbnail">
<img src="http://upload.wikimedia.org/wikipedia/commons/9/9e/CarrotDiversityLg.jpg" alt="Carrots" >
</a>
</div>
<div class="col-md-4">
<a href="#" class="thumbnail">
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/5/5f/Green_Asparagus_New_York_11_May_2006.jpg/220px-Green_Asparagus_New_York_11_May_2006.jpg" alt="Asparagus" >
</a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>