Difference between revisions of "Team:Oxford/InitialIdeas"

Line 21: Line 21:
  
 
   <body>
 
   <body>
 
    <!-- 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="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

Full Width Pics - Start Bootstrap Template

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.

Toggle Menu