API tools faq
paste
Advertisement
Guest User

main.html

a guest
Nov 11th, 2016
75
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 9.81 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <head>
  4.         <!-- Meta tags -->
  5.         <meta charset="<% settings.charset %>">
  6.         <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes, shrink-to-fit=no">
  7.         <meta http-equiv="x-ua-compatible" content="ie=edge">
  8.  
  9.         <!-- Title of the page -->
  10.         <title> <% title %> </title>
  11.  
  12.         <!-- Links to either website CSS or third party CSS -->
  13.  
  14.         <!-- Font Awesome -->
  15.         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css">
  16.  
  17.         <!-- Bootstrap - 4 -->
  18.         <link rel="stylesheet" href="<% request.uri_base %>/css/bootstrap.min.css">
  19.  
  20.         <!-- Material Design Bootstrap -->
  21.         <link rel="stylesheet" href="<% request.uri_base %>/css/mdb.min.css">
  22.  
  23.         <!-- Form Validation Framework -->
  24.         <link rel="stylesheet" href="<% request.uri_base %>/css/formValidation.min.css">
  25.  
  26.         <!-- Custom Style Sheet -->
  27.         <link rel="stylesheet" href="<% request.uri_base %>/css/style.css">
  28.  
  29.     </head>
  30.  
  31.     <body>
  32.  
  33.         <!-- Header Section -->
  34.         <header>
  35.  
  36.             <!-- Page Header -->
  37.             <h1 class="display-3 text-md-center text-lg-center hidden-sm-down"> PDMP PORTAL </h1>
  38.  
  39.             <!-- Navigation Bar-->
  40.             <nav class="navbar navbar-dark scrolling-navbar stylish-color">
  41.  
  42.                 <!-- Collapse button-->
  43.                 <button class="navbar-toggler hidden-md-up" type="button" data-toggle="collapse" data-target="#collapse-nav">
  44.                     <i class="fa fa-bars"></i>
  45.                 </button>
  46.  
  47.                 <!--<a class="navbar-brand hidden-md-up" href="#"> P|P </a>-->
  48.                 <div class="collapse navbar-toggleable-sm" id="collapse-nav">
  49.  
  50.                     <!-- Navbar brand only visible on tablets and mobiles -->
  51.                     <a class="navbar-brand hidden-md-up" href="<% request.uri_base %>"> P|P </a>
  52.  
  53.                     <!-- Navbar Items -->
  54.                     <ul class="nav navbar-nav pull-md-left">
  55.                         <% IF  session.user %>
  56.                         <% IF session.type == 'internal' %>
  57.                         <li class="nav-item">
  58.                             <a class="nav-link" href="<% request.uri_base %>/run"> RUN </a>
  59.                         </li>
  60.                         <li class="nav-item">
  61.                             <a class="nav-link" href="<% request.uri_base %>/upload"> UPLOAD </a>
  62.                         </li>
  63.                         <li class="nav-item">
  64.                             <a class="nav-link" href="<% request.uri_base %>/query"> QUERY </a>
  65.                         </li>
  66.                         <% ELSIF session.type == 'external' %>
  67.                         <li class="nav-item">
  68.                             <a class="nav-link" href="<% request.uri_base %>/upload"> UPLOAD </a>
  69.                         </li>
  70.                         <li class="nav-item">
  71.                             <a class="nav-link" href="<% request.uri_base %>/query"> QUERY </a>
  72.                         </li>
  73.                         <% END %>
  74.                         <% END %>
  75.                         <li class="nav-item">
  76.                             <a class="nav-link" href="<% request.uri_base %>/about"> ABOUT </a>
  77.                         </li>
  78.                         <li class="nav-item">
  79.                             <a class="nav-link" role="button" data-toggle="modal" data-target="#contactsModal"> CONTACTS </a>
  80.                         </li>
  81.                     </ul>
  82.                     <ul class="nav navbar-nav float-md-right">
  83.                         <li class="nav-item">
  84.                             <a class="nav-link" href="<% request.uri_base %>/faq"> FAQ? </a>
  85.                         </li>
  86.                         <% IF session.type == 'internal' or session.type == 'external' and session.user %>
  87.                         <li class="nav-item dropdown">
  88.                             <a class="nav-link dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-user"></i> Profile </a>
  89.                             <div class="dropdown-menu dropdown-menu-right dropdown-primary" aria-labelledby="dropdownMenu1">
  90.                                 <!-- <a class="dropdown-item" href="#"> View Profile </a> -->
  91.                                 <a class="dropdown-item" href="<% request.uri_base %>/myaccount/<% session.user %>"> My Account </a>
  92.                                 <a class="dropdown-item" href="<% request.uri_base %>/logout"> Logout </a>
  93.                             </div>
  94.                         </li>
  95.                         <% ELSE %>
  96.                         <li class="nav-item">
  97.                             <!--<a class="nav-link" href="<% request.uri_base %>/login"> LOGIN </a>-->
  98.                             <a class="btn btn-primary mt-0" data-toggle="modal" data-target="#loginModal"> LOGIN </a>
  99.                         </li>
  100.                         <% END %>
  101.                     </ul>
  102.  
  103.                 </div>
  104.  
  105.             </nav>
  106.  
  107.         </header>
  108.  
  109.         <!-- Main Section -->
  110.         <main>
  111.             <% content %>
  112.         </main>
  113. <!-- Footer Section -->
  114.         <footer class="page-footer stylish-color center-on-small-only">
  115.  
  116.             <!-- Main container -->
  117.             <div class="container-fluid">
  118.  
  119.                 <!-- Row -->
  120.                 <div class="row">
  121.  
  122.                     <!-- Column - 1 (i.e. 6 columns)-->
  123.                     <div class="col-md-6">
  124.                         <h5 class="title"> CONTACT DETAILS </h5>
  125.                         <hr class="hidden-sm-down" style="border: 1px solid #ccc;">
  126.                         <ul>
  127.                             <li> <i class="fa fa-briefcase"></i> University of Maryland, Baltimore </li>
  128.                             <li> <i class="fa fa-briefcase"></i> Department of School of Medicine </li>
  129.                             <li> <i class="fa fa-location-arrow"></i> 685 W. Baltimore St, Baltimore, MD 21201 </li>
  130.                             <li> <i class="fa fa-phone"></i> 1-123-456-7890 </li>
  131.                             <li> <i class="fa fa-fax"></i> 1-123-456-7890 </li>
  132.                             <li> <i class="fa fa-envelope"></i> abc@def.com </li>
  133.                     </div>
  134.  
  135.                     <hr class="hidden-md-up" style="border: 1px solid #ccc;">
  136.  
  137.                     <!-- Column - 2 (i.e. rest of 6 columns) -->
  138.                     <div class="col-md-6">
  139.                         <div class="form-header">
  140.                             <h5 class="text-xs-center"> WRITE TO US </h5>
  141.                         </div>
  142.                         <hr class="hidden-sm-down" style="border: 1px solid #ccc;">
  143.                         <form id="#contactsForm" method="POST" action="<% request.uri_base %>/contacts">
  144.                             <div class="md-form">
  145.                                 <!--<i class="fa fa-user prefix"> </i>-->
  146.                                 <input type="text" class="form-control" style="color: #fff" name="user" required>
  147.                                 <label for="name" style="color: #fff;"> Your name </label>
  148.                             </div>
  149.                             <div class="md-form">
  150.                                 <!--<i class="fa fa-envelope prefix"> </i>-->
  151.                                 <input type="email" class="form-control" style="color: #fff" name="email" required>
  152.                                 <label for="email" style="color: #fff;"> Your email </label>
  153.                             </div>
  154.                             <div class="md-form">
  155.                                 <!--<i class="fa fa-tag prefix"> </i>-->
  156.                                 <input type="text" class="form-control" style="color: #fff" name="subject" required>
  157.                                 <label for="subject" style="color: #fff;"> Subject </label>
  158.                             </div>
  159.                             <div class="md-form">
  160.                                 <!--<i class="fa fa-pencil prefix"> </i>-->
  161.                                 <textarea type="text" class="md-textarea" style="color: #fff" name="message" required></textarea>
  162.                                 <label for="message" style="color: #fff;"> Your message </label>
  163.                             </div>
  164.                             <div class="text-xs-center text-md-left">
  165.                                 <button class="btn btn-primary"> Contact </button>
  166.                             </div>
  167.                         </form>
  168.                     </div>
  169.                 </div>
  170.             </div>
  171.             <div class="footer-copyright">
  172.                 <div class="container-fluid">
  173.                     <a href="http://www.umaryland.edu/"> University of Maryland </a> &copy 2016
  174.                </div>
  175.            </div>
  176.        </footer>
  177.  
  178.        <!-- JQuery -->
  179.        <script type="text/javascript" src="<% request.uri_base %>/javascripts/jquery-2.2.3.min.js"></script>
  180.  
  181.        <!-- Bootstrap tooltips -->
  182.        <script type="text/javascript" src="<% request.uri_base %>/javascripts/tether.min.js"></script>
  183.  
  184.        <!-- Bootstrap core JavaScript -->
  185.        <script type="text/javascript" src="<% request.uri_base %>/javascripts/bootstrap.min.js"></script>
  186.  
  187.        <!-- MDB core JavaScript -->
  188.        <script type="text/javascript" src="<% request.uri_base %>/javascripts/mdb.min.js"></script>
  189.  
  190.        <!-- Form Validation JavaScript -->
  191.        <script type="text/javascript" src="<% request.uri_base %>/javascripts/formValidation.min.js"></script>
  192.        <script type="text/javascript" src="<% request.uri_base %>/javascripts/bootstrap4.min.js"></script>
  193.  
  194.        <!-- Custom JavaScript -->
  195.        <script type="text/javascript" src="<% request.uri_base %>/javascripts/app.js"></script>
  196.  
  197.    </body>
  198.  
  199. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!