Skip to content Skip to main navigation Report an accessibility issue

Full Width Template

Quick Start

The following code will assist you in building the Full-Width Hill template from scratch.


Place this code in the <head> of your HTML document.

<link src="//"></link>


Place this code before the </body> in your HTML document.

<script type="text/javascript" src="//"></script>
<script src="//"></script>


Required: Starting the Orange Bar

<div id="orange-bar"></div>

Required: Skip to content for accessibility

<a class="sr-only sr-only-focusable" href="#content" title="Skip to content">Skip to content</a>
  <footer id="colophon" class="site-footer" role="contentinfo">
   <div id="siteinfo">
      <div id="meta-info">
          <strong class="sitetitle">Site Title</strong><br>
                                <a href="http">
                          <i>College of Wherever</i>
          <div id="meta-contact"><p>123 fake place <br>Phone: <a href="tel:+555-1234" class="tel">555-1234</a>
          <span class="emailList">
          <br>Email: <a href="" ></a>
   </div><!-- #siteinfo -->
 <div id="campus-footer">
   <div id="utk">
     <div id="bobi">
        <h2><a href="" class="logo icon-bobi-main">The University of Tennessee</a></h2>
      <div id="address">
          <p><strong>The University of Tennessee, Knoxville</strong><br>Knoxville, Tennessee 37996<br> <a href="tel:+18659741000" class="tel">865-974-1000</a></p>
    <div id="toolkit">
      <form id="utk_seek" name="utk_seek" method="post" accept-charset="iso-8859-1"  action="//">
        <div class="form-group">
          <input type="text" name="qt"  onfocus="if(this.value == 'Search') { this.value = ''; }" value="Search"  class="form-control" title="search" speech x-webkit-speech />
        <input type="hidden" name="qtype" class="searchtext" value="utk" title="search type" /> 
        <input name="go" type="submit" title="Submit" class="btn btn-orange"  value="Go">
      <nav  role="navigation">
            <a href="">Events</a>
            <a href="">A-Z </a>
            <a href="">Apply</a>
            <a href="">Privacy</a>
            <a href="">Map</a>
            <a href="">Directory</a>
            <a href="">Give to UT</a>
            <a href="">Accessibility</a>
</footer><!-- #colophon -->

Required: System Sign Off

<div id="system-indicia">



Screenshot of The Hill 2015 Default

Default Hero

Screenshot of The Hill 2015 Default


Screenshot of The Hill 2015 Default


We primarily work within WordPress, and our team is developing a customized WordPress theme based upon the Full-Width Hill template. We will be making it available to those of you who also work within WordPress and would appreciate a jump-start.

Most of the documentation found in this website also applies to this theme. We have also created several custom short codes to be used with this theme. Those are noted in the documentation on this website.

Get the WordPress Theme