mirror of
https://github.com/jwinterm/Cryptofantasy-site.git
synced 2026-10-20 05:28:33 +02:00
First real draft
This commit is contained in:
John Murphy
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 537 KiB After Width: | Height: | Size: 978 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 79 KiB After Width: | Height: | Size: 9.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 111 KiB After Width: | Height: | Size: 32 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 134 KiB After Width: | Height: | Size: 105 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 135 KiB After Width: | Height: | Size: 108 KiB |
+155
-27
@@ -6,8 +6,9 @@
|
||||
<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="">
|
||||
<meta name="author" content="">
|
||||
<meta name="description" content="cryptofantasy">
|
||||
<meta name="author" content="jwinterm">
|
||||
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico" >
|
||||
|
||||
<title>Cryptofantasy</title>
|
||||
|
||||
@@ -71,9 +72,9 @@
|
||||
<header>
|
||||
<div class="header-content">
|
||||
<div class="header-content-inner">
|
||||
<h1 id="homeHeading">Dr. Strangecoin</h1>
|
||||
<h1 id="homeHeading">Cryptofantasy</h1>
|
||||
<hr>
|
||||
<p>Or how I learned to stop worrying and love the alts!</p>
|
||||
<h3>Or how I learned to stop worrying and love the alts!</h3>
|
||||
<a href="#about" class="btn btn-primary btn-xl page-scroll">Find Out More</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -85,7 +86,7 @@
|
||||
<div class="col-lg-8 col-lg-offset-2 text-center">
|
||||
<h2 class="section-heading">We've got what you need!</h2>
|
||||
<hr class="light">
|
||||
<p class="text-faded">Start learning about how cryptocurrencies work today! Weekly articles on news, notes, and technical discussion, an online work-in-progress book you can contribute to, and a cryptocurrency based game with real crypto prizes!</p>
|
||||
<p class="text-faded">Start learning about cryptocurrencies today! Weekly articles on news, notes, and technical discussion, an online work-in-progress book you can contribute to, and a cryptocurrency based game with real crypto prizes!</p>
|
||||
<a href="#services" class="page-scroll btn btn-default btn-xl sr-button">Get Started!</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -107,7 +108,7 @@
|
||||
<div class="service-box">
|
||||
<a class="page-scroll" href="#portfolio"><i class="fa fa-4x fa-bitcoin text-primary sr-icons"></i></a>
|
||||
<h3>Portfolio</h3>
|
||||
<p class="text-muted">Coins I have with a short intro about each.</p>
|
||||
<p class="text-muted">Coins I hodl with a short intro about each.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-3 col-md-6 text-center">
|
||||
@@ -136,9 +137,19 @@
|
||||
</section>
|
||||
|
||||
<section class="no-padding" id="portfolio">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-center">
|
||||
<h2 class="section-heading">Coin Portfolio</h2>
|
||||
<hr class="primary">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container-fluid">
|
||||
<div class="row no-gutter popup-gallery">
|
||||
<div class="col-lg-4 col-sm-6">
|
||||
<div class="col-lg-3 col-sm-3">
|
||||
</div>
|
||||
<div class="col-lg-1 col-sm-1">
|
||||
<a href="portfolio/bitcoin.html" class="portfolio-box">
|
||||
<img src="img/portfolio/Bitcoin.png" class="img-responsive" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
@@ -153,7 +164,7 @@
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-6">
|
||||
<div class="col-lg-1 col-sm-1">
|
||||
<a href="portfolio/monero.html" class="portfolio-box">
|
||||
<img src="img/portfolio/Monero.png" class="img-responsive" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
@@ -168,75 +179,178 @@
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-6">
|
||||
<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">
|
||||
Category
|
||||
Myriad
|
||||
</div>
|
||||
<div class="project-name">
|
||||
Project Name
|
||||
A Coin for Everyone
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-6">
|
||||
<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="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Category
|
||||
Vertcoin
|
||||
</div>
|
||||
<div class="project-name">
|
||||
Project Name
|
||||
Mean Green
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-6">
|
||||
<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="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Category
|
||||
Litecoin
|
||||
</div>
|
||||
<div class="project-name">
|
||||
Project Name
|
||||
Something Something Silver
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-4 col-sm-6">
|
||||
<div class="col-lg-1 col-sm-1">
|
||||
<a href="portfolio/decred.html" class="portfolio-box">
|
||||
<img src="img/portfolio/Decred.png" class="img-responsive" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Category
|
||||
Decred
|
||||
</div>
|
||||
<div class="project-name">
|
||||
Project Name
|
||||
Future Overlords
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-3">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="container-fluid">
|
||||
<div class="row no-gutter popup-gallery">
|
||||
<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="">
|
||||
<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/groestlcoin.html" class="portfolio-box">
|
||||
<img src="img/portfolio/Groestlcoin.png" class="img-responsive" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Groestlcoin
|
||||
</div>
|
||||
<div class="project-name">
|
||||
It's What's for Dinner
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-1 col-sm-1">
|
||||
<a href="portfolio/byteball.html" class="portfolio-box">
|
||||
<img src="img/portfolio/Byteball.png" class="img-responsive" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Byteball
|
||||
</div>
|
||||
<div class="project-name">
|
||||
Moondrop
|
||||
</div>
|
||||
</div>
|
||||
</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="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Pepecash
|
||||
</div>
|
||||
<div class="project-name">
|
||||
Rare Pepes on the Blockchain
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-1 col-sm-1">
|
||||
<a href="portfolio/unitus.html" class="portfolio-box">
|
||||
<img src="img/portfolio/Unitus.png" class="img-responsive" alt="">
|
||||
<div class="portfolio-box-caption">
|
||||
<div class="portfolio-box-caption-content">
|
||||
<div class="project-category text-faded">
|
||||
Unitus
|
||||
</div>
|
||||
<div class="project-name">
|
||||
E Pluribus Unum
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-3 col-sm-3">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<aside class="bg-light">
|
||||
</aside>
|
||||
|
||||
<aside class="bg-dark">
|
||||
<div class="container text-center">
|
||||
<div class="call-to-action">
|
||||
<h2>Free Download at Start Bootstrap!</h2>
|
||||
<a href="http://startbootstrap.com/template-overviews/creative/" class="btn btn-default btn-xl sr-button">Download Now!</a>
|
||||
<h2></h2>
|
||||
<a href="" class="btn btn-default btn-xl sr-button">Does nothing!</a>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
@@ -247,13 +361,27 @@
|
||||
<div class="col-lg-8 col-lg-offset-2 text-center">
|
||||
<h2 class="section-heading">Let's Get In Touch!</h2>
|
||||
<hr class="primary">
|
||||
<p>Ready to start your next project with us? That's great! Give us a call or send us an email and we will get back to you as soon as possible!</p>
|
||||
<p>You can ping me at any of the places below.</p>
|
||||
</div>
|
||||
<div class="col-lg-4 col-lg-offset-2 text-center">
|
||||
<i class="fa fa-phone fa-3x sr-contact"></i>
|
||||
<p>123-456-6789</p>
|
||||
<div class="col-lg-2 col-lg-offset-2 text-center">
|
||||
<a href="https://www.reddit.com/user/jwinterm/">
|
||||
<i class="fa fa-reddit fa-3x sr-contact"></i>
|
||||
<p>/u/jwinterm</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-4 text-center">
|
||||
<div class="col-lg-2 text-center">
|
||||
<a href="https://bitcointalk.org/index.php?action=profile;u=223368;sa=summary">
|
||||
<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://twitter.com/jwgealt">
|
||||
<i class="fa fa-twitter fa-3x sr-contact"></i>
|
||||
<p>@jwgealt</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-lg-2 text-center">
|
||||
<i class="fa fa-envelope-o fa-3x sr-contact"></i>
|
||||
<p><a href="mailto:your-email@your-domain.com">feedback@startbootstrap.com</a></p>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user