Create index.html

Author: melonmasteristaken

learn/index.html

@@ -0,0 +1,62 @@
+---
+layout: default
+title: Learn
+---
+
+<div class="bg">
+  <h1>Learn Pages</h1>
+  <p>Read up more about Plants and Botany!</p>
+</div>
+
+<br>
+<hr>
+<br>
+
+<h3>Taxonomy</h3>
+<div class="c1 bannerbg">
+  <div>
+    <h4>Common Leaf Types</h4>
+    <p>Classify plants via their leaf types, read on to find out more!</p>
+    <a class="nb-button green" style="scale: 0.7;" href="/learn/pages/leaftypes">Read --></a>
+  </div>
+</div>
+
+<br>
+
+<h3>Biochemistry</h3>
+<div class="c1 bannerbg">
+  <div>
+    <h4>Placeholder Card</h4>
+    <p>Description of page.</p>
+    <a class="nb-button green" style="scale: 0.7;" href="/learn/test">Read --></a>
+  </div>
+  <div>
+    <h4>Placeholder Card</h4>
+    <p>Description of page.</p>
+    <a class="nb-button green" style="scale: 0.7;" href="/learn/test">Read --></a>
+  </div>
+  <div>
+    <h4>Placeholder Card</h4>
+    <p>Description of page.</p>
+    <a class="nb-button green" style="scale: 0.7;" href="/learn/test">Read --></a>
+  </div>
+  <div>
+    <h4>Placeholder Card</h4>
+    <p>Description of page.</p>
+    <a class="nb-button green" style="scale: 0.7;" href="/learn/test">Read --></a>
+  </div>
+</div>
+
+<br>
+<hr>
+<br>
+
+<script>
+$('.c1').slick({
+  infinite: true,
+  slidesToShow: 3,
+  slidesToScroll: 3
+});
+
+$('.c2').slick();
+</script>