mirror of
https://github.com/hyperledger/fabric-samples.git
synced 2026-06-23 01:55:10 +00:00
225 lines
9.3 KiB
HTML
225 lines
9.3 KiB
HTML
<!DOCTYPE html>
|
|
{% extends "base.html" %}
|
|
{% block title %} {% endblock title %}
|
|
<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="">
|
|
|
|
|
|
|
|
<!-- 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>
|
|
|
|
<style>
|
|
|
|
</style>
|
|
|
|
<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">Effortlessly Paperless!</h1>
|
|
<p class="lead mb-5 text-white-50">Effortlessly Paperless is a registration streamlinging 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 »</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 Information</h4>
|
|
|
|
|
|
<!-- Student Forms --!>
|
|
{% block card1content %}
|
|
<div class="row">
|
|
<div class="col-10">
|
|
<div class="list-group" id="list-tab-left" role="tablist">
|
|
<a class="list-group-item list-group-item-action active" id="list-home-list-left" data-toggle="list" href="#" role="tab" aria-controls="home">Override Form</a>
|
|
<a class="list-group-item list-group-item-action" id="list-profile-list-left" data-toggle="list" href="#" role="tab" aria-controls="profile">Course Drop Form</a>
|
|
<a class="list-group-item list-group-item-action" id="list-messages-list-left" data-toggle="list" href="#" role="tab" aria-controls="messages">Restriction Form</a>
|
|
<a class="list-group-item list-group-item-action" id="list-settings-list-left" data-toggle="list" href="#" role="tab" aria-controls="settings">Declare Major/Minor Form</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-8">
|
|
<div class="tab-content" id="nav-tabContent-left">
|
|
<div class="tab-pane fade show active" id="list-home-left" role="tabpanel" aria-labelledby="list-home-list"></div>
|
|
<div class="tab-pane fade" id="list-profile-left" role="tabpanel" aria-labelledby="list-profile-list"></div>
|
|
<div class="tab-pane fade" id="list-messages-left" role="tabpanel" aria-labelledby="list-messages-list"></div>
|
|
<div class="tab-pane fade" id="list-settings-left" role="tabpanel" aria-labelledby="list-settings-list"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock card1content %}
|
|
</div>
|
|
<div class="card-footer">
|
|
<a href="#" class="btn btn-primary">Submit</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% block formname %}Override Form {% endblock %}
|
|
{% block card2content %}
|
|
<form>
|
|
<div class="form-group">
|
|
<label for="FormControlInput1">Student Identification</label>
|
|
<input type="email" class="form-control" id="FormControlInput1" placeholder="CWID">
|
|
<br>
|
|
<div class="border"></div>
|
|
<br>
|
|
<div class="dropdown">
|
|
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
Course Selection
|
|
</button>
|
|
<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
|
|
<a class="dropdown-item" href="#">Class1</a>
|
|
<a class="dropdown-item" href="#">Class2</a>
|
|
<a class="dropdown-item" href="#">Class3</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock card2content %}
|
|
<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">Form Function</h4>
|
|
<p class="card-text">
|
|
{% block card3content %}
|
|
<div class="row">
|
|
<div class="col-10">
|
|
<div class="list-group" id="list-tab" role="tablist">
|
|
<a class="list-group-item list-group-item-action active" id="list-home-list" data-toggle="list" href="#" role="tab" aria-controls="home">Override Form</a>
|
|
<a class="list-group-item list-group-item-action" id="list-profile-list" data-toggle="list" href="#" role="tab" aria-controls="profile">Course Drop Form</a>
|
|
<a class="list-group-item list-group-item-action" id="list-messages-list" data-toggle="list" href="#" role="tab" aria-controls="messages">Restriction Form</a>
|
|
<a class="list-group-item list-group-item-action" id="list-settings-list" data-toggle="list" href="#" role="tab" aria-controls="settings">Declare Major/Minor Form</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-8">
|
|
<div class="tab-content" id="nav-tabContent">
|
|
<div class="tab-pane fade show active" id="list-home" role="tabpanel" aria-labelledby="list-home-list"></div>
|
|
<div class="tab-pane fade" id="list-profile" role="tabpanel" aria-labelledby="list-profile-list"></div>
|
|
<div class="tab-pane fade" id="list-messages" role="tabpanel" aria-labelledby="list-messages-list"></div>
|
|
<div class="tab-pane fade" id="list-settings" role="tabpanel" aria-labelledby="list-settings-list"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock card3content %}
|
|
</p>
|
|
</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">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente esse necessitatibus neque.</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 © 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>
|