mirror of
https://github.com/jwinterm/Cryptofantasy-site.git
synced 2026-10-20 05:28:33 +02:00
Started portfolio sites
This commit is contained in:
John Murphy
@@ -61,6 +61,10 @@ aside {
|
||||
.no-padding {
|
||||
padding: 0;
|
||||
}
|
||||
#speclist {
|
||||
font-size: 12px;
|
||||
text-align: left;
|
||||
}
|
||||
.navbar-default {
|
||||
background-color: white;
|
||||
border-color: rgba(34, 34, 34, 0.05);
|
||||
@@ -208,6 +212,11 @@ header .header-content .header-content-inner p {
|
||||
margin-right: auto;
|
||||
}
|
||||
}
|
||||
#portfolioheader {
|
||||
background-image: none;
|
||||
background-size: auto;
|
||||
background-color: #000000;
|
||||
}
|
||||
.section-heading {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
+1
-1
@@ -146,7 +146,7 @@
|
||||
</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">
|
||||
|
||||
@@ -0,0 +1,132 @@
|
||||
<!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</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="#page-top">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="#portfolio">Portfolio</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="page-scroll" href="#contact">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- /.navbar-collapse -->
|
||||
</div>
|
||||
<!-- /.container-fluid -->
|
||||
</nav>
|
||||
|
||||
|
||||
<header id="portfolioheader">
|
||||
<div class="header-content">
|
||||
<div class="header-content-inner">
|
||||
<h1 id="homeHeading">Bitcoin</h1>
|
||||
<hr>
|
||||
<h3>Ol' Grandaddy</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">The OG cryptocurrency</h2>
|
||||
<hr class="light">
|
||||
<p class="text-faded">Bitcoin was announced in late 2008 by <a href="https://www.mail-archive.com/cryptography@metzdowd.com/msg09959.html">Satoshi Nakamoto on the cryptography mailing list</a> along with his now famous <a href="http://www.bitcoin.org/bitcoin.pdf">white paper.</a> The network was <a href="https://en.wikipedia.org/wiki/History_of_bitcoin#Creation">launched in early 2009 by Satoshi, and was initially mined by very few folks, one of whom was Hal Finney.</a></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 id="speclist">
|
||||
<li> Total supply - 21 million </li>
|
||||
<li> Emission - halving every 4 years </li>
|
||||
<li> Security - Proof-of-work (SHA256) </li>
|
||||
</ul>
|
||||
<a href="#services" class="page-scroll btn btn-default btn-xl sr-button">Get Started!</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</section>
|
||||
|
||||
<!-- 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>
|
||||
@@ -0,0 +1,127 @@
|
||||
<!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</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.min.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="index.html" href="#page-top">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">Specs</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="page-scroll" href="#history">History</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="page-scroll" href="#contact">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- /.navbar-collapse -->
|
||||
</div>
|
||||
<!-- /.container-fluid -->
|
||||
</nav>
|
||||
|
||||
<header>
|
||||
<div class="header-content">
|
||||
<div class="header-content-inner">
|
||||
<h1 id="homeHeading">Coin name here</h1>
|
||||
<hr>
|
||||
<h3>Blurb here</h3>
|
||||
<a href="#about" class="btn btn-primary btn-xl page-scroll">Find Out More</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<section class="bg-primary" id="about">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<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 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>
|
||||
</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">We've got what you need!</h2>
|
||||
<hr class="light">
|
||||
<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>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</section>
|
||||
|
||||
<!-- 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>
|
||||
Reference in New Issue
Block a user