Line 21: | Line 21: | ||
<body> | <body> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<div id="wrapper"> | <div id="wrapper"> | ||
Line 65: | Line 58: | ||
<!-- Page Content --> | <!-- Page Content --> | ||
+ | <!-- Header - set the background image for the header in the line below --> | ||
+ | <header class="py-5 background-img" style="background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQn49xONLprIuteGlCSHz3q6rxjAhwXlXenPEQudw4H3ikDnuzIfg');"> | ||
+ | <div class="translucent-back" style="height: 500px;"> | ||
+ | <h1 class="header-text">Initial Ideas</h1> | ||
+ | </div> | ||
+ | </header> | ||
<div id="page-content-wrapper"> | <div id="page-content-wrapper"> | ||
<div class="container-fluid"> | <div class="container-fluid"> |
Revision as of 09:26, 30 August 2018
Initial Ideas
Simple Sidebar
This template has a responsive menu toggling system. The menu will appear collapsed on smaller screens, and will appear non-collapsed on larger screens. When toggled using the button below, the menu will appear/disappear. On small screens, the page content will be pushed off canvas.
Make sure to keep all page content within the #page-content-wrapper
.