Pre-rendered source of With Login

<ol class="page-local-history" itemscope="" itemtype="http://schema.org/BreadcrumbList"><li class="root" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"><a href="/" itemprop="item"><span itemprop="name">Web.Unimelb</span></a><meta content="1" itemprop="position" /></li><li itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"><a href="/layouts" itemprop="item" title="Layouts"><span itemprop="name">Layouts</span></a><meta content="2" itemprop="position" /></li><li class="last" itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"><a href="" itemprop="item" title="Source"><span itemprop="name">Source</span></a><meta content="3" itemprop="position" /></li></ol>
<div class="page-local-login" data-href="/login" data-title="Eyes up"></div>
<div role="main">
  <header class="image" style="background-image:url(/assets/example/bg-banner-small.jpg);">
    <div class="mid-align">
      <h1>
        About us
      </h1>
    </div>
  </header>
  <div class="tabbed-nav" data-tabbed="" id="nav">
    <div class="full-width">
      <nav class="desktop-nav" role="tablist">
        <a href="#welcome" role="tab">Welcome</a><a href="#staff" role="tab">Our Staff</a><a href="#contact" role="tab">Contact</a>
      </nav>
    </div>
    <div class="tab" id="welcome" role="tabpanel">
      <section class="with-figure">
        <h2 class="title">
          Login demo page
        </h2>
        <p>
          This is a copy of the About Us template that demonstrates the <strong>login link</strong> feature in the header.
        </p>
        <figure class="inset-right">
          <img alt="Professor Ken Hinchcliff" src="/assets/example/about_prof_hinchcliff.jpg" /><figcaption>Professor Ken Hinchcliff</figcaption>
        </figure>
        <p>
          The Faculty of Veterinary and Agricultural Sciences means improved cohesion across our courses and a strengthening of our research capabilities. The new Faculty also encourages collaboration between our enthusiastic, passionate and like-minded academics across two complimentary disciplines. Our students experience cross-disciplinary teaching by specialised veterinary, animal production, crop and food science experts addressing complex environmental, economic and social issues.
        </p>
        <p>
          When you study veterinary or agricultural science at the University of Melbourne, you do so not only at Australia’s highest ranked university but also within a Faculty that ranks with the best in the world.
        </p>
        <p>
          Our courses are delivered from three campuses: Parkville (our main campus on the City fringe), Werribee (the site of our world-class Veterinary Hospital) and Dookie – a state-of-the-art broad-acre farm renowned for its teaching, research and technology development. Exciting new opportunities are being explored at the Dookie Campus across its teaching and research programs, helped by a $5 million investment by the University, government, industry and the community.
        </p>
        <p>
          The University continues to expand the number of places in the Bachelor or Agriculture course, to meet growing industry and student demand.
        </p>
        <p>
          Building on the success of the Pre-Vet Club, we are also excited to launch our Pre-Ag Club. This Club is for students in Years 9 to 12 and provides the opportunity for students to engage with the University and understand more about agricultural science and the wide-range of careers available, thanks to the agricultural boom in Australia.
        </p>
        <p>
          I encourage you to explore our website and review the range of exciting and diverse courses on offer. There has never been a better time to join the Faculty.
        </p>
        <p>
          <strong>Professor Ken Hinchcliff</strong>
        </p>
      </section>
      <hr class="spacer" />
      <p class="center">
        <a class="button-hero" href="">Our Staff</a>
      </p>
    </div>
    <div class="tab" id="staff" role="tabpanel">
      <section>
        <ul class="staff-listing-detailed">
          <li>
            <a href="">
              <div class="frame">
                <img alt="" src="http://placeimg.com/200/200/animals" />
              </div>
              <strong>Paul Tagell</strong>
              <p>
                Philosopher
              </p>
              <p>
                <em>University of Melbourne</em>
              </p>
            </a>
          </li>
          <li>
            <a href="">
              <div class="frame">
                <img alt="" src="http://placeimg.com/200/200/animals?2" />
              </div>
              <strong>Neil Ang</strong>
              <p>
                Juggling Professional
              </p>
              <p>
                <em>University of Melbourne</em>
              </p>
            </a>
          </li>
        </ul>
        <hr class="spacer" />
        <ul class="staff-listing min">
          <li>
            <div class="profile">
              <div class="frame">
                <img alt="" src="http://placeimg.com/50/50/animals?2" />
              </div>
            </div>
            <div class="details">
              <a href="#">Jason Smith</a>, <em>Coffee Expert</em>
            </div>
          </li>
          <li>
            <div class="profile">
              <div class="frame">
                <img alt="" src="http://placeimg.com/50/50/animals?3" />
              </div>
            </div>
            <div class="details">
              <a href="#">Andi Weis</a>, <em>Can eat a lot</em>
            </div>
          </li>
          <li>
            <div class="profile">
              <div class="frame"></div>
            </div>
            <div class="details">
              <a href="#">Anne Shea</a>, <em>Chef</em>
            </div>
          </li>
          <li>
            <div class="profile">
              <div class="frame">
                <img alt="" src="http://placeimg.com/50/50/animals?5" />
              </div>
            </div>
            <div class="details">
              <a href="#">Carl Jackson</a>, <em>Crepe Expert</em>
            </div>
          </li>
        </ul>
      </section>
    </div>
    <div class="tab" id="contact" role="tabpanel">
      <section>
        <div class="contact-box">
          <h1>
            Parkville Campus
          </h1>
          <dl>
            <dt>
              Address
            </dt>
            <dd>
              Building 142, The University of Melbourne<br />VIC 3010
            </dd>
            <dt>
              Email
            </dt>
            <dd>
              <a href="mailto: info@unimelb.edu.au">info@unimelb.edu.au</a>
            </dd>
            <dt>
              Phone
            </dt>
            <dd>
              <a href="tel:61390355511">+61 3 9035 5511</a>
            </dd>
          </dl>
        </div>
      </section>
      <section class="fullwidth">
        <div class="gmap__canvas" data-grayscale="" data-latlng="-37.798535, 144.960605" data-pin="-37.798535, 144.960605"></div>
      </section>
    </div>
  </div>
</div>