Skip to content

done #1

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
sadakosa wants to merge 1 commit into
base: master
Choose a base branch
from
Open

done #1

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 asparagus.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.jpeg
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 carrot.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.
121 changes: 109 additions & 12 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,24 +5,121 @@
<title>Wild & Wacky Vegetables</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<style>
.container {
border-top: 20px;
}

#nav {
display: inline-block;
}

#main {
display: inline-block;
}

.card {
display: inline-block;
}

#quote {
border-left: 3px solid grey;
padding: 10px 0px 10px 5px;
}

#authorName {
font-style: italic;
display: block;
}
</style>
</head>

<body>
<div class="container">
<div class="row">
<br><br><br>
<div id='nav' class="navbar col-md-4">
<h1>Some Favorites</h1>
<ul class="nav flex-column nav-pills">
<li class="nav-item">
<a class="nav-link active" 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>
<input type="text" class="form-control" aria-label="Small" aria-describedby="inputGroup-sizing-sm">
<button type="button" class="btn btn-primary">Search Recipes</button>
</div>

<div id='main' class="main col-md-8">
<div class="alert alert-danger" role="alert">
<strong>Uh oh!</strong> Have you had your daily dose of veggies today?
</div>
<h1>Wild & Wacky Vegetables</h1>
<div id='quote'>
The beet is the most intense of vegetables. The radish admittedly, is more feverish, but the fire of the radishis a cold fire, the fire ofdiscontent is not passion. Tomatoes are lusty enough , yet there runs through tomatoes an undercurrent of frivolity. Beets are deadly serious.
<br><br><span id='authorName'>Tom Robbins</span>
</div>


<div id='table'>
<h3>Some diseases</h3>
<table class="table table-striped table-bordered">
<thead>
<tr>
<th scope="col">Veggie</th>
<th scope="col">Disease</th>
</tr>
</thead>
<tbody>
<tr>
<td>Beets</td>
<td>Carrots</td>
</tr>
<tr>
<td>Beeturia</td>
<td>Carotanosis</td>
</tr>
</tbody>
</table>
</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 id='images'>
<div class="card" style="width: 15rem;">
<img class="card-img-top" src="beets.jpeg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
<div class="card" style="width: 15rem;">
<img class="card-img-top" src="carrot.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
<div class="card" style="width: 15rem;">
<img class="card-img-top" src="asparagus.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
</div>

<h3>Really Informative Info</h3>
<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>
</body>
</html>