base.html 2.7KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta name="viewport" content="width=device-width, initial-scale=1">
  5. <link rel="stylesheet" href="../static/css/style.css">
  6. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
  7. </head>
  8. <body class="bg-faded">
  9. <!-- top fixed bar -->
  10. <nav class="navbar black sticky-top">
  11. <a class="navbar-brand nav_text" href="#" style="color: white">
  12. <img src="../static/img/zebra_white.png" alt="Zebra Logo" class="zebra_img" class="d-inline-block align-top">
  13. EMC Engineering Tools &amp; Process News Letter
  14. </a>
  15. </nav>
  16. <!-- sidebar menu -->
  17. <aside class="sidebar">
  18. <div id="leftside-navigation" class="nano">
  19. <ul class="nano-content">
  20. <li class="sub-menu">
  21. <a href="#"><i class="fa fa-home"></i><span>Home</span><i class="arrow fa"></i></a>
  22. </li>
  23. <li class="sub-menu">
  24. <a href="javascript:void(0);"><i class="fa fa-cogs"></i><span>Projects</span><i class="arrow fa fa-angle-right pull-right"></i></a>
  25. <ul>
  26. <li><a href="#">Shim's cool project</a>
  27. </li>
  28. <li><a href="#">Tony's cool project</a>
  29. </li>
  30. <li><a href="#">Greg's intern project</a>
  31. </li>
  32. </ul>
  33. </li>
  34. <li class="sub-menu">
  35. <a href="#"><i class="fa fa-terminal"></i><span>Lines</span><i class="arrow fa"></i></a>
  36. </li>
  37. <li class="sub-menu">
  38. <a href="#"><i class="fa fa-user"></i><span>Authors</span><i class="arrow fa "></i></a>
  39. </li>
  40. </ul>
  41. </div>
  42. </aside>
  43. {% block content %}{% endblock %}
  44. <!-- bootstrap -->
  45. <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
  46. <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
  47. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
  48. <!-- for nav bar accordion -->
  49. <script src='//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
  50. <script src='//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js'></script>
  51. <!-- for visualizations -->
  52. <script src="http://d3js.org/d3.v4.js"></script>
  53. <script src="../static/js/script.js" type="text/javascript"></script>
  54. </body>
  55. </html>