fabric-samples/Hackathon/templates/base.html
macc125 340b6b0679
Add files via upload
Make sure to run pip install requirements.txt to grab all dependencies
2020-02-22 18:37:15 -05:00

158 lines
5.5 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title> {% block title %} - Hackathon 2020 {% endblock title %}</title>
<!-- Bootstrap core CSS -->
<link href="{{ url_for('static', filename='vendor/bootstrap/css/bootstrap.min.css') }}" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="{{ url_for('static', filename='vendor/bootstrap/css/business-frontpage.css') }}" rel="stylesheet">
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<div class="container">
<a class="navbar-brand" href="#">Spring 2020 Hackathon</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Header -->
<header class="bg-primary py-5 mb-5">
<div class="container h-100">
<div class="row h-100 align-items-center">
<div class="col-lg-12">
<h1 class="display-4 text-white mt-5 mb-2">Click And Wait!</h1>
<p class="lead mb-5 text-white-50">Click and Wait is a registration sign-up streamlining process utilizing IBM's Blockchain technology.</p>
</div>
</div>
</div>
</header>
<!-- Page Content -->
<div class="container">
<div class="row">
<div class="col-md-8 mb-5">
<h2>What We Do</h2>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A deserunt neque tempore recusandae animi soluta quasi? Asperiores rem dolore eaque vel, porro, soluta unde debitis aliquam laboriosam. Repellat explicabo, maiores!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis optio neque consectetur consequatur magni in nisi, natus beatae quidem quam odit commodi ducimus totam eum, alias, adipisci nesciunt voluptate. Voluptatum.</p>
<a class="btn btn-primary btn-lg" href="#">Call to Action &raquo;</a>
</div>
<div class="col-md-4 mb-5">
<h2>Contact Us</h2>
<hr>
<address>
<strong>Start Bootstrap</strong>
<br>3481 Melrose Place
<br>Beverly Hills, CA 90210
<br>
</address>
<address>
<abbr title="Phone">P:</abbr>
(123) 456-7890
<br>
<abbr title="Email">E:</abbr>
<a href="mailto:#">name@example.com</a>
</address>
</div>
</div>
<!-- /.row -->
<div class="row">
<div class="col-md-4 mb-5">
<div class="card h-100">
<!--<img class="card-img-top" src="http://placehold.it/300x200" alt="">-->
<div class="card-body">
<h4 class="card-title">Student Forms</h4>
{% block card1content %}
{% endblock card1content %}
</div>
<!--<div class="card-footer">
<a href="#" class="btn btn-primary">Submit</a>
</div>-->
</div>
</div>
<div class="col-md-4 mb-5">
<div class="card h-100">
<!--<img class="card-img-top" src="http://placehold.it/300x200" alt="">-->
<div class="card-body">
<h4 class="card-title">{% block formname %}{% endblock formname %}</h4>
{% block card2content %} {% endblock card2content %}
</div>
<!--<div class="card-footer">
<a href="#" class="btn btn-primary">Find Out More!</a>
</div>-->
</div>
</div>
<div class="col-md-4 mb-5">
<div class="card h-100">
<!--<img class="card-img-top" src="http://placehold.it/300x200" alt="">-->
<div class="card-body">
<h4 class="card-title">Student Forms</h4>
<p class="card-text">{% block card3content %}{% endblock card3content %}</p>
</div>
<!--<div class="card-footer">
<a href="#" class="btn btn-primary">Find Out More!</a>
</div>-->
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.container -->
<!-- Footer -->
<footer class="py-5 bg-dark">
<div class="container">
<p class="m-0 text-center text-white">Copyright &copy; Your Website 2019</p>
</div>
<!-- /.container -->
</footer>
<!-- Bootstrap core JavaScript -->
<!-- <script src="vendor/jquery/jquery.min.js"></script> -->
<script src="{{ url_for('static', filename='vendor/jquery/jquery.min.js') }}"></script>
<script src="{{ url_for('static', filename='vendor/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
<!-- <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script> -->
</body>
</html>