Difference between revisions of "Team:Oxford/InitialIdeas"

Line 71: Line 71:
 
                 <a href="#menu-toggle" class="btn btn-secondary" id="menu-toggle">Toggle Menu</a>
 
                 <a href="#menu-toggle" class="btn btn-secondary" id="menu-toggle">Toggle Menu</a>
 
             </div>
 
             </div>
        </div>
 
        <!-- /#page-content-wrapper -->
 
 
    </div>
 
 
    <!-- Footer -->
 
  
 
<div class="footer-social-icons">
 
<div class="footer-social-icons">
Line 91: Line 85:
 
     <script src="https://2018.igem.org/Team:Oxford/scripts?action=raw&ctype=text/javascript"></script>
 
     <script src="https://2018.igem.org/Team:Oxford/scripts?action=raw&ctype=text/javascript"></script>
 
     <script src="https://2018.igem.org/Team:Oxford/scripts/bootstrapminjs?action=raw&ctype=text/javascript"></script>
 
     <script src="https://2018.igem.org/Team:Oxford/scripts/bootstrapminjs?action=raw&ctype=text/javascript"></script>
 +
        </div>
 +
        <!-- /#page-content-wrapper -->
 +
 +
    </div>
 +
 +
    <!-- Footer -->
 +
 +
  
 
   </body>
 
   </body>
  
 
</html>
 
</html>

Revision as of 09:40, 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