Skip to content

add: completed, except for callout #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
JonathanL1211 wants to merge 1 commit into
base: master
Choose a base branch
from
Open

add: completed, except for callout #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added asoaragus.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added beets.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added carrots.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
101 changes: 89 additions & 12 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,20 +9,97 @@
</head>

<body>
<div class="container">
<div class="row">
<div class="col-sm-3 mt-3">
<h1>Some Favorites</h1>
<ul class="nav">
<li class="nav-item"><a class="nav-link" href="#">Celery Root</a></li>
<li class="nav-item"><a class="nav-link" href="#">Spaghetti Squash</a></li>
<li class="nav-item"><a class="nav-link" href="#">Killer Mushrooms</a></li>
</ul>
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="Vegetables" aria-label="Vegetables" aria-describedby="button-addon2">
<div class="input-group-append">
<button class="btn btn-outline-secondary" type="button" onclick="myFunc()" id="button-addon2">Search</button>
</div>
</div>
</div>

<h1>Some Favorites</h1>
<ul>
<li><a href="#">Celery Root</a>
<li><a href="#">Spaghetti Squash</a>
<li><a href="#">Killer Mushrooms</a>
</ul>

<h1>Wild & Wacky Vegetables</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.
</p>
<p>
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="col-sm-9 mt-3">
<div class="alert alert-danger" role="alert">
Uh oh! Have you eaten your daily dose of vegetables??
</div>
<h1>Wild & Wacky Vegetables</h1>
<blockquote class="blockquote">
<p>The beet is the most intense of vegetables.</p>
<footer class="blockquote-footer"><cite>Tom Robbins</cite></footer>
</blockquote>

<h2>Some diseases</h2>
<table class="table">
<thead>
<tr>
<th scope="col">Vegetables</th>
<th scope="col">Diseases</th>
</tr>
</thead>
<tbody>
<tr class="table-light">
<td>Beets</td>
<td>Beeturia</td>
</tr>
<tr>
<td>Carrots</td>
<td>Carotenosis</td>
</tr>
</tbody>
</table>

<div class="row">
<div class="col-sm-4 d-flex align-items-stretch">
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="beets.jpg" alt="beets">
<div class="card-body">
<h5 class="card-title">Beets</h5>
<p class="card-text">Careful not to get your hands dirty</p>
</div>
</div>
</div>

<div class="col-sm-4 d-flex align-items-stretch">
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="carrots.jpg" alt="carrots">
<div class="card-body">
<h5 class="card-title">Carrots</h5>
<p class="card-text">Not sticks, can motivate</p>
</div>
</div>
</div>

<div class="col-sm-4 d-flex align-items-stretch">
<div class="card" style="width: 18rem;">
<img class="card-img-top" src="asoaragus.jpg" alt="asparagus">
<div class="card-body">
<h5 class="card-title">Asparagus</h5>
<p class="card-text">Spear, spear, spear!</p>
</div>
</div>
</div>
</div>

<div class="row">
<h2>Really informative info</h2>
<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.
</p>
<p>
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>

</div>
</div>
</div>
</body>
</html>