flask-blog/templates/base.html

115 lines
6.0 KiB
HTML
Executable File

<!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">
<title>mcottondesign | Loving Open-Souce One Anonymous Function at a Time</title>
<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500italic,500,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<!-- Bootstrap -->
<link href="/static/css/bootstrap.min.css" rel="stylesheet">
<!-- FontAwesome -->
<link rel="stylesheet" href="/static/css/font-awesome.min.css">
<!-- MaterialCSS -->
<link rel="stylesheet" href="/static/css/material.min.css">
<!-- RipplesCSS -->
<link rel="stylesheet" href="/static/css/ripples.min.css">
<!-- ThemeCSS & Responsive CSS -->
<link rel="stylesheet" href="/static/css/style.css">
<link rel="stylesheet" href="/static/css/responsive.css">
<!-- HTML5 shim and Respond.js for 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/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<header class="header">
<div data-velocity="-.4" id="particles" class="header-bg"></div>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="social-links">
<a class="btn social-link" href="https://github.com/mcotton"><i class="fa fa-github"></i> <div class="ripple-wrapper"></div></a>
<a class="btn social-link" href="https://twitter.com/mcotton"><i class="fa fa-twitter"></i> <div class="ripple-wrapper"></div></a>
<a class="btn social-link" href="https://instagram.com/mcotton"><i class="fa fa-instagram"></i> <div class="ripple-wrapper"></div></a>
<a class="btn social-link" href="https://youtube.com/mcotton1234"><i class="fa fa-youtube"></i> <div class="ripple-wrapper"></div></a>
<a class="btn social-link" href="https://vimeo.com/mcotton"><i class="fa fa-vimeo-square"></i> <div class="ripple-wrapper"></div></a>
</div>
</div>
</div>
</div>
<div class="site-title-table">
<div class="site-title-tablecell">
<div class="slide-text">
<h2><a href="/"><span>m</span>cotton<span>d</span>esign</a></h2>
<p>Loving Open-Souce One Anonymous Function at a Time.</p>
</div>
</div>
</div>
</header>
{% block container %}{% endblock %}
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-6 col-lg-offset-1">
<div class="footer-wid">
<h2 class="wid-title">A<span>bout</span></h2>
<p>I am a smart, ambitious nerd. I love creating, learning, exploring, teaching, experimenting, and most of all, shipping code. I love solving real problems through technology.</p>
</div>
</div>
<div class="col-lg-5 col-md-6"> </div>
</div>
<div class="row">
<div class="col-md-12">
<div class="footer-bottom">
<div class="row">
<div class="col-md-8">
<div class="copyright-text">
<p>© 2019 mcottondesign - All Rights Reserved.</p>
</div>
</div>
<div class="col-md-4">
<div class="social-links footer-social-links">
<a class="btn social-link" href="https://github.com/mcotton"><i class="fa fa-github"></i> <div class="ripple-wrapper"></div></a>
<a class="btn social-link" href="https://twitter.com/mcotton"><i class="fa fa-twitter"></i> <div class="ripple-wrapper"></div></a>
<a class="btn social-link" href="https://instagram.com/mcotton"><i class="fa fa-instagram"></i> <div class="ripple-wrapper"></div></a>
<a class="btn social-link" href="https://youtube.com/mcotton1234"><i class="fa fa-youtube"></i> <div class="ripple-wrapper"></div></a>
<a class="btn social-link" href="https://vimeo.com/mcotton"><i class="fa fa-vimeo-square"></i> <div class="ripple-wrapper"></div></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="/static/js/vendor/jquery-1.11.2.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="/static/js/bootstrap.min.js"></script>
<script src="/static/js/material.min.js"></script>
<script src="/static/js/ripples.min.js"></script>
<script src="/static/js/jquery.scrolly.js"></script>
<script src="/static/js/main.js"></script>
</body>
</html>