Difference between revisions of "Team:Penn"

(Replaced content with "<html> <head> <title>tradition</title> <!-- The templates licence terms can be found at http://www.os-templates.com/template-terms --> <meta http-equiv="Content-Type" content...")
Line 1: Line 1:
−
{{Penn}}
 
−
 
 
<html>
 
<html>
 
<head>
 
<head>
−
<title>Optimal | Pages | Basic Grid</title>
+
<title>tradition</title>
−
<meta charset="utf-8">
+
<!-- The templates licence terms can be found at http://www.os-templates.com/template-terms -->
−
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
−
<link href="../layout/styles/layout.css" rel="stylesheet" type="text/css" media="all">
+
−
<style type="text/css">
+
−
/* DEMO ONLY */
+
−
.container .demo{text-align:center;}
+
−
.container .demo div{padding:8px 0;}
+
−
.container .demo div:nth-child(odd){color:#FFFFFF; background:#CCCCCC;}
+
−
.container .demo div:nth-child(even){color:#FFFFFF; background:#979797;}
+
−
@media screen and (min-width:180px) and (max-width:900px){.container .demo div{margin-bottom:0;}}
+
−
/* DEMO ONLY */
+
−
</style>
+
 
</head>
 
</head>
−
<body id="top">
+
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
−
<!-- ################################################################################################ -->
+
<!-- ImageReady Slices (tradition.psd) -->
−
<!-- ################################################################################################ -->
+
<img src="images/tradition.gif" width="1000" height="1735" alt="">
−
<!-- ################################################################################################ -->
+
<!-- End ImageReady Slices -->
−
<!-- Top Background Image Wrapper -->
+
−
<div class="row100 bgded" style="background-image:url('../images/demo/backgrounds/01.png');">
+
−
  <!-- ################################################################################################ -->
+
−
  <!-- ################################################################################################ -->
+
−
  <!-- ################################################################################################ -->
+
−
  <div class="wrapper row0">
+
−
    <div id="topbar" class="clear">  
+
−
      <!-- ################################################################################################ -->
+
−
      <div class="fl_left">
+
−
        <ul class="nospace inline">
+
−
          <li><i class="fa fa-phone"></i> +00 (123) 456 7890</li>
+
−
          <li><i class="fa fa-envelope-o"></i> info@domain.com</li>
+
−
        </ul>
+
−
      </div>
+
−
      <div class="fl_right">
+
−
        <ul class="faico clear">
+
−
          <li><a class="faicon-facebook" href="#"><i class="fa fa-facebook"></i></a></li>
+
−
          <li><a class="faicon-pinterest" href="#"><i class="fa fa-pinterest"></i></a></li>
+
−
          <li><a class="faicon-twitter" href="#"><i class="fa fa-twitter"></i></a></li>
+
−
          <li><a class="faicon-dribble" href="#"><i class="fa fa-dribbble"></i></a></li>
+
−
          <li><a class="faicon-linkedin" href="#"><i class="fa fa-linkedin"></i></a></li>
+
−
          <li><a class="faicon-google-plus" href="#"><i class="fa fa-google-plus"></i></a></li>
+
−
          <li><a class="faicon-rss" href="#"><i class="fa fa-rss"></i></a></li>
+
−
        </ul>
+
−
      </div>
+
−
      <!-- ################################################################################################ -->
+
−
    </div>
+
−
  </div>
+
−
  <!-- ################################################################################################ -->
+
−
  <!-- ################################################################################################ -->
+
−
  <!-- ################################################################################################ -->
+
−
  <div class="wrapper row1">
+
−
    <header id="header" class="clear">
+
−
      <!-- ################################################################################################ -->
+
−
      <div id="logo" class="fl_left">
+
−
        <h1><a href="../index.html">Optimal</a></h1>
+
−
      </div>
+
−
      <nav id="mainav" class="fl_right">
+
−
        <ul class="clear">
+
−
          <li><a href="../index.html">Home</a></li>
+
−
          <li class="active"><a class="drop" href="#">Pages</a>
+
−
            <ul>
+
−
              <li><a href="gallery.html">Gallery</a></li>
+
−
              <li><a href="full-width.html">Full Width</a></li>
+
−
              <li><a href="sidebar-left.html">Sidebar Left</a></li>
+
−
              <li><a href="sidebar-right.html">Sidebar Right</a></li>
+
−
              <li class="active"><a href="basic-grid.html">Basic Grid</a></li>
+
−
            </ul>
+
−
          </li>
+
−
          <li><a class="drop" href="#">Dropdown</a>
+
−
            <ul>
+
−
              <li><a href="#">Level 2</a></li>
+
−
              <li><a class="drop" href="#">Level 2 + Drop</a>
+
−
                <ul>
+
−
                  <li><a href="#">Level 3</a></li>
+
−
                  <li><a href="#">Level 3</a></li>
+
−
                </ul>
+
−
              </li>
+
−
            </ul>
+
−
          </li>
+
−
          <li><a href="#">Link Text</a></li>
+
−
          <li><a href="#">Link Text</a></li>
+
−
        </ul>
+
−
      </nav>
+
−
      <!-- ################################################################################################ -->
+
−
    </header>
+
−
  </div>
+
−
  <!-- ################################################################################################ -->
+
−
  <!-- ################################################################################################ -->
+
−
  <!-- ################################################################################################ -->
+
−
</div>
+
−
<!-- End Top Background Image Wrapper -->
+
−
<!-- ################################################################################################ -->
+
−
<!-- ################################################################################################ -->
+
−
<!-- ################################################################################################ -->
+
−
<div class="wrapper row2">
+
−
  <div id="breadcrumb" class="clear">
+
−
    <!-- ################################################################################################ -->
+
−
    <ul>
+
−
      <li><a href="#">Home</a></li>
+
−
      <li><a href="#">Lorem</a></li>
+
−
      <li><a href="#">Ipsum</a></li>
+
−
      <li><a href="#">Dolor</a></li>
+
−
    </ul>
+
−
    <!-- ################################################################################################ -->
+
−
  </div>
+
−
</div>
+
−
<!-- ################################################################################################ -->
+
−
<!-- ################################################################################################ -->
+
−
<!-- ################################################################################################ -->
+
−
<div class="wrapper row3">
+
−
  <main class="container clear">
+
−
    <!-- main body -->
+
−
    <!-- ################################################################################################ -->
+
−
    <div class="content">
+
−
      <!-- ################################################################################################ -->
+
−
      <h2>Half</h2>
+
−
      <!-- ################################################################################################ -->
+
−
      <div class="group btmspace-50 demo">
+
−
        <div class="one_half first">1/2</div>
+
−
        <div class="one_half">1/2</div>
+
−
      </div>
+
−
      <!-- ################################################################################################ -->
+
−
      <h2>Quarter</h2>
+
−
      <!-- ################################################################################################ -->
+
−
      <div class="group btmspace-50 demo">
+
−
        <div class="one_quarter first">1/4</div>
+
−
        <div class="one_quarter">1/4</div>
+
−
        <div class="one_quarter">1/4</div>
+
−
        <div class="one_quarter">1/4</div>
+
−
      </div>
+
−
      <div class="group btmspace-50 demo">
+
−
        <div class="one_quarter first">1/4</div>
+
−
        <div class="one_quarter">1/4</div>
+
−
        <div class="two_quarter">2/4 or 1/2</div>
+
−
      </div>
+
−
      <div class="group btmspace-50 demo">
+
−
        <div class="one_quarter first">1/4</div>
+
−
        <div class="three_quarter">3/4</div>
+
−
      </div>
+
−
      <!-- ################################################################################################ -->
+
−
      <h2>Third</h2>
+
−
      <!-- ################################################################################################ -->
+
−
      <div class="group btmspace-50 demo">
+
−
        <div class="one_third first">1/3</div>
+
−
        <div class="one_third">1/3</div>
+
−
        <div class="one_third">1/3</div>
+
−
      </div>
+
−
      <div class="group demo">
+
−
        <div class="one_third first">1/3</div>
+
−
        <div class="two_third">2/3</div>
+
−
      </div>
+
−
      <!-- ################################################################################################ -->
+
−
    </div>
+
−
    <!-- ################################################################################################ -->
+
−
    <!-- / main body -->
+
−
    <div class="clear"></div>
+
−
  </main>
+
−
</div>
+
−
<!-- ################################################################################################ -->
+
−
<!-- ################################################################################################ -->
+
−
<!-- ################################################################################################ -->
+
−
<div class="wrapper row100 bgded" style="background-image:url('../images/demo/backgrounds/01.png');">
+
−
  <div class="overlay">
+
−
    <div id="newsletter" class="clear center">
+
−
      <!-- ################################################################################################ -->
+
−
      <h2 class="uppercase font-x3 btmspace-50">Subscribe to our newsletter</h2>
+
−
      <form class="inline clear" method="post" action="#">
+
−
        <input type="text" value="" placeholder="Email Here">
+
−
        <button class="btn" type="submit" title="Submit">Submit</button>
+
−
      </form>
+
−
      <!-- ################################################################################################ -->
+
−
    </div>
+
−
  </div>
+
−
</div>
+
−
<!-- ################################################################################################ -->
+
−
<!-- ################################################################################################ -->
+
−
<!-- ################################################################################################ -->
+
−
<div class="wrapper row4">
+
−
  <footer id="footer" class="clear">
+
−
    <!-- ################################################################################################ -->
+
−
    <div class="one_quarter first">
+
−
      <h6 class="title">Company Details</h6>
+
−
      <address class="btmspace-15">
+
−
      Company Name<br>
+
−
      Street Name &amp; Number<br>
+
−
      Town<br>
+
−
      Postcode/Zip
+
−
      </address>
+
−
      <ul class="nospace">
+
−
        <li class="btmspace-10"><span class="fa fa-phone"></span> +00 (123) 456 7890</li>
+
−
        <li><span class="fa fa-envelope-o"></span> info@domain.com</li>
+
−
      </ul>
+
−
    </div>
+
−
    <div class="one_quarter">
+
−
      <h6 class="title">From The Blog</h6>
+
−
      <article>
+
−
        <h2 class="nospace font-x1"><a href="#">Maecenas pretium</a></h2>
+
−
        <time class="smallfont" datetime="2045-04-06">Friday, 6<sup>th</sup> April 2045</time>
+
−
        <p>Vestibulumaccumsan egestibulum eu justo convallis augue estas aenean elit intesque sed.</p>
+
−
      </article>
+
−
    </div>
+
−
    <div class="one_quarter">
+
−
      <h6 class="title">Sed consectetur enim</h6>
+
−
      <ul class="nospace linklist">
+
−
        <li><a href="#">Nullam id est condimen</a></li>
+
−
        <li><a href="#">Praesent eget purus ut</a></li>
+
−
        <li><a href="#">Ut quis augue quis neque</a></li>
+
−
        <li><a href="#">Quisque varius erat sed</a></li>
+
−
        <li><a href="#">Fusce quis dolor et</a></li>
+
−
      </ul>
+
−
    </div>
+
−
    <div class="one_quarter">
+
−
      <h6 class="title">Proin et magna eget</h6>
+
−
      <ul class="nospace linklist">
+
−
        <li><a href="#">Vivamus semper lorem</a></li>
+
−
        <li><a href="#">Morbi facilisis dui</a></li>
+
−
        <li><a href="#">Maecenas eu massa</a></li>
+
−
        <li><a href="#">Praesent iaculis</a></li>
+
−
        <li><a href="#">Praesent molestie</a></li>
+
−
      </ul>
+
−
    </div>
+
−
    <!-- ################################################################################################ -->
+
−
  </footer>
+
−
</div>
+
−
<!-- ################################################################################################ -->
+
−
<!-- ################################################################################################ -->
+
−
<!-- ################################################################################################ -->
+
−
<div class="wrapper row5">
+
−
  <div id="copyright" class="clear">
+
−
    <!-- ################################################################################################ -->
+
−
    <p class="fl_left">Copyright &copy; 2015 - All Rights Reserved - <a href="#">Domain Name</a></p>
+
−
    <p class="fl_right">Template by <a target="_blank" href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
+
−
    <!-- ################################################################################################ -->
+
−
  </div>
+
−
</div>
+
−
<!-- ################################################################################################ -->
+
−
<!-- ################################################################################################ -->
+
−
<!-- ################################################################################################ -->
+
−
<a id="backtotop" href="#top"><i class="fa fa-chevron-up"></i></a>
+
−
 
+
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 20:23, 28 July 2015

tradition