add hero page

content/header/index.md

@@ -8,7 +8,7 @@ extra:
 ---
 
 - [Why]("/about")
-- [Product]("/product")
+- [Products]("/products")
 - Info
 
 

content/products/index.md

@@ -0,0 +1,58 @@
+---
+title: "Products"
+description: "ThreeFold's products." # quotation marks to allow colons where used
+template: "layouts/products.html"
+insert_anchor_links: "left"
+extra:
+ author: Your name here
+ imgPath: about/about_hero.png
+---
+
+
+
+
+
+
+
+
+
+
+<style>
+
+
+.rounded_img img {
+ border-radius: 8px;
+}
+
+
+.person img{
+ border-radius: 100%;
+ max-width:100px;
+ }
+
+
+.myscale{
+ transition: transform .5s;
+}
+
+
+.myscale:hover{
+ transform: scale(1.2);
+ background-color: whitesmoke;
+}
+
+
+.road_border{
+  
+     border-left: 1px solid rgb(156, 156, 156);
+
+
+   }
+
+
+ .white-gray{
+  color: #9f9f9f;
+}
+
+
+ </style>