diff --git a/README.md b/README.md
index 9a5f6b2..bf17763 100644
--- a/README.md
+++ b/README.md
@@ -1,8 +1,8 @@
 # [CryptoFantasy](http://cryptofantasy.com/) 
 
-Cryptofantasy site was created using the Start Bootstrap created and maintained by **[David Miller](http://davidmiller.io/)**, Owner of [Blackrock Digital](http://blackrockdigital.io/).
+Cryptofantasy site was created using the Start Bootstrap by **[David Miller](http://davidmiller.io/)**, Owner of [Blackrock Digital](http://blackrockdigital.io/) as a starting point.
 Start Bootstrap is based on the [Bootstrap](http://getbootstrap.com/) framework created by [Mark Otto](https://twitter.com/mdo) and [Jacob Thorton](https://twitter.com/fat).
 
 ## Copyright and License
-
-Copyright 2017.
+Copyright 2013-2016 Blackrock Digital LLC. Code released under the MIT license.
+Copyright 2017 John W. Murphy (jwinterm).
diff --git a/css/creative.css b/css/creative.css
index 4b22996..b990629 100644
--- a/css/creative.css
+++ b/css/creative.css
@@ -47,7 +47,7 @@ p {
 }
 .note {
   font-style: italic;
-  font-size: 10;
+  font-size: 8;
 }
 .bg-primary {
   background-color: #444444;
@@ -81,7 +81,12 @@ aside {
   text-align: justify ;
   color: rgba(255, 255, 255, 0.7);
   list-style: square inside;
-  padding-left: 150px;
+}
+.linklist {
+  font-size: 14px;
+  text-align: center;
+  color: rgba(255, 255, 255, 0.7);
+  list-style: none inside;
 }
 .speclist {
   font-size: 18px;
@@ -243,10 +248,64 @@ header .header-content .header-content-inner p {
   #color: #000000;
 }
 #bitcoinheader {
-  #background-image: url('../img/portfolio/Bitcoin.png');
   background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('../img/portfolio/Bitcoin.png');
   background-position: left;
-  #background-blend-mode: luminosity, hue;
+  background-size: 300px 300px;
+}
+#moneroheader {
+  background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('../img/portfolio/Monero.png');
+  background-position: left;
+  background-size: 300px 300px;
+}
+#myriadheader {
+  background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('../img/portfolio/Myriadcoin.png');
+  background-position: left;
+  background-size: 300px 300px;
+}
+#vertheader {
+  background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('../img/portfolio/Vertcoin.png');
+  background-position: left;
+  background-size: 300px 300px;
+}
+#litecoinheader {
+  background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('../img/portfolio/Litecoin.png');
+  background-position: left;
+  background-size: 300px 300px;
+}
+#decredheader {
+  background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('../img/portfolio/Decred.png');
+  background-position: left;
+  background-size: 300px 300px;
+}
+#aeonheader {
+  background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('../img/portfolio/Aeon.png');
+  background-position: left;
+  background-size: 300px 300px;
+}
+#groestlheader {
+  background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('../img/portfolio/Groestlcoin.png');
+  background-position: left;
+  background-size: 300px 300px;
+}
+#byteballheader {
+  background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('../img/portfolio/Byteball.png');
+  background-position: left;
+  background-size: 300px 300px;
+}
+#Nyanheader {
+  background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('../img/portfolio/Nyancoin.png');
+  background-position: left;
+  background-size: 300px 300px;
+}
+#Pepeheader {
+  background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('../img/portfolio/Pepecash.png');
+  background-position: left;
+  background-size: 300px 300px;
+}
+#unitusheader {
+  background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('../img/portfolio/Unitus.png');
+  background-position: left;
+  background-size: 300px 300px;
 }
 .section-heading {
   margin-top: 0;
diff --git a/img/favicon.ico b/img/favicon.ico
index 8223ce3..3d7e1c9 100644
Binary files a/img/favicon.ico and b/img/favicon.ico differ
diff --git a/img/favicon_old.ico b/img/favicon_old.ico
new file mode 100644
index 0000000..8223ce3
Binary files /dev/null and b/img/favicon_old.ico differ
diff --git a/img/portfolio-backup/.directory b/img/portfolio-backup/.directory
new file mode 100644
index 0000000..b03acd2
--- /dev/null
+++ b/img/portfolio-backup/.directory
@@ -0,0 +1,4 @@
+[Dolphin]
+Timestamp=2017,10,16,18,4,28
+Version=3
+ViewMode=1
diff --git a/img/portfolio-backup/Aeon.png b/img/portfolio-backup/Aeon.png
new file mode 100644
index 0000000..7d9f433
Binary files /dev/null and b/img/portfolio-backup/Aeon.png differ
diff --git a/img/portfolio-backup/Bitcoin.png b/img/portfolio-backup/Bitcoin.png
new file mode 100644
index 0000000..4487e29
Binary files /dev/null and b/img/portfolio-backup/Bitcoin.png differ
diff --git a/img/portfolio-backup/Byteball.png b/img/portfolio-backup/Byteball.png
new file mode 100644
index 0000000..4fec7cb
Binary files /dev/null and b/img/portfolio-backup/Byteball.png differ
diff --git a/img/portfolio-backup/Decred.png b/img/portfolio-backup/Decred.png
new file mode 100644
index 0000000..15aa5e7
Binary files /dev/null and b/img/portfolio-backup/Decred.png differ
diff --git a/img/portfolio-backup/Ethereum.png b/img/portfolio-backup/Ethereum.png
new file mode 100644
index 0000000..5c96065
Binary files /dev/null and b/img/portfolio-backup/Ethereum.png differ
diff --git a/img/portfolio-backup/Groestlcoin.png b/img/portfolio-backup/Groestlcoin.png
new file mode 100644
index 0000000..1d13f09
Binary files /dev/null and b/img/portfolio-backup/Groestlcoin.png differ
diff --git a/img/portfolio-backup/Litecoin.png b/img/portfolio-backup/Litecoin.png
new file mode 100644
index 0000000..43c10ec
Binary files /dev/null and b/img/portfolio-backup/Litecoin.png differ
diff --git a/img/portfolio-backup/Monero.png b/img/portfolio-backup/Monero.png
new file mode 100644
index 0000000..f124b00
Binary files /dev/null and b/img/portfolio-backup/Monero.png differ
diff --git a/img/portfolio-backup/Myriad.png b/img/portfolio-backup/Myriad.png
new file mode 100644
index 0000000..9e65847
Binary files /dev/null and b/img/portfolio-backup/Myriad.png differ
diff --git a/img/portfolio-backup/Nyancoin.png b/img/portfolio-backup/Nyancoin.png
new file mode 100644
index 0000000..346fd07
Binary files /dev/null and b/img/portfolio-backup/Nyancoin.png differ
diff --git a/img/portfolio-backup/Pepecash.png b/img/portfolio-backup/Pepecash.png
new file mode 100644
index 0000000..6620c59
Binary files /dev/null and b/img/portfolio-backup/Pepecash.png differ
diff --git a/img/portfolio-backup/Unitus.png b/img/portfolio-backup/Unitus.png
new file mode 100644
index 0000000..5d2fe6d
Binary files /dev/null and b/img/portfolio-backup/Unitus.png differ
diff --git a/img/portfolio-backup/Vertcoin.png b/img/portfolio-backup/Vertcoin.png
new file mode 100644
index 0000000..6d7a189
Binary files /dev/null and b/img/portfolio-backup/Vertcoin.png differ
diff --git a/img/portfolio/.directory b/img/portfolio/.directory
new file mode 100644
index 0000000..2d0629e
--- /dev/null
+++ b/img/portfolio/.directory
@@ -0,0 +1,8 @@
+[Dolphin]
+HeaderColumnWidths=409,67,117,77
+SortOrder=1
+SortRole=date
+Timestamp=2017,10,16,18,27,44
+Version=3
+ViewMode=1
+VisibleRoles=Details_text,Details_size,Details_date,Details_type,CustomizedDetails
diff --git a/img/portfolio/Aeon.png b/img/portfolio/Aeon.png
index 4d9ad1d..e7077dc 100644
Binary files a/img/portfolio/Aeon.png and b/img/portfolio/Aeon.png differ
diff --git a/img/portfolio/Bitcoin.png b/img/portfolio/Bitcoin.png
index bff79db..1c6d243 100644
Binary files a/img/portfolio/Bitcoin.png and b/img/portfolio/Bitcoin.png differ
diff --git a/img/portfolio/Byteball.png b/img/portfolio/Byteball.png
index 92a233a..12a4808 100644
Binary files a/img/portfolio/Byteball.png and b/img/portfolio/Byteball.png differ
diff --git a/img/portfolio/Decred.png b/img/portfolio/Decred.png
index 15aa5e7..5e369b1 100644
Binary files a/img/portfolio/Decred.png and b/img/portfolio/Decred.png differ
diff --git a/img/portfolio/Ethereum.png b/img/portfolio/Ethereum.png
index 5c96065..e444496 100644
Binary files a/img/portfolio/Ethereum.png and b/img/portfolio/Ethereum.png differ
diff --git a/img/portfolio/Groestlcoin.png b/img/portfolio/Groestlcoin.png
index 1d13f09..6d402b5 100644
Binary files a/img/portfolio/Groestlcoin.png and b/img/portfolio/Groestlcoin.png differ
diff --git a/img/portfolio/Litecoin.png b/img/portfolio/Litecoin.png
index 43c10ec..a72e3c6 100644
Binary files a/img/portfolio/Litecoin.png and b/img/portfolio/Litecoin.png differ
diff --git a/img/portfolio/Monero.png b/img/portfolio/Monero.png
index f124b00..fe80fbc 100644
Binary files a/img/portfolio/Monero.png and b/img/portfolio/Monero.png differ
diff --git a/img/portfolio/Myriad.png b/img/portfolio/Myriad.png
index 9e65847..8ff0a99 100644
Binary files a/img/portfolio/Myriad.png and b/img/portfolio/Myriad.png differ
diff --git a/img/portfolio/Nyancoin.png b/img/portfolio/Nyancoin.png
index 346fd07..4a31df3 100644
Binary files a/img/portfolio/Nyancoin.png and b/img/portfolio/Nyancoin.png differ
diff --git a/img/portfolio/Pepecash.png b/img/portfolio/Pepecash.png
index 47aa15a..896f4cf 100644
Binary files a/img/portfolio/Pepecash.png and b/img/portfolio/Pepecash.png differ
diff --git a/img/portfolio/Unitus.png b/img/portfolio/Unitus.png
index 5d2fe6d..a2a31ec 100644
Binary files a/img/portfolio/Unitus.png and b/img/portfolio/Unitus.png differ
diff --git a/img/portfolio/Vertcoin.png b/img/portfolio/Vertcoin.png
index 6d7a189..bfd6865 100644
Binary files a/img/portfolio/Vertcoin.png and b/img/portfolio/Vertcoin.png differ
diff --git a/index.html b/index.html
index 3484663..7fea24a 100644
--- a/index.html
+++ b/index.html
@@ -169,21 +169,6 @@
             </div>
           </a>
         </div>
-        <div class="col-lg-1 col-sm-1">
-          <a href="portfolio/myriad.html" class="portfolio-box">
-            <img src="img/portfolio/Myriad.png" class="img-responsive" alt="">
-            <div class="portfolio-box-caption">
-              <div class="portfolio-box-caption-content">
-                <div class="project-category text-faded">
-                  Myriad
-                </div>
-                <div class="project-name">
-                  A Coin for Everyone
-                </div>
-              </div>
-            </div>
-          </a>
-        </div>
         <div class="col-lg-1 col-sm-1">
           <a href="portfolio/vertcoin.html" class="portfolio-box">
             <img src="img/portfolio/Vertcoin.png" class="img-responsive" alt="">
@@ -199,6 +184,21 @@
             </div>
           </a>
         </div>
+        <div class="col-lg-1 col-sm-1">
+          <a href="portfolio/aeon.html" class="portfolio-box">
+            <img src="img/portfolio/Aeon.png" class="img-responsive" alt="">
+            <div class="portfolio-box-caption">
+              <div class="portfolio-box-caption-content">
+                <div class="project-category text-faded">
+                  Aeon
+                </div>
+                <div class="project-name">
+                  It's a Lifestyle
+                </div>
+              </div>
+            </div>
+          </a>
+        </div>
         <div class="col-lg-1 col-sm-1">
           <a href="portfolio/litecoin.html" class="portfolio-box">
             <img src="img/portfolio/Litecoin.png" class="img-responsive" alt="">
@@ -234,19 +234,19 @@
       </div>
     </div>
     <div class="container-fluid">
-      <div class="row no-gutter popup-gallery">
+      <div class="row no-gutter">
         <div class="col-lg-3 col-sm-3">
         </div>
         <div class="col-lg-1 col-sm-1">
-          <a href="portfolio/aeon.html" class="portfolio-box">
-            <img src="img/portfolio/Aeon.png" class="img-responsive" alt="">
+          <a href="portfolio/myriad.html" class="portfolio-box">
+            <img src="img/portfolio/Myriad.png" class="img-responsive" alt="">
             <div class="portfolio-box-caption">
               <div class="portfolio-box-caption-content">
                 <div class="project-category text-faded">
-                  Aeon
+                  Myriad
                 </div>
                 <div class="project-name">
-                  It's a Lifestyle
+                  A Coin for Everyone
                 </div>
               </div>
             </div>
@@ -282,21 +282,6 @@
             </div>
           </a>
         </div>
-        <div class="col-lg-1 col-sm-1">
-          <a href="portfolio/nyancoin.html" class="portfolio-box">
-            <img src="img/portfolio/Nyancoin.png" class="img-responsive" alt="">
-            <div class="portfolio-box-caption">
-              <div class="portfolio-box-caption-content">
-                <div class="project-category text-faded">
-                  Nyancoin
-                </div>
-                <div class="project-name">
-                  Poptart Cat
-                </div>
-              </div>
-            </div>
-          </a>
-        </div>
         <div class="col-lg-1 col-sm-1">
           <a href="portfolio/pepecash.html" class="portfolio-box">
             <img src="img/portfolio/Pepecash.png" class="img-responsive" alt="">
@@ -327,6 +312,21 @@
             </div>
           </a>
         </div>
+        <div class="col-lg-1 col-sm-1">
+          <a href="portfolio/nyancoin.html" class="portfolio-box">
+            <img src="img/portfolio/Nyancoin.png" class="img-responsive" alt="">
+            <div class="portfolio-box-caption">
+              <div class="portfolio-box-caption-content">
+                <div class="project-category text-faded">
+                  Nyancoin
+                </div>
+                <div class="project-name">
+                  Poptart Cat
+                </div>
+              </div>
+            </div>
+          </a>
+        </div>
         <div class="col-lg-3 col-sm-3">
         </div>
       </div>
diff --git a/portfolio/aeon.html b/portfolio/aeon.html
new file mode 100644
index 0000000..2c33f55
--- /dev/null
+++ b/portfolio/aeon.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="description" content="cryptofantasy">
+  <meta name="author" content="jwinterm">
+  <link rel="shortcut icon" type="image/x-icon" href="../img/favicon.ico" >
+  <title>Cryptofantasy - Aeon</title>
+  <!-- Bootstrap Core CSS -->
+  <link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+  <!-- Custom Fonts -->
+  <link href="../vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
+  <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+  <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
+  <!-- Plugin CSS -->
+  <link href="../vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
+  <!-- Theme CSS -->
+  <link href="../css/creative.css" rel="stylesheet">
+  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+  <!--[if lt IE 9]>
+  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+  <![endif]-->
+</head>
+
+<body id="page-top">
+
+  <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
+    <div class="container-fluid">
+      <!-- Brand and toggle get grouped for better mobile display -->
+      <div class="navbar-header">
+        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+        <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
+        </button>
+        <a class="navbar-brand page-scroll" href="../index.html">Cryptofantasy</a>
+      </div>
+      <!-- Collect the nav links, forms, and other content for toggling -->
+      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+        <ul class="nav navbar-nav navbar-right">
+          <li>
+            <a class="page-scroll" href="#about">About</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#specs">Specifications</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#links">Links</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#community">Community</a>
+          </li>
+        </ul>
+      </div>
+      <!-- /.navbar-collapse -->
+    </div>
+    <!-- /.container-fluid -->
+  </nav>
+
+  <header class="portfolioheader" id="aeonheader">
+    <div class="header-content">
+      <div class="header-content-inner">
+        <h1 id="homeHeading">Aeon</h1>
+        <hr>
+        <h3>It's a lifestyle</h3>
+        <a href="#about" class="btn btn-primary btn-xl page-scroll">Find Out More</a>
+      </div>
+    </div>
+  </header>
+
+  <section class="bg-dark" id="about">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Smooth criminal</h2>
+          <hr class="light">
+          <p class="text-faded">
+          Aeon is a fork of Monero that launched in June 2014. It has since modified the proof-of-work algorithm to make itself more friendly to mobile processors. 
+          </p>
+          <a href="#specs" class="page-scroll btn btn-default btn-xl sr-button">Get the specs!</a>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-primary" id="specs">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Coin specifications</h2>
+          <hr class="light">
+          <ul class="speclist">
+            <li> Date launched - 2014 June 6 </li>
+            <li> Total supply - 18.4 million </li>
+            <li> Emission - smoothly decreasing </li>
+            <li> Security - Proof-of-work (Cryptonight-light) </li>
+            <li> Target block time - 4 min </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-light" id="links">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Useful links</h2>
+          <hr class="light">
+          <h4>"Official" links"*:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="https://aeon.cash"> Aeon.cash </a> </li>
+            <li> <a href="https://github.com/aeonix/aeon"> Aeon Github </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Educational stuff:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="https://cryptonote.org/whitepaper.pdf"> Cryptonote Whitepaper </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Exchanges:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="http://bittrex.com/"> Bittrex </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Mining pools, explorers, and other links:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="http://aeon.sumominer.com/"> Sumominer Pool </a> </li>
+          </ul>
+          <hr class="thin">
+          <i class="note">*what is really official for a decentralized project?</i>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-white" id="community">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Community</h2>
+          <hr class="primary">
+          <p>Get in touch with other aeonix!</p>
+        </div>
+        <div class="col-lg-2 col-lg-offset-2 text-center">
+          <a href="https://www.reddit.com/r/Aeon">
+            <i class="fa fa-reddit fa-3x sr-contact"></i>
+            <p>/r/Aeon</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://bitcointalk.org/index.php?topic=641696.0">
+            <i class="fa fa-btc fa-3x sr-contact"></i>
+            <p>bitcointalk.org</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://kiwiirc.com/client/irc.freenode.net/?nick=aeonix|?#aeon">
+            <i class="fa fa-wechat fa-3x sr-contact"></i>
+            <p>Freenode</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://twitter.com/aeoncoin">
+            <i class="fa fa-twitter fa-3x sr-contact"></i>
+            <p>@AeonCoin</p>
+          </a>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <aside class="bg-light">
+  </aside>
+
+  <aside class="bg-dark">
+    <div class="container text-center">
+      <div class="call-to-action">
+        <h2></h2>
+        <a href="../index.html" class="btn btn-default btn-xl sr-button">Home</a>
+      </div>
+    </div>
+  </aside>
+
+  <!-- jQuery -->
+  <script src="../vendor/jquery/jquery.min.js"></script>
+  <!-- Bootstrap Core JavaScript -->
+  <script src="../vendor/bootstrap/js/bootstrap.min.js"></script>
+  <!-- Plugin JavaScript -->
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
+  <script src="../vendor/scrollreveal/scrollreveal.min.js"></script>
+  <script src="../vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
+  <!-- Theme JavaScript -->
+  <script src="../js/creative.min.js"></script>
+</body>
+</html>
+
diff --git a/portfolio/bitcoin.html b/portfolio/bitcoin.html
index 179b311..824a5c9 100644
--- a/portfolio/bitcoin.html
+++ b/portfolio/bitcoin.html
@@ -86,7 +86,7 @@
           <ul class="plist">
             <li> It is resistant to change without wide consensus from the community of developers, miners, and users.</li>
             <li> It is essentially immutable - any transaction confirmed for six blocks can not be reversed.</li>
-            <li> It is a store of value. With increased usage its value relative to the dollar has only increased over time.<li>
+            <li> It is a store of value. With increased usage its value relative to the dollar has only increased over time.</li>
           </ul>
           </p>
           <p class="text-faded">
@@ -122,18 +122,29 @@
         <div class="col-lg-8 col-lg-offset-2 text-center">
           <h2 class="section-heading">Useful links</h2>
           <hr class="light">
-          <h4>"Official" <strong class="note">(what is really official for a decentralized project?)</strong> links:</h4>
-          
-          <ul class="plist">
+          <h4>"Official" links"*:</h4>
+          <ul class="linklist no-padding">
             <li> <a href="https://bitcoin.org"> Bitcoin.org </a> </li>
             <li> <a href="https://github.com/bitcoin/bitcoin"> Bitcoin Core Github </a> </li>
           </ul>
           <hr class="thin">
           <h4>Educational stuff:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="http://royalforkblog.github.io/"> The Royal Fork </a> </li>
+          </ul>
           <hr class="thin">
           <h4>Exchanges:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="http://coinbase.com/"> Coinbase </a> </li>
+            <li> <a href="http://localbitcoins.com/"> Local Bitcoins </a> </li>
+          </ul>
           <hr class="thin">
-          <h4>Mining pools:</h4>
+          <h4>Mining pools, explorers, and other links:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="http://slushpool.com/"> Slush Pool </a> </li>
+          </ul>
+          <hr class="thin">
+          <i class="note">*what is really official for a decentralized project?</i>
         </div>
       </div>
     </div>
diff --git a/portfolio/byteball.html b/portfolio/byteball.html
new file mode 100644
index 0000000..cbd6e8b
--- /dev/null
+++ b/portfolio/byteball.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="description" content="cryptofantasy">
+  <meta name="author" content="jwinterm">
+  <link rel="shortcut icon" type="image/x-icon" href="../img/favicon.ico" >
+  <title>Cryptofantasy - Byteball</title>
+  <!-- Bootstrap Core CSS -->
+  <link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+  <!-- Custom Fonts -->
+  <link href="../vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
+  <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+  <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
+  <!-- Plugin CSS -->
+  <link href="../vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
+  <!-- Theme CSS -->
+  <link href="../css/creative.css" rel="stylesheet">
+  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+  <!--[if lt IE 9]>
+  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+  <![endif]-->
+</head>
+
+<body id="page-top">
+
+  <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
+    <div class="container-fluid">
+      <!-- Brand and toggle get grouped for better mobile display -->
+      <div class="navbar-header">
+        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+        <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
+        </button>
+        <a class="navbar-brand page-scroll" href="../index.html">Cryptofantasy</a>
+      </div>
+      <!-- Collect the nav links, forms, and other content for toggling -->
+      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+        <ul class="nav navbar-nav navbar-right">
+          <li>
+            <a class="page-scroll" href="#about">About</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#specs">Specifications</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#links">Links</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#community">Community</a>
+          </li>
+        </ul>
+      </div>
+      <!-- /.navbar-collapse -->
+    </div>
+    <!-- /.container-fluid -->
+  </nav>
+
+  <header class="portfolioheader" id="byteballheader">
+    <div class="header-content">
+      <div class="header-content-inner">
+        <h1 id="homeHeading">Byteball</h1>
+        <hr>
+        <h3>Moondrop</h3>
+        <a href="#about" class="btn btn-primary btn-xl page-scroll">Find Out More</a>
+      </div>
+    </div>
+  </header>
+
+  <section class="bg-dark" id="about">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Something for nothing</h2>
+          <hr class="light">
+          <p class="text-faded">
+          Byteball was launched in November 2016 as one of the first implementations of a directed acyclic graph (DAG) based cryptocurrency, as opposed to a blockchain based one; the other DAG coin of note at this point is Iota. 
+          </p>
+          <a href="#specs" class="page-scroll btn btn-default btn-xl sr-button">Get the specs!</a>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-primary" id="specs">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Coin specifications</h2>
+          <hr class="light">
+          <ul class="speclist">
+            <li> Date launched - 2016 November 4 </li>
+            <li> Total supply - 1 million GBYTE</li>
+            <li> Emission - "airdropped" </li>
+            <li> Security - Witness based validation </li>
+            <li> Target block time - N/A </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-light" id="links">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Useful links</h2>
+          <hr class="light">
+          <h4>"Official" links"*:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="https://byteball.org"> Byteball.org </a> </li>
+            <li> <a href="https://github.com/byteball"> Byteball Github </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Educational stuff:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="https://byteball.org/Byteball.pdf"> Byteball Whitepaper </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Exchanges:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="http://bittrex.com"> Bittrex </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Mining pools, explorers, and other links:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="http://explorer.byteball.org/"> DAG Explorer </a> </li>
+          </ul>
+          <hr class="thin">
+          <i class="note">*what is really official for a decentralized project?</i>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-white" id="community">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Community</h2>
+          <hr class="primary">
+          <p>Get in touch with other byteballers!</p>
+        </div>
+        <div class="col-lg-2 col-lg-offset-2 text-center">
+          <a href="https://www.reddit.com/r/Byteball">
+            <i class="fa fa-reddit fa-3x sr-contact"></i>
+            <p>/r/Byteball</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://bitcointalk.org/index.php?topic=1608859.0">
+            <i class="fa fa-btc fa-3x sr-contact"></i>
+            <p>bitcointalk.org</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://kiwiirc.com/client/irc.freenode.net/?nick=byteballer|?#byteball">
+            <i class="fa fa-wechat fa-3x sr-contact"></i>
+            <p>Freenode</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://twitter.com/ByteballOrg">
+            <i class="fa fa-twitter fa-3x sr-contact"></i>
+            <p>@ByteballOrg</p>
+          </a>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <aside class="bg-light">
+  </aside>
+
+  <aside class="bg-dark">
+    <div class="container text-center">
+      <div class="call-to-action">
+        <h2></h2>
+        <a href="../index.html" class="btn btn-default btn-xl sr-button">Home</a>
+      </div>
+    </div>
+  </aside>
+
+  <!-- jQuery -->
+  <script src="../vendor/jquery/jquery.min.js"></script>
+  <!-- Bootstrap Core JavaScript -->
+  <script src="../vendor/bootstrap/js/bootstrap.min.js"></script>
+  <!-- Plugin JavaScript -->
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
+  <script src="../vendor/scrollreveal/scrollreveal.min.js"></script>
+  <script src="../vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
+  <!-- Theme JavaScript -->
+  <script src="../js/creative.min.js"></script>
+</body>
+</html>
+
diff --git a/portfolio/decred.html b/portfolio/decred.html
new file mode 100644
index 0000000..527d3fd
--- /dev/null
+++ b/portfolio/decred.html
@@ -0,0 +1,198 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="description" content="cryptofantasy">
+  <meta name="author" content="jwinterm">
+  <link rel="shortcut icon" type="image/x-icon" href="../img/favicon.ico" >
+  <title>Cryptofantasy - Monero</title>
+  <!-- Bootstrap Core CSS -->
+  <link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+  <!-- Custom Fonts -->
+  <link href="../vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
+  <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+  <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
+  <!-- Plugin CSS -->
+  <link href="../vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
+  <!-- Theme CSS -->
+  <link href="../css/creative.css" rel="stylesheet">
+  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+  <!--[if lt IE 9]>
+  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+  <![endif]-->
+</head>
+
+<body id="page-top">
+
+  <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
+    <div class="container-fluid">
+      <!-- Brand and toggle get grouped for better mobile display -->
+      <div class="navbar-header">
+        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+        <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
+        </button>
+        <a class="navbar-brand page-scroll" href="../index.html">Cryptofantasy</a>
+      </div>
+      <!-- Collect the nav links, forms, and other content for toggling -->
+      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+        <ul class="nav navbar-nav navbar-right">
+          <li>
+            <a class="page-scroll" href="#about">About</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#specs">Specifications</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#links">Links</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#community">Community</a>
+          </li>
+        </ul>
+      </div>
+      <!-- /.navbar-collapse -->
+    </div>
+    <!-- /.container-fluid -->
+  </nav>
+
+  <header class="portfolioheader" id="moneroheader">
+    <div class="header-content">
+      <div class="header-content-inner">
+        <h1 id="homeHeading">Monero</h1>
+        <hr>
+        <h3>The Dark Horse</h3>
+        <a href="#about" class="btn btn-primary btn-xl page-scroll">Find Out More</a>
+      </div>
+    </div>
+  </header>
+
+  <section class="bg-dark" id="about">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Fungibility is Fun</h2>
+          <hr class="light">
+          <p class="text-faded">
+          </p>
+          <a href="#specs" class="page-scroll btn btn-default btn-xl sr-button">Get the specs!</a>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-primary" id="specs">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Coin specifications</h2>
+          <hr class="light">
+          <ul class="speclist">
+            <li> Date launched - 2014 April 18 </li>
+            <li> Total supply - 18.4 million before tail emission</li>
+            <li> Emission - smoothly decreasing </li>
+            <li> Security - Proof-of-work (Cryptonight) </li>
+            <li> Target block time - 2 min </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-light" id="links">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Useful links</h2>
+          <hr class="light">
+          <h4>"Official" links"*:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="https://getmonero.org"> GetMonero.org </a> </li>
+            <li> <a href="https://github.com/monero-project/monero"> Monero Github </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Educational stuff:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="https://cryptonote.org/whitepaper.pdf"> Cryptonote Whitepaper </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Exchanges:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="http://localmonero.co/"> Local Monero </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Mining pools:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="http://supportXMR.com/"> Support XMR Pool </a> </li>
+          </ul>
+          <hr class="thin">
+          <i class="note">*what is really official for a decentralized project?</i>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-white" id="community">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Community</h2>
+          <hr class="primary">
+          <p>Get in touch with other romeros!</p>
+        </div>
+        <div class="col-lg-2 col-lg-offset-2 text-center">
+          <a href="https://www.reddit.com/r/Monero">
+            <i class="fa fa-reddit fa-3x sr-contact"></i>
+            <p>/r/Monero</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://bitcointalk.org/index.php?topic=583449.0">
+            <i class="fa fa-btc fa-3x sr-contact"></i>
+            <p>bitcointalk.org</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://kiwiirc.com/client/irc.freenode.net/?nick=romero|?#monero">
+            <i class="fa fa-wechat fa-3x sr-contact"></i>
+            <p>Freenode</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://twitter.com/monerocurrency">
+            <i class="fa fa-twitter fa-3x sr-contact"></i>
+            <p>@monerocurrency</p>
+          </a>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <aside class="bg-light">
+  </aside>
+
+  <aside class="bg-dark">
+    <div class="container text-center">
+      <div class="call-to-action">
+        <h2></h2>
+        <a href="../index.html" class="btn btn-default btn-xl sr-button">Home</a>
+      </div>
+    </div>
+  </aside>
+
+  <!-- jQuery -->
+  <script src="../vendor/jquery/jquery.min.js"></script>
+  <!-- Bootstrap Core JavaScript -->
+  <script src="../vendor/bootstrap/js/bootstrap.min.js"></script>
+  <!-- Plugin JavaScript -->
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
+  <script src="../vendor/scrollreveal/scrollreveal.min.js"></script>
+  <script src="../vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
+  <!-- Theme JavaScript -->
+  <script src="../js/creative.min.js"></script>
+</body>
+</html>
+
diff --git a/portfolio/groestlcoin.html b/portfolio/groestlcoin.html
new file mode 100644
index 0000000..527d3fd
--- /dev/null
+++ b/portfolio/groestlcoin.html
@@ -0,0 +1,198 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="description" content="cryptofantasy">
+  <meta name="author" content="jwinterm">
+  <link rel="shortcut icon" type="image/x-icon" href="../img/favicon.ico" >
+  <title>Cryptofantasy - Monero</title>
+  <!-- Bootstrap Core CSS -->
+  <link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+  <!-- Custom Fonts -->
+  <link href="../vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
+  <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+  <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
+  <!-- Plugin CSS -->
+  <link href="../vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
+  <!-- Theme CSS -->
+  <link href="../css/creative.css" rel="stylesheet">
+  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+  <!--[if lt IE 9]>
+  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+  <![endif]-->
+</head>
+
+<body id="page-top">
+
+  <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
+    <div class="container-fluid">
+      <!-- Brand and toggle get grouped for better mobile display -->
+      <div class="navbar-header">
+        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+        <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
+        </button>
+        <a class="navbar-brand page-scroll" href="../index.html">Cryptofantasy</a>
+      </div>
+      <!-- Collect the nav links, forms, and other content for toggling -->
+      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+        <ul class="nav navbar-nav navbar-right">
+          <li>
+            <a class="page-scroll" href="#about">About</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#specs">Specifications</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#links">Links</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#community">Community</a>
+          </li>
+        </ul>
+      </div>
+      <!-- /.navbar-collapse -->
+    </div>
+    <!-- /.container-fluid -->
+  </nav>
+
+  <header class="portfolioheader" id="moneroheader">
+    <div class="header-content">
+      <div class="header-content-inner">
+        <h1 id="homeHeading">Monero</h1>
+        <hr>
+        <h3>The Dark Horse</h3>
+        <a href="#about" class="btn btn-primary btn-xl page-scroll">Find Out More</a>
+      </div>
+    </div>
+  </header>
+
+  <section class="bg-dark" id="about">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Fungibility is Fun</h2>
+          <hr class="light">
+          <p class="text-faded">
+          </p>
+          <a href="#specs" class="page-scroll btn btn-default btn-xl sr-button">Get the specs!</a>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-primary" id="specs">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Coin specifications</h2>
+          <hr class="light">
+          <ul class="speclist">
+            <li> Date launched - 2014 April 18 </li>
+            <li> Total supply - 18.4 million before tail emission</li>
+            <li> Emission - smoothly decreasing </li>
+            <li> Security - Proof-of-work (Cryptonight) </li>
+            <li> Target block time - 2 min </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-light" id="links">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Useful links</h2>
+          <hr class="light">
+          <h4>"Official" links"*:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="https://getmonero.org"> GetMonero.org </a> </li>
+            <li> <a href="https://github.com/monero-project/monero"> Monero Github </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Educational stuff:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="https://cryptonote.org/whitepaper.pdf"> Cryptonote Whitepaper </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Exchanges:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="http://localmonero.co/"> Local Monero </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Mining pools:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="http://supportXMR.com/"> Support XMR Pool </a> </li>
+          </ul>
+          <hr class="thin">
+          <i class="note">*what is really official for a decentralized project?</i>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-white" id="community">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Community</h2>
+          <hr class="primary">
+          <p>Get in touch with other romeros!</p>
+        </div>
+        <div class="col-lg-2 col-lg-offset-2 text-center">
+          <a href="https://www.reddit.com/r/Monero">
+            <i class="fa fa-reddit fa-3x sr-contact"></i>
+            <p>/r/Monero</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://bitcointalk.org/index.php?topic=583449.0">
+            <i class="fa fa-btc fa-3x sr-contact"></i>
+            <p>bitcointalk.org</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://kiwiirc.com/client/irc.freenode.net/?nick=romero|?#monero">
+            <i class="fa fa-wechat fa-3x sr-contact"></i>
+            <p>Freenode</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://twitter.com/monerocurrency">
+            <i class="fa fa-twitter fa-3x sr-contact"></i>
+            <p>@monerocurrency</p>
+          </a>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <aside class="bg-light">
+  </aside>
+
+  <aside class="bg-dark">
+    <div class="container text-center">
+      <div class="call-to-action">
+        <h2></h2>
+        <a href="../index.html" class="btn btn-default btn-xl sr-button">Home</a>
+      </div>
+    </div>
+  </aside>
+
+  <!-- jQuery -->
+  <script src="../vendor/jquery/jquery.min.js"></script>
+  <!-- Bootstrap Core JavaScript -->
+  <script src="../vendor/bootstrap/js/bootstrap.min.js"></script>
+  <!-- Plugin JavaScript -->
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
+  <script src="../vendor/scrollreveal/scrollreveal.min.js"></script>
+  <script src="../vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
+  <!-- Theme JavaScript -->
+  <script src="../js/creative.min.js"></script>
+</body>
+</html>
+
diff --git a/portfolio/litecoin.html b/portfolio/litecoin.html
new file mode 100644
index 0000000..527d3fd
--- /dev/null
+++ b/portfolio/litecoin.html
@@ -0,0 +1,198 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="description" content="cryptofantasy">
+  <meta name="author" content="jwinterm">
+  <link rel="shortcut icon" type="image/x-icon" href="../img/favicon.ico" >
+  <title>Cryptofantasy - Monero</title>
+  <!-- Bootstrap Core CSS -->
+  <link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+  <!-- Custom Fonts -->
+  <link href="../vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
+  <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+  <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
+  <!-- Plugin CSS -->
+  <link href="../vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
+  <!-- Theme CSS -->
+  <link href="../css/creative.css" rel="stylesheet">
+  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+  <!--[if lt IE 9]>
+  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+  <![endif]-->
+</head>
+
+<body id="page-top">
+
+  <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
+    <div class="container-fluid">
+      <!-- Brand and toggle get grouped for better mobile display -->
+      <div class="navbar-header">
+        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+        <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
+        </button>
+        <a class="navbar-brand page-scroll" href="../index.html">Cryptofantasy</a>
+      </div>
+      <!-- Collect the nav links, forms, and other content for toggling -->
+      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+        <ul class="nav navbar-nav navbar-right">
+          <li>
+            <a class="page-scroll" href="#about">About</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#specs">Specifications</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#links">Links</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#community">Community</a>
+          </li>
+        </ul>
+      </div>
+      <!-- /.navbar-collapse -->
+    </div>
+    <!-- /.container-fluid -->
+  </nav>
+
+  <header class="portfolioheader" id="moneroheader">
+    <div class="header-content">
+      <div class="header-content-inner">
+        <h1 id="homeHeading">Monero</h1>
+        <hr>
+        <h3>The Dark Horse</h3>
+        <a href="#about" class="btn btn-primary btn-xl page-scroll">Find Out More</a>
+      </div>
+    </div>
+  </header>
+
+  <section class="bg-dark" id="about">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Fungibility is Fun</h2>
+          <hr class="light">
+          <p class="text-faded">
+          </p>
+          <a href="#specs" class="page-scroll btn btn-default btn-xl sr-button">Get the specs!</a>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-primary" id="specs">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Coin specifications</h2>
+          <hr class="light">
+          <ul class="speclist">
+            <li> Date launched - 2014 April 18 </li>
+            <li> Total supply - 18.4 million before tail emission</li>
+            <li> Emission - smoothly decreasing </li>
+            <li> Security - Proof-of-work (Cryptonight) </li>
+            <li> Target block time - 2 min </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-light" id="links">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Useful links</h2>
+          <hr class="light">
+          <h4>"Official" links"*:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="https://getmonero.org"> GetMonero.org </a> </li>
+            <li> <a href="https://github.com/monero-project/monero"> Monero Github </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Educational stuff:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="https://cryptonote.org/whitepaper.pdf"> Cryptonote Whitepaper </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Exchanges:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="http://localmonero.co/"> Local Monero </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Mining pools:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="http://supportXMR.com/"> Support XMR Pool </a> </li>
+          </ul>
+          <hr class="thin">
+          <i class="note">*what is really official for a decentralized project?</i>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-white" id="community">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Community</h2>
+          <hr class="primary">
+          <p>Get in touch with other romeros!</p>
+        </div>
+        <div class="col-lg-2 col-lg-offset-2 text-center">
+          <a href="https://www.reddit.com/r/Monero">
+            <i class="fa fa-reddit fa-3x sr-contact"></i>
+            <p>/r/Monero</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://bitcointalk.org/index.php?topic=583449.0">
+            <i class="fa fa-btc fa-3x sr-contact"></i>
+            <p>bitcointalk.org</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://kiwiirc.com/client/irc.freenode.net/?nick=romero|?#monero">
+            <i class="fa fa-wechat fa-3x sr-contact"></i>
+            <p>Freenode</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://twitter.com/monerocurrency">
+            <i class="fa fa-twitter fa-3x sr-contact"></i>
+            <p>@monerocurrency</p>
+          </a>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <aside class="bg-light">
+  </aside>
+
+  <aside class="bg-dark">
+    <div class="container text-center">
+      <div class="call-to-action">
+        <h2></h2>
+        <a href="../index.html" class="btn btn-default btn-xl sr-button">Home</a>
+      </div>
+    </div>
+  </aside>
+
+  <!-- jQuery -->
+  <script src="../vendor/jquery/jquery.min.js"></script>
+  <!-- Bootstrap Core JavaScript -->
+  <script src="../vendor/bootstrap/js/bootstrap.min.js"></script>
+  <!-- Plugin JavaScript -->
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
+  <script src="../vendor/scrollreveal/scrollreveal.min.js"></script>
+  <script src="../vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
+  <!-- Theme JavaScript -->
+  <script src="../js/creative.min.js"></script>
+</body>
+</html>
+
diff --git a/portfolio/monero.html b/portfolio/monero.html
new file mode 100644
index 0000000..7ab3e15
--- /dev/null
+++ b/portfolio/monero.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="description" content="cryptofantasy">
+  <meta name="author" content="jwinterm">
+  <link rel="shortcut icon" type="image/x-icon" href="../img/favicon.ico" >
+  <title>Cryptofantasy - Monero</title>
+  <!-- Bootstrap Core CSS -->
+  <link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+  <!-- Custom Fonts -->
+  <link href="../vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
+  <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+  <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
+  <!-- Plugin CSS -->
+  <link href="../vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
+  <!-- Theme CSS -->
+  <link href="../css/creative.css" rel="stylesheet">
+  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+  <!--[if lt IE 9]>
+  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+  <![endif]-->
+</head>
+
+<body id="page-top">
+
+  <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
+    <div class="container-fluid">
+      <!-- Brand and toggle get grouped for better mobile display -->
+      <div class="navbar-header">
+        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+        <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
+        </button>
+        <a class="navbar-brand page-scroll" href="../index.html">Cryptofantasy</a>
+      </div>
+      <!-- Collect the nav links, forms, and other content for toggling -->
+      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+        <ul class="nav navbar-nav navbar-right">
+          <li>
+            <a class="page-scroll" href="#about">About</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#specs">Specifications</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#links">Links</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#community">Community</a>
+          </li>
+        </ul>
+      </div>
+      <!-- /.navbar-collapse -->
+    </div>
+    <!-- /.container-fluid -->
+  </nav>
+
+  <header class="portfolioheader" id="moneroheader">
+    <div class="header-content">
+      <div class="header-content-inner">
+        <h1 id="homeHeading">Monero</h1>
+        <hr>
+        <h3>The Dark Horse</h3>
+        <a href="#about" class="btn btn-primary btn-xl page-scroll">Find Out More</a>
+      </div>
+    </div>
+  </header>
+
+  <section class="bg-dark" id="about">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Fungibility is Fun</h2>
+          <hr class="light">
+          <p class="text-faded">
+          Monero was launched in April 2014 as a fork of Bytecoin. Bytecoin was the original Cryptonote implementation, but was widely suspected of being a scam.
+          </p>
+          <a href="#specs" class="page-scroll btn btn-default btn-xl sr-button">Get the specs!</a>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-primary" id="specs">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Coin specifications</h2>
+          <hr class="light">
+          <ul class="speclist">
+            <li> Date launched - 2014 April 18 </li>
+            <li> Total supply - 18.4 million before tail emission</li>
+            <li> Emission - smoothly decreasing </li>
+            <li> Security - Proof-of-work (Cryptonight) </li>
+            <li> Target block time - 2 min </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-light" id="links">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Useful links</h2>
+          <hr class="light">
+          <h4>"Official" links"*:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="https://getmonero.org"> GetMonero.org </a> </li>
+            <li> <a href="https://github.com/monero-project/monero"> Monero Github </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Educational stuff:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="https://cryptonote.org/whitepaper.pdf"> Cryptonote Whitepaper </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Exchanges:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="http://localmonero.co/"> Local Monero </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Mining pools, explorers, and other links:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="http://supportXMR.com/"> Support XMR Pool </a> </li>
+          </ul>
+          <hr class="thin">
+          <i class="note">*what is really official for a decentralized project?</i>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-white" id="community">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Community</h2>
+          <hr class="primary">
+          <p>Get in touch with other romeros!</p>
+        </div>
+        <div class="col-lg-2 col-lg-offset-2 text-center">
+          <a href="https://www.reddit.com/r/Monero">
+            <i class="fa fa-reddit fa-3x sr-contact"></i>
+            <p>/r/Monero</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://bitcointalk.org/index.php?topic=583449.0">
+            <i class="fa fa-btc fa-3x sr-contact"></i>
+            <p>bitcointalk.org</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://kiwiirc.com/client/irc.freenode.net/?nick=romero|?#monero">
+            <i class="fa fa-wechat fa-3x sr-contact"></i>
+            <p>Freenode</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://twitter.com/monerocurrency">
+            <i class="fa fa-twitter fa-3x sr-contact"></i>
+            <p>@monerocurrency</p>
+          </a>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <aside class="bg-light">
+  </aside>
+
+  <aside class="bg-dark">
+    <div class="container text-center">
+      <div class="call-to-action">
+        <h2></h2>
+        <a href="../index.html" class="btn btn-default btn-xl sr-button">Home</a>
+      </div>
+    </div>
+  </aside>
+
+  <!-- jQuery -->
+  <script src="../vendor/jquery/jquery.min.js"></script>
+  <!-- Bootstrap Core JavaScript -->
+  <script src="../vendor/bootstrap/js/bootstrap.min.js"></script>
+  <!-- Plugin JavaScript -->
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
+  <script src="../vendor/scrollreveal/scrollreveal.min.js"></script>
+  <script src="../vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
+  <!-- Theme JavaScript -->
+  <script src="../js/creative.min.js"></script>
+</body>
+</html>
+
diff --git a/portfolio/myriad.html b/portfolio/myriad.html
new file mode 100644
index 0000000..527d3fd
--- /dev/null
+++ b/portfolio/myriad.html
@@ -0,0 +1,198 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="description" content="cryptofantasy">
+  <meta name="author" content="jwinterm">
+  <link rel="shortcut icon" type="image/x-icon" href="../img/favicon.ico" >
+  <title>Cryptofantasy - Monero</title>
+  <!-- Bootstrap Core CSS -->
+  <link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+  <!-- Custom Fonts -->
+  <link href="../vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
+  <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+  <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
+  <!-- Plugin CSS -->
+  <link href="../vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
+  <!-- Theme CSS -->
+  <link href="../css/creative.css" rel="stylesheet">
+  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+  <!--[if lt IE 9]>
+  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+  <![endif]-->
+</head>
+
+<body id="page-top">
+
+  <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
+    <div class="container-fluid">
+      <!-- Brand and toggle get grouped for better mobile display -->
+      <div class="navbar-header">
+        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+        <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
+        </button>
+        <a class="navbar-brand page-scroll" href="../index.html">Cryptofantasy</a>
+      </div>
+      <!-- Collect the nav links, forms, and other content for toggling -->
+      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+        <ul class="nav navbar-nav navbar-right">
+          <li>
+            <a class="page-scroll" href="#about">About</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#specs">Specifications</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#links">Links</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#community">Community</a>
+          </li>
+        </ul>
+      </div>
+      <!-- /.navbar-collapse -->
+    </div>
+    <!-- /.container-fluid -->
+  </nav>
+
+  <header class="portfolioheader" id="moneroheader">
+    <div class="header-content">
+      <div class="header-content-inner">
+        <h1 id="homeHeading">Monero</h1>
+        <hr>
+        <h3>The Dark Horse</h3>
+        <a href="#about" class="btn btn-primary btn-xl page-scroll">Find Out More</a>
+      </div>
+    </div>
+  </header>
+
+  <section class="bg-dark" id="about">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Fungibility is Fun</h2>
+          <hr class="light">
+          <p class="text-faded">
+          </p>
+          <a href="#specs" class="page-scroll btn btn-default btn-xl sr-button">Get the specs!</a>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-primary" id="specs">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Coin specifications</h2>
+          <hr class="light">
+          <ul class="speclist">
+            <li> Date launched - 2014 April 18 </li>
+            <li> Total supply - 18.4 million before tail emission</li>
+            <li> Emission - smoothly decreasing </li>
+            <li> Security - Proof-of-work (Cryptonight) </li>
+            <li> Target block time - 2 min </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-light" id="links">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Useful links</h2>
+          <hr class="light">
+          <h4>"Official" links"*:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="https://getmonero.org"> GetMonero.org </a> </li>
+            <li> <a href="https://github.com/monero-project/monero"> Monero Github </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Educational stuff:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="https://cryptonote.org/whitepaper.pdf"> Cryptonote Whitepaper </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Exchanges:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="http://localmonero.co/"> Local Monero </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Mining pools:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="http://supportXMR.com/"> Support XMR Pool </a> </li>
+          </ul>
+          <hr class="thin">
+          <i class="note">*what is really official for a decentralized project?</i>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-white" id="community">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Community</h2>
+          <hr class="primary">
+          <p>Get in touch with other romeros!</p>
+        </div>
+        <div class="col-lg-2 col-lg-offset-2 text-center">
+          <a href="https://www.reddit.com/r/Monero">
+            <i class="fa fa-reddit fa-3x sr-contact"></i>
+            <p>/r/Monero</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://bitcointalk.org/index.php?topic=583449.0">
+            <i class="fa fa-btc fa-3x sr-contact"></i>
+            <p>bitcointalk.org</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://kiwiirc.com/client/irc.freenode.net/?nick=romero|?#monero">
+            <i class="fa fa-wechat fa-3x sr-contact"></i>
+            <p>Freenode</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://twitter.com/monerocurrency">
+            <i class="fa fa-twitter fa-3x sr-contact"></i>
+            <p>@monerocurrency</p>
+          </a>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <aside class="bg-light">
+  </aside>
+
+  <aside class="bg-dark">
+    <div class="container text-center">
+      <div class="call-to-action">
+        <h2></h2>
+        <a href="../index.html" class="btn btn-default btn-xl sr-button">Home</a>
+      </div>
+    </div>
+  </aside>
+
+  <!-- jQuery -->
+  <script src="../vendor/jquery/jquery.min.js"></script>
+  <!-- Bootstrap Core JavaScript -->
+  <script src="../vendor/bootstrap/js/bootstrap.min.js"></script>
+  <!-- Plugin JavaScript -->
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
+  <script src="../vendor/scrollreveal/scrollreveal.min.js"></script>
+  <script src="../vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
+  <!-- Theme JavaScript -->
+  <script src="../js/creative.min.js"></script>
+</body>
+</html>
+
diff --git a/portfolio/nyancoin.html b/portfolio/nyancoin.html
new file mode 100644
index 0000000..527d3fd
--- /dev/null
+++ b/portfolio/nyancoin.html
@@ -0,0 +1,198 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="description" content="cryptofantasy">
+  <meta name="author" content="jwinterm">
+  <link rel="shortcut icon" type="image/x-icon" href="../img/favicon.ico" >
+  <title>Cryptofantasy - Monero</title>
+  <!-- Bootstrap Core CSS -->
+  <link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+  <!-- Custom Fonts -->
+  <link href="../vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
+  <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+  <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
+  <!-- Plugin CSS -->
+  <link href="../vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
+  <!-- Theme CSS -->
+  <link href="../css/creative.css" rel="stylesheet">
+  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+  <!--[if lt IE 9]>
+  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+  <![endif]-->
+</head>
+
+<body id="page-top">
+
+  <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
+    <div class="container-fluid">
+      <!-- Brand and toggle get grouped for better mobile display -->
+      <div class="navbar-header">
+        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+        <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
+        </button>
+        <a class="navbar-brand page-scroll" href="../index.html">Cryptofantasy</a>
+      </div>
+      <!-- Collect the nav links, forms, and other content for toggling -->
+      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+        <ul class="nav navbar-nav navbar-right">
+          <li>
+            <a class="page-scroll" href="#about">About</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#specs">Specifications</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#links">Links</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#community">Community</a>
+          </li>
+        </ul>
+      </div>
+      <!-- /.navbar-collapse -->
+    </div>
+    <!-- /.container-fluid -->
+  </nav>
+
+  <header class="portfolioheader" id="moneroheader">
+    <div class="header-content">
+      <div class="header-content-inner">
+        <h1 id="homeHeading">Monero</h1>
+        <hr>
+        <h3>The Dark Horse</h3>
+        <a href="#about" class="btn btn-primary btn-xl page-scroll">Find Out More</a>
+      </div>
+    </div>
+  </header>
+
+  <section class="bg-dark" id="about">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Fungibility is Fun</h2>
+          <hr class="light">
+          <p class="text-faded">
+          </p>
+          <a href="#specs" class="page-scroll btn btn-default btn-xl sr-button">Get the specs!</a>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-primary" id="specs">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Coin specifications</h2>
+          <hr class="light">
+          <ul class="speclist">
+            <li> Date launched - 2014 April 18 </li>
+            <li> Total supply - 18.4 million before tail emission</li>
+            <li> Emission - smoothly decreasing </li>
+            <li> Security - Proof-of-work (Cryptonight) </li>
+            <li> Target block time - 2 min </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-light" id="links">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Useful links</h2>
+          <hr class="light">
+          <h4>"Official" links"*:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="https://getmonero.org"> GetMonero.org </a> </li>
+            <li> <a href="https://github.com/monero-project/monero"> Monero Github </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Educational stuff:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="https://cryptonote.org/whitepaper.pdf"> Cryptonote Whitepaper </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Exchanges:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="http://localmonero.co/"> Local Monero </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Mining pools:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="http://supportXMR.com/"> Support XMR Pool </a> </li>
+          </ul>
+          <hr class="thin">
+          <i class="note">*what is really official for a decentralized project?</i>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-white" id="community">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Community</h2>
+          <hr class="primary">
+          <p>Get in touch with other romeros!</p>
+        </div>
+        <div class="col-lg-2 col-lg-offset-2 text-center">
+          <a href="https://www.reddit.com/r/Monero">
+            <i class="fa fa-reddit fa-3x sr-contact"></i>
+            <p>/r/Monero</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://bitcointalk.org/index.php?topic=583449.0">
+            <i class="fa fa-btc fa-3x sr-contact"></i>
+            <p>bitcointalk.org</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://kiwiirc.com/client/irc.freenode.net/?nick=romero|?#monero">
+            <i class="fa fa-wechat fa-3x sr-contact"></i>
+            <p>Freenode</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://twitter.com/monerocurrency">
+            <i class="fa fa-twitter fa-3x sr-contact"></i>
+            <p>@monerocurrency</p>
+          </a>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <aside class="bg-light">
+  </aside>
+
+  <aside class="bg-dark">
+    <div class="container text-center">
+      <div class="call-to-action">
+        <h2></h2>
+        <a href="../index.html" class="btn btn-default btn-xl sr-button">Home</a>
+      </div>
+    </div>
+  </aside>
+
+  <!-- jQuery -->
+  <script src="../vendor/jquery/jquery.min.js"></script>
+  <!-- Bootstrap Core JavaScript -->
+  <script src="../vendor/bootstrap/js/bootstrap.min.js"></script>
+  <!-- Plugin JavaScript -->
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
+  <script src="../vendor/scrollreveal/scrollreveal.min.js"></script>
+  <script src="../vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
+  <!-- Theme JavaScript -->
+  <script src="../js/creative.min.js"></script>
+</body>
+</html>
+
diff --git a/portfolio/pepecash.html b/portfolio/pepecash.html
new file mode 100644
index 0000000..527d3fd
--- /dev/null
+++ b/portfolio/pepecash.html
@@ -0,0 +1,198 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="description" content="cryptofantasy">
+  <meta name="author" content="jwinterm">
+  <link rel="shortcut icon" type="image/x-icon" href="../img/favicon.ico" >
+  <title>Cryptofantasy - Monero</title>
+  <!-- Bootstrap Core CSS -->
+  <link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+  <!-- Custom Fonts -->
+  <link href="../vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
+  <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+  <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
+  <!-- Plugin CSS -->
+  <link href="../vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
+  <!-- Theme CSS -->
+  <link href="../css/creative.css" rel="stylesheet">
+  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+  <!--[if lt IE 9]>
+  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+  <![endif]-->
+</head>
+
+<body id="page-top">
+
+  <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
+    <div class="container-fluid">
+      <!-- Brand and toggle get grouped for better mobile display -->
+      <div class="navbar-header">
+        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+        <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
+        </button>
+        <a class="navbar-brand page-scroll" href="../index.html">Cryptofantasy</a>
+      </div>
+      <!-- Collect the nav links, forms, and other content for toggling -->
+      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+        <ul class="nav navbar-nav navbar-right">
+          <li>
+            <a class="page-scroll" href="#about">About</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#specs">Specifications</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#links">Links</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#community">Community</a>
+          </li>
+        </ul>
+      </div>
+      <!-- /.navbar-collapse -->
+    </div>
+    <!-- /.container-fluid -->
+  </nav>
+
+  <header class="portfolioheader" id="moneroheader">
+    <div class="header-content">
+      <div class="header-content-inner">
+        <h1 id="homeHeading">Monero</h1>
+        <hr>
+        <h3>The Dark Horse</h3>
+        <a href="#about" class="btn btn-primary btn-xl page-scroll">Find Out More</a>
+      </div>
+    </div>
+  </header>
+
+  <section class="bg-dark" id="about">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Fungibility is Fun</h2>
+          <hr class="light">
+          <p class="text-faded">
+          </p>
+          <a href="#specs" class="page-scroll btn btn-default btn-xl sr-button">Get the specs!</a>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-primary" id="specs">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Coin specifications</h2>
+          <hr class="light">
+          <ul class="speclist">
+            <li> Date launched - 2014 April 18 </li>
+            <li> Total supply - 18.4 million before tail emission</li>
+            <li> Emission - smoothly decreasing </li>
+            <li> Security - Proof-of-work (Cryptonight) </li>
+            <li> Target block time - 2 min </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-light" id="links">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Useful links</h2>
+          <hr class="light">
+          <h4>"Official" links"*:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="https://getmonero.org"> GetMonero.org </a> </li>
+            <li> <a href="https://github.com/monero-project/monero"> Monero Github </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Educational stuff:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="https://cryptonote.org/whitepaper.pdf"> Cryptonote Whitepaper </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Exchanges:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="http://localmonero.co/"> Local Monero </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Mining pools:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="http://supportXMR.com/"> Support XMR Pool </a> </li>
+          </ul>
+          <hr class="thin">
+          <i class="note">*what is really official for a decentralized project?</i>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-white" id="community">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Community</h2>
+          <hr class="primary">
+          <p>Get in touch with other romeros!</p>
+        </div>
+        <div class="col-lg-2 col-lg-offset-2 text-center">
+          <a href="https://www.reddit.com/r/Monero">
+            <i class="fa fa-reddit fa-3x sr-contact"></i>
+            <p>/r/Monero</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://bitcointalk.org/index.php?topic=583449.0">
+            <i class="fa fa-btc fa-3x sr-contact"></i>
+            <p>bitcointalk.org</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://kiwiirc.com/client/irc.freenode.net/?nick=romero|?#monero">
+            <i class="fa fa-wechat fa-3x sr-contact"></i>
+            <p>Freenode</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://twitter.com/monerocurrency">
+            <i class="fa fa-twitter fa-3x sr-contact"></i>
+            <p>@monerocurrency</p>
+          </a>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <aside class="bg-light">
+  </aside>
+
+  <aside class="bg-dark">
+    <div class="container text-center">
+      <div class="call-to-action">
+        <h2></h2>
+        <a href="../index.html" class="btn btn-default btn-xl sr-button">Home</a>
+      </div>
+    </div>
+  </aside>
+
+  <!-- jQuery -->
+  <script src="../vendor/jquery/jquery.min.js"></script>
+  <!-- Bootstrap Core JavaScript -->
+  <script src="../vendor/bootstrap/js/bootstrap.min.js"></script>
+  <!-- Plugin JavaScript -->
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
+  <script src="../vendor/scrollreveal/scrollreveal.min.js"></script>
+  <script src="../vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
+  <!-- Theme JavaScript -->
+  <script src="../js/creative.min.js"></script>
+</body>
+</html>
+
diff --git a/portfolio/unitus.html b/portfolio/unitus.html
new file mode 100644
index 0000000..527d3fd
--- /dev/null
+++ b/portfolio/unitus.html
@@ -0,0 +1,198 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="description" content="cryptofantasy">
+  <meta name="author" content="jwinterm">
+  <link rel="shortcut icon" type="image/x-icon" href="../img/favicon.ico" >
+  <title>Cryptofantasy - Monero</title>
+  <!-- Bootstrap Core CSS -->
+  <link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+  <!-- Custom Fonts -->
+  <link href="../vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
+  <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+  <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
+  <!-- Plugin CSS -->
+  <link href="../vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
+  <!-- Theme CSS -->
+  <link href="../css/creative.css" rel="stylesheet">
+  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+  <!--[if lt IE 9]>
+  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+  <![endif]-->
+</head>
+
+<body id="page-top">
+
+  <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
+    <div class="container-fluid">
+      <!-- Brand and toggle get grouped for better mobile display -->
+      <div class="navbar-header">
+        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+        <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
+        </button>
+        <a class="navbar-brand page-scroll" href="../index.html">Cryptofantasy</a>
+      </div>
+      <!-- Collect the nav links, forms, and other content for toggling -->
+      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+        <ul class="nav navbar-nav navbar-right">
+          <li>
+            <a class="page-scroll" href="#about">About</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#specs">Specifications</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#links">Links</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#community">Community</a>
+          </li>
+        </ul>
+      </div>
+      <!-- /.navbar-collapse -->
+    </div>
+    <!-- /.container-fluid -->
+  </nav>
+
+  <header class="portfolioheader" id="moneroheader">
+    <div class="header-content">
+      <div class="header-content-inner">
+        <h1 id="homeHeading">Monero</h1>
+        <hr>
+        <h3>The Dark Horse</h3>
+        <a href="#about" class="btn btn-primary btn-xl page-scroll">Find Out More</a>
+      </div>
+    </div>
+  </header>
+
+  <section class="bg-dark" id="about">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Fungibility is Fun</h2>
+          <hr class="light">
+          <p class="text-faded">
+          </p>
+          <a href="#specs" class="page-scroll btn btn-default btn-xl sr-button">Get the specs!</a>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-primary" id="specs">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Coin specifications</h2>
+          <hr class="light">
+          <ul class="speclist">
+            <li> Date launched - 2014 April 18 </li>
+            <li> Total supply - 18.4 million before tail emission</li>
+            <li> Emission - smoothly decreasing </li>
+            <li> Security - Proof-of-work (Cryptonight) </li>
+            <li> Target block time - 2 min </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-light" id="links">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Useful links</h2>
+          <hr class="light">
+          <h4>"Official" links"*:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="https://getmonero.org"> GetMonero.org </a> </li>
+            <li> <a href="https://github.com/monero-project/monero"> Monero Github </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Educational stuff:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="https://cryptonote.org/whitepaper.pdf"> Cryptonote Whitepaper </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Exchanges:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="http://localmonero.co/"> Local Monero </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Mining pools:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="http://supportXMR.com/"> Support XMR Pool </a> </li>
+          </ul>
+          <hr class="thin">
+          <i class="note">*what is really official for a decentralized project?</i>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-white" id="community">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Community</h2>
+          <hr class="primary">
+          <p>Get in touch with other romeros!</p>
+        </div>
+        <div class="col-lg-2 col-lg-offset-2 text-center">
+          <a href="https://www.reddit.com/r/Monero">
+            <i class="fa fa-reddit fa-3x sr-contact"></i>
+            <p>/r/Monero</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://bitcointalk.org/index.php?topic=583449.0">
+            <i class="fa fa-btc fa-3x sr-contact"></i>
+            <p>bitcointalk.org</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://kiwiirc.com/client/irc.freenode.net/?nick=romero|?#monero">
+            <i class="fa fa-wechat fa-3x sr-contact"></i>
+            <p>Freenode</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://twitter.com/monerocurrency">
+            <i class="fa fa-twitter fa-3x sr-contact"></i>
+            <p>@monerocurrency</p>
+          </a>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <aside class="bg-light">
+  </aside>
+
+  <aside class="bg-dark">
+    <div class="container text-center">
+      <div class="call-to-action">
+        <h2></h2>
+        <a href="../index.html" class="btn btn-default btn-xl sr-button">Home</a>
+      </div>
+    </div>
+  </aside>
+
+  <!-- jQuery -->
+  <script src="../vendor/jquery/jquery.min.js"></script>
+  <!-- Bootstrap Core JavaScript -->
+  <script src="../vendor/bootstrap/js/bootstrap.min.js"></script>
+  <!-- Plugin JavaScript -->
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
+  <script src="../vendor/scrollreveal/scrollreveal.min.js"></script>
+  <script src="../vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
+  <!-- Theme JavaScript -->
+  <script src="../js/creative.min.js"></script>
+</body>
+</html>
+
diff --git a/portfolio/vertcoin.html b/portfolio/vertcoin.html
new file mode 100644
index 0000000..cc28403
--- /dev/null
+++ b/portfolio/vertcoin.html
@@ -0,0 +1,199 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="description" content="cryptofantasy">
+  <meta name="author" content="jwinterm">
+  <link rel="shortcut icon" type="image/x-icon" href="../img/favicon.ico" >
+  <title>Cryptofantasy - Monero</title>
+  <!-- Bootstrap Core CSS -->
+  <link href="../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+  <!-- Custom Fonts -->
+  <link href="../vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
+  <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
+  <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
+  <!-- Plugin CSS -->
+  <link href="../vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
+  <!-- Theme CSS -->
+  <link href="../css/creative.css" rel="stylesheet">
+  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+  <!--[if lt IE 9]>
+  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+  <![endif]-->
+</head>
+
+<body id="page-top">
+
+  <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
+    <div class="container-fluid">
+      <!-- Brand and toggle get grouped for better mobile display -->
+      <div class="navbar-header">
+        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
+        <span class="sr-only">Toggle navigation</span> Menu <i class="fa fa-bars"></i>
+        </button>
+        <a class="navbar-brand page-scroll" href="../index.html">Cryptofantasy</a>
+      </div>
+      <!-- Collect the nav links, forms, and other content for toggling -->
+      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+        <ul class="nav navbar-nav navbar-right">
+          <li>
+            <a class="page-scroll" href="#about">About</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#specs">Specifications</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#links">Links</a>
+          </li>
+          <li>
+            <a class="page-scroll" href="#community">Community</a>
+          </li>
+        </ul>
+      </div>
+      <!-- /.navbar-collapse -->
+    </div>
+    <!-- /.container-fluid -->
+  </nav>
+
+  <header class="portfolioheader" id="vertheader">
+    <div class="header-content">
+      <div class="header-content-inner">
+        <h1 id="homeHeading">Vertcoin</h1>
+        <hr>
+        <h3>Mean Green</h3>
+        <a href="#about" class="btn btn-primary btn-xl page-scroll">Find Out More</a>
+      </div>
+    </div>
+  </header>
+
+  <section class="bg-dark" id="about">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">No ASIC, no ASIC, you're the ASIC!</h2>
+          <hr class="light">
+          <p class="text-faded">
+          Vertcoin is a Litecoin fork that was launched in January 2014 with the express purpose of remaining ASIC resistant/free.
+          </p>
+          <a href="#specs" class="page-scroll btn btn-default btn-xl sr-button">Get the specs!</a>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-primary" id="specs">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Coin specifications</h2>
+          <hr class="light">
+          <ul class="speclist">
+            <li> Date launched - 2014 June 6 </li>
+            <li> Total supply - 18.4 million </li>
+            <li> Emission - smoothly decreasing </li>
+            <li> Security - Proof-of-work (Cryptonight-light) </li>
+            <li> Target block time - 4 min </li>
+          </ul>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-light" id="links">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Useful links</h2>
+          <hr class="light">
+          <h4>"Official" links"*:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="https://aeon.cash"> Aeon.cash </a> </li>
+            <li> <a href="https://github.com/aeonix/aeon"> Aeon Github </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Educational stuff:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="https://cryptonote.org/whitepaper.pdf"> Cryptonote Whitepaper </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Exchanges:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="http://bittrex.com/"> Bittrex </a> </li>
+          </ul>
+          <hr class="thin">
+          <h4>Mining pools:</h4>
+          <ul class="linklist no-padding">
+            <li> <a href="http://aeon.sumominer.com/"> Sumominer Pool </a> </li>
+          </ul>
+          <hr class="thin">
+          <i class="note">*what is really official for a decentralized project?</i>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <section class="bg-white" id="community">
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 col-lg-offset-2 text-center">
+          <h2 class="section-heading">Community</h2>
+          <hr class="primary">
+          <p>Get in touch with other aeonix!</p>
+        </div>
+        <div class="col-lg-2 col-lg-offset-2 text-center">
+          <a href="https://www.reddit.com/r/Aeon">
+            <i class="fa fa-reddit fa-3x sr-contact"></i>
+            <p>/r/Aeon</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://bitcointalk.org/index.php?topic=641696.0">
+            <i class="fa fa-btc fa-3x sr-contact"></i>
+            <p>bitcointalk.org</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://kiwiirc.com/client/irc.freenode.net/?nick=aeonix|?#aeon">
+            <i class="fa fa-wechat fa-3x sr-contact"></i>
+            <p>Freenode</p>
+          </a>
+        </div>
+        <div class="col-lg-2 text-center">
+          <a href="https://twitter.com/aeoncoin">
+            <i class="fa fa-twitter fa-3x sr-contact"></i>
+            <p>@AeonCoin</p>
+          </a>
+        </div>
+      </div>
+    </div>
+  </section>
+
+  <aside class="bg-light">
+  </aside>
+
+  <aside class="bg-dark">
+    <div class="container text-center">
+      <div class="call-to-action">
+        <h2></h2>
+        <a href="../index.html" class="btn btn-default btn-xl sr-button">Home</a>
+      </div>
+    </div>
+  </aside>
+
+  <!-- jQuery -->
+  <script src="../vendor/jquery/jquery.min.js"></script>
+  <!-- Bootstrap Core JavaScript -->
+  <script src="../vendor/bootstrap/js/bootstrap.min.js"></script>
+  <!-- Plugin JavaScript -->
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
+  <script src="../vendor/scrollreveal/scrollreveal.min.js"></script>
+  <script src="../vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
+  <!-- Theme JavaScript -->
+  <script src="../js/creative.min.js"></script>
+</body>
+</html>
+