NotVanilla/flavors.html at master · hareno44/NotVanilla · GitHub

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
<!DOCTYPE html>
<html>
	<head>
    	<meta charset="utf-8">
    	<meta name="description" content="Your description goes here">
    	<!--meta name="keywords" content="one, two, three"-->
			<link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet">
      <link href="https://fonts.googleapis.com/css?family=Old+Standard+TT" rel="stylesheet">

		<title>Flavors</title>

		<!-- external CSS link -->
		<link rel="stylesheet" href="style.css">

	</head>
	<body>
    <header>
      <img src="img/logo.png" alt="" class="logo"/>
				<div class="name"><a href="index.html">NOT<font face="Old Standard TT">vanilla</font></a></div>
				<nav class="menu">
          <img src="img/dropdown.png" id="toggle-nav" class="toggle-nav"/>
					<ul id="nav">
						<li><a href="index.html">home</a></li>
						<li><a href="about.html">about</a></li>
						<li><a href="flavors.html">flavors</a></li>
						<li><a href="blog.html">blog</a></li>
				</ul>
				</nav>
			</header>
<div class="imagesection"></div>

<div class="lineone">
  <img src="img/floral.JPG" class="floralimg"/>
  	<h1 class="flavorcategory">FLORAL</h1>
  	<div class="flavorlist"><a href="floral.html">rose</a><a href="floral.html"> - hibiscus</a><a href="floral.html">- marigold</a> - <a href="floral.html">jasmine</a></div>
		<p class="flavortext">Spring into spring with these four floral flavors!<br>Now you can satisfy your inclination to
			pick flowers and eat them without dealing with angry gardeners.<br>That is, if you're into that sort of thing.</p>
</div>
<div class="linetwo">
  <img src="img/herbal.JPG" class="herbalimg"/>
  	<h1 class="flavorcategory">HERBAL</h1>
  	<div class="flavorlist"><a href="herbal.html">sweet mint</a> - <a href="herbal.html">sage</a> - <a href="herbal.html">rosemary</a> - <a href="herbal.html">basil</a></div>
		<p class="flavortext">You put them in your beans, your stews, your feeble attempts at culinary excellence.<br>Now you have the liquid iteration.
		However, you probably shoudn't put these in beans.</p>

</div>
<div class="linethree">
  <img src="img/toasty.JPG" class="toastyimg"/>
  	<h1 class="flavorcategory">TOASTY</h1>
  	<div class="flavorlist"><a href="toasty.html">ginger</a> - <a href="toasty.html">peppercorn</a> - <a href="toasty.html">liquid smoke</a> - <a href="toasty.html">marshmallow</a></div>
		<p class="flavortext">What is "toasty"? How does one find a unifying trait of four unrelated flavors?<br>Who knows. Try them out if you're feeling adventurous.</p>
</div>


<footer>
  <ul class="footeritems">
    <li><a href="index.html" class="footerlinks">home</a></li>
		<li><img src="img/footerbeanone.png" class="footerbean"/></li>
    <li><a href="#" class="footerlinks">about</a></li>
		<li><img src="img/footerbeantwo.png" class="footerbean"/></li>
    <li><a href="#" class="footerlinks">flavors</a></li>
	  <li><img src="img/footerbeanthree.png" class="footerbean"/></li>
    <li><a href="blog.html" class="footerlinks">blog</a></li>
  <ul>
</footer>
  </body>
	<script
				  src="https://code.jquery.com/jquery-3.2.1.min.js"
				  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
				  crossorigin="anonymous"></script>
	<script src="script.js"></script>
</html>