Difference between revisions of "Team:Penn"

Line 1: Line 1:
 
{{Penn}}
 
{{Penn}}
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml">
<script type="text/javascript">
+
<head>
/*! HTML5 Shiv vpre3.6 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed */
+
<title>BusinessToday | Style Demo</title>
;(function(window, document) {
+
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
+
</head>
  /** Preset options */
+
<div id="wrap">
   var options = window.html5 || {};
+
<body id="top">
 
+
<div class="wrapper col1">
  /** Used to skip problem elements */
+
   <div id="header">
  var reSkip = /^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i;
+
    <div id="logo">
 
+
      <h1><a href="#">BusinessToday</a></h1>
  /** Not all elements can be cloned in IE (this list can be shortend) **/
+
      <p><strong>Free Website Template</strong></p>
  var saveClones = /^<|^(?:a|b|button|code|div|fieldset|form|h1|h2|h3|h4|h5|h6|i|iframe|img|input|label|li|link|ol|option|p|param|q|script|select|span|strong|style|table|tbody|td|textarea|tfoot|th|thead|tr|ul)$/i;
+
    </div>
 
+
    <div id="newsletter">
   /** Detect whether the browser supports default html5 styles */
+
      <p>Sign up to our newsletter for the latest news, updates and offers.</p>
  var supportsHtml5Styles;
+
      <form action="#" method="post">
 
+
        <fieldset>
  /** Name of the expando, to work with multiple documents or to re-shiv one document */
+
          <legend>NewsLetter</legend>
  var expando = '_html5shiv';
+
          <input type="text" value="Name&hellip;"  onfocus="this.value=(this.value=='Name&hellip;')? '' : this.value ;" />
 
+
          <input type="text" value="Email&hellip;"  onfocus="this.value=(this.value=='Email&hellip;')? '' : this.value ;" />
   /** The id for the the documents expando */
+
          <input type="submit" name="news_go" id="news_go" value="Sign Up" />
  var expanID = 0;
+
        </fieldset>
 
+
      </form>
  /** Cached data for each document */
+
    </div>
  var expandoData = {};
+
    <br class="clear" />
 
+
   </div>
  /** Detect whether the browser supports unknown elements */
+
</div>
  var supportsUnknownElements;
+
<div class="wrapper col2">
 
+
   <div id="topbar">
  (function() {
+
    <div id="topnav">
    var a = document.createElement('a');
+
      <ul>
 
+
        <li><a href="../index.html">Home</a></li>
    a.innerHTML = '<xyz></xyz>';
+
        <li class="active"><a href="style-demo.html">Style Demo</a></li>
 
+
        <li><a href="full-width.html">Full Width</a></li>
    //if the hidden property is implemented we can assume, that the browser supports basic HTML5 Styles
+
        <li><a href="#">DropDown</a>
    supportsHtml5Styles = ('hidden' in a);
+
          <ul>
 
+
            <li><a href="#">Link 1</a></li>
    supportsUnknownElements = a.childNodes.length == 1 || (function() {
+
            <li><a href="#">Link 2</a></li>
       // assign a false positive if unable to shiv
+
            <li><a href="#">Link 3</a></li>
       try {
+
          </ul>
         (document.createElement)('a');
+
        </li>
      } catch(e) {
+
        <li class="last"><a href="#">A Long Link Text</a></li>
         return true;
+
       </ul>
       }
+
    </div>
      var frag = document.createDocumentFragment();
+
    <div id="search">
      return (
+
       <form action="#" method="post">
        typeof frag.cloneNode == 'undefined' ||
+
         <fieldset>
        typeof frag.createDocumentFragment == 'undefined' ||
+
          <legend>Site Search</legend>
        typeof frag.createElement == 'undefined'
+
          <input type="text" value="Search Our Website&hellip;"  onfocus="this.value=(this.value=='Search Our Website&hellip;')? '' : this.value ;" />
       );
+
          <input type="submit" name="go" id="go" value="Search" />
    }());
+
         </fieldset>
 
+
       </form>
  }());
+
    </div>
 
+
    <br class="clear" />
  /*--------------------------------------------------------------------------*/
+
  </div>
 
+
</div>
   /**
+
<div class="wrapper col3">
  * Creates a style sheet with the given CSS text and adds it to the document.
+
  <div id="breadcrumb">
  * @private
+
    <ul>
  * @param {Document} ownerDocument The document.
+
      <li class="first">You Are Here</li>
  * @param {String} cssText The CSS text.
+
       <li>&#187;</li>
  * @returns {StyleSheet} The style element.
+
      <li><a href="#">Home</a></li>
  */
+
      <li>&#187;</li>
  function addStyleSheet(ownerDocument, cssText) {
+
      <li><a href="#">Grand Parent</a></li>
    var p = ownerDocument.createElement('p'),
+
      <li>&#187;</li>
        parent = ownerDocument.getElementsByTagName('head')[0] || ownerDocument.documentElement;
+
      <li><a href="#">Parent</a></li>
 
+
      <li>&#187;</li>
    p.innerHTML = 'x<style>' + cssText + '</style>';
+
      <li class="current"><a href="#">Child</a></li>
    return parent.insertBefore(p.lastChild, parent.firstChild);
+
    </ul>
  }
+
   </div>
 
+
</div>
  /**
+
<div class="wrapper col5">
  * Returns the value of `html5.elements` as an array.
+
  <div id="container">
  * @private
+
    <div id="content">
  * @returns {Array} An array of shived element node names.
+
      <h1>&lt;h1&gt; to &lt;h6&gt; - Headline Colour and Size Are All The Same</h1>
  */
+
      <img class="imgr" src="../images/demo/imgr.gif" alt="" width="125" height="125" />
  function getElements() {
+
      <p>Aliquatjusto quisque nam consequat doloreet vest orna partur scetur portortis nam. Metadipiscing eget facilis elit sagittis felisi eger id justo maurisus convallicitur.</p>
    var elements = html5.elements;
+
      <p>Dapiensociis <a href="#">temper donec auctortortis cumsan</a> et curabitur condis lorem loborttis leo. Ipsumcommodo libero nunc at in velis tincidunt pellentum tincidunt vel lorem.</p>
    return typeof elements == 'string' ? elements.split(' ') : elements;
+
      <img class="imgl" src="../images/demo/imgl.gif" alt="" width="125" height="125" />
  }
+
      <p>This is a W3C compliant free website template from <a href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a>. This template is distributed using a <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>.</p>
 
+
      <p>You can use and modify the template for both personal and commercial use. You must keep all copyright information and credit links in the template and associated files. For more CSS templates visit <a href="http://www.os-templates.com/">Free Website Templates</a>.</p>
    /**
+
      <p>Portortornec condimenterdum eget consectetuer condis consequam pretium pellus sed mauris enim. Puruselit mauris nulla hendimentesque elit semper nam a sapien urna sempus.</p>
  * Returns the data associated to the given document
+
      <h2>Table(s)</h2>
  * @private
+
      <table summary="Summary Here" cellpadding="0" cellspacing="0">
  * @param {Document} ownerDocument The document.
+
        <thead>
  * @returns {Object} An object of data.
+
          <tr>
  */
+
            <th>Header 1</th>
  function getExpandoData(ownerDocument) {
+
            <th>Header 2</th>
    var data = expandoData[ownerDocument[expando]];
+
            <th>Header 3</th>
    if (!data) {
+
            <th>Header 4</th>
        data = {};
+
          </tr>
        expanID++;
+
        </thead>
        ownerDocument[expando] = expanID;
+
        <tbody>
        expandoData[expanID] = data;
+
          <tr class="light">
    }
+
            <td>Value 1</td>
    return data;
+
            <td>Value 2</td>
  }
+
            <td>Value 3</td>
 
+
            <td>Value 4</td>
  /**
+
          </tr>
  * returns a shived element for the given nodeName and document
+
          <tr class="dark">
  * @memberOf html5
+
            <td>Value 5</td>
  * @param {String} nodeName name of the element
+
            <td>Value 6</td>
  * @param {Document} ownerDocument The context document.
+
            <td>Value 7</td>
  * @returns {Object} The shived element.
+
            <td>Value 8</td>
  */
+
          </tr>
  function createElement(nodeName, ownerDocument, data){
+
          <tr class="light">
    if (!ownerDocument) {
+
            <td>Value 9</td>
        ownerDocument = document;
+
            <td>Value 10</td>
    }
+
            <td>Value 11</td>
    if(supportsUnknownElements){
+
            <td>Value 12</td>
         return ownerDocument.createElement(nodeName);
+
          </tr>
    }
+
          <tr class="dark">
    data = data || getExpandoData(ownerDocument);
+
            <td>Value 13</td>
    var node;
+
            <td>Value 14</td>
 
+
            <td>Value 15</td>
    if (data.cache[nodeName]) {
+
            <td>Value 16</td>
        node = data.cache[nodeName].cloneNode();
+
          </tr>
    } else if (saveClones.test(nodeName)) {
+
         </tbody>
        node = (data.cache[nodeName] = data.createElem(nodeName)).cloneNode();
+
      </table>
    } else {
+
      <div id="comments">
        node = data.createElem(nodeName);
+
        <h2>Comments</h2>
    }
+
        <ul class="commentlist">
 
+
          <li class="comment_odd">
    // Avoid adding some elements to fragments in IE < 9 because
+
            <div class="author"><img class="avatar" src="../images/demo/avatar.gif" width="32" height="32" alt="" /><span class="name"><a href="#">A Name</a></span> <span class="wrote">wrote:</span></div>
    // * Attributes like `name` or `type` cannot be set/changed once an element
+
            <div class="submitdate"><a href="#">August 4, 2009 at 8:35 am</a></div>
    //  is inserted into a document/fragment
+
            <p>This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.</p>
    // * Link elements with `src` attributes that are inaccessible, as with
+
          </li>
    //   a 403 response, will cause the tab/window to crash
+
          <li class="comment_even">
    // * Script elements appended to fragments will execute when their `src`
+
            <div class="author"><img class="avatar" src="../images/demo/avatar.gif" width="32" height="32" alt="" /><span class="name"><a href="#">A Name</a></span> <span class="wrote">wrote:</span></div>
    //  or `text` property is set
+
            <div class="submitdate"><a href="#">August 4, 2009 at 8:35 am</a></div>
    return node.canHaveChildren && !reSkip.test(nodeName) ? data.frag.appendChild(node) : node;
+
            <p>This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.</p>
  }
+
          </li>
 
+
          <li class="comment_odd">
  /**
+
            <div class="author"><img class="avatar" src="../images/demo/avatar.gif" width="32" height="32" alt="" /><span class="name"><a href="#">A Name</a></span> <span class="wrote">wrote:</span></div>
  * returns a shived DocumentFragment for the given document
+
            <div class="submitdate"><a href="#">August 4, 2009 at 8:35 am</a></div>
  * @memberOf html5
+
            <p>This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.</p>
  * @param {Document} ownerDocument The context document.
+
          </li>
  * @returns {Object} The shived DocumentFragment.
+
         </ul>
  */
+
      </div>
  function createDocumentFragment(ownerDocument, data){
+
      <h2>Write A Comment</h2>
    if (!ownerDocument) {
+
      <div id="respond">
         ownerDocument = document;
+
         <form action="#" method="post">
    }
+
          <p>
    if(supportsUnknownElements){
+
            <input type="text" name="name" id="name" value="" size="22" />
         return ownerDocument.createDocumentFragment();
+
            <label for="name"><small>Name (required)</small></label>
    }
+
          </p>
    data = data || getExpandoData(ownerDocument);
+
          <p>
    var clone = data.frag.cloneNode(),
+
            <input type="text" name="email" id="email" value="" size="22" />
        i = 0,
+
            <label for="email"><small>Mail (required)</small></label>
        elems = getElements(),
+
          </p>
        l = elems.length;
+
          <p>
    for(;i<l;i++){
+
            <textarea name="comment" id="comment" cols="100%" rows="10"></textarea>
        clone.createElement(elems[i]);
+
            <label for="comment" style="display:none;"><small>Comment (required)</small></label>
    }
+
          </p>
    return clone;
+
          <p>
  }
+
            <input name="submit" type="submit" id="submit" value="Submit Form" />
 
+
            &nbsp;
  /**
+
            <input name="reset" type="reset" id="reset" tabindex="5" value="Reset Form" />
  * Shivs the `createElement` and `createDocumentFragment` methods of the document.
+
          </p>
  * @private
+
        </form>
  * @param {Document|DocumentFragment} ownerDocument The document.
+
      </div>
  * @param {Object} data of the document.
+
    </div>
  */
+
     <div id="column">
  function shivMethods(ownerDocument, data) {
+
      <div class="subnav">
     if (!data.cache) {
+
         <h2>Secondary Navigation</h2>
        data.cache = {};
+
         <ul>
         data.createElem = ownerDocument.createElement;
+
          <li><a href="#">Navigation - Level 1</a></li>
         data.createFrag = ownerDocument.createDocumentFragment;
+
          <li><a href="#">Navigation - Level 1</a>
        data.frag = data.createFrag();
+
            <ul>
    }
+
              <li><a href="#">Navigation - Level 2</a></li>
 
+
              <li><a href="#">Navigation - Level 2</a></li>
 
+
            </ul>
    ownerDocument.createElement = function(nodeName) {
+
           </li>
      //abort shiv
+
          <li><a href="#">Navigation - Level 1</a>
      if (!html5.shivMethods) {
+
            <ul>
           return data.createElem(nodeName);
+
              <li><a href="#">Navigation - Level 2</a></li>
      }
+
              <li><a href="#">Navigation - Level 2</a>
      return createElement(nodeName);
+
                <ul>
    };
+
                  <li><a href="#">Navigation - Level 3</a></li>
 
+
                  <li><a href="#">Navigation - Level 3</a></li>
    ownerDocument.createDocumentFragment = Function('h,f', 'return function(){' +
+
                </ul>
      'var n=f.cloneNode(),c=n.createElement;' +
+
              </li>
      'h.shivMethods&&(' +
+
            </ul>
         // unroll the `createElement` calls
+
          </li>
         getElements().join().replace(/\w+/g, function(nodeName) {
+
          <li><a href="#">Navigation - Level 1</a></li>
          data.createElem(nodeName);
+
         </ul>
          data.frag.createElement(nodeName);
+
      </div>
          return 'c("' + nodeName + '")';
+
      <div class="holder">
        }) +
+
         <h2 class="title"><img src="../images/demo/60x60.gif" alt="" />Nullamlacus dui ipsum conseque loborttis</h2>
       ');return n}'
+
        <p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque.</p>
    )(html5, data.frag);
+
        <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
  }
+
      </div>
 
+
       <div id="featured">
  /*--------------------------------------------------------------------------*/
+
        <ul>
 
+
          <li>
  /**
+
            <h2>Indonectetus facilis leonib</h2>
  * Shivs the given document.
+
            <p class="imgholder"><img src="../images/demo/240x90.gif" alt="" /></p>
  * @memberOf html5
+
            <p>Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque congue magnis vestibulum quismodo nulla et feugiat. Adipisciniapellentum leo ut consequam ris felit elit id nibh sociis malesuada.</p>
  * @param {Document} ownerDocument The document to shiv.
+
            <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
  * @returns {Document} The shived document.
+
          </li>
  */
+
         </ul>
  function shivDocument(ownerDocument) {
+
      </div>
    if (!ownerDocument) {
+
      <div class="holder">
         ownerDocument = document;
+
        <h2>Lorem ipsum dolor</h2>
    }
+
        <p>Nuncsed sed conseque a at quismodo tris mauristibus sed habiturpiscinia sed.</p>
    var data = getExpandoData(ownerDocument);
+
         <ul>
 
+
          <li><a href="#">Lorem ipsum dolor sit</a></li>
    if (html5.shivCSS && !supportsHtml5Styles && !data.hasCSS) {
+
          <li>Etiam vel sapien et</li>
      data.hasCSS = !!addStyleSheet(ownerDocument,
+
          <li><a href="#">Etiam vel sapien et</a></li>
         // corrects block display not defined in IE6/7/8/9
+
         </ul>
         'article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}' +
+
         <p>Nuncsed sed conseque a at quismodo tris mauristibus sed habiturpiscinia sed. Condimentumsantincidunt dui mattis magna intesque purus orci augue lor nibh.</p>
         // adds styling not present in IE6/7/8/9
+
         <p class="readmore"><a href="#">Continue Reading &raquo;</a></p>
         'mark{background:#FF0;color:#000}'
+
       </div>
       );
+
     </div>
     }
+
     <div class="clear"></div>
     if (!supportsUnknownElements) {
+
  </div>
      shivMethods(ownerDocument, data);
+
</div>
    }
+
<div class="wrapper col6">
    return ownerDocument;
+
   <div id="footer">
   }
+
    <div id="login">
 
+
      <h2>Client Login !</h2>
  /*--------------------------------------------------------------------------*/
+
      <p>Clients can Login to their accounts here.</p>
 
+
      <form action="#" method="post">
  /**
+
        <fieldset>
  * The `html5` object is exposed so that more elements can be shived and
+
          <legend>Client Login</legend>
  * existing shiving can be detected on iframes.
+
          <div class="fl_left">
  * @type Object
+
            <input type="text" value="Enter email address&hellip;"  onfocus="this.value=(this.value=='Enter email address&hellip;')? '' : this.value ;" />
  * @example
+
            <input type="password" value="Enter password&hellip;"  onfocus="this.value=(this.value=='Enter password&hellip;')? '' : this.value ;" />
  *
+
          </div>
  * // options can be changed before the script is included
+
          <div class="fl_right">
  * html5 = { 'elements': 'mark section', 'shivCSS': false, 'shivMethods': false };
+
            <input type="submit" name="login_go" id="login_go" value="&raquo;" />
  */
+
          </div>
  var html5 = {
+
        </fieldset>
 
+
      </form>
    /**
+
      <p><a href="#">&raquo; Lost Your Password</a> | <a href="#">Create An Account &raquo;</a></p>
    * An array or space separated string of node names of the elements to shiv.
+
     </div>
    * @memberOf html5
+
     <div class="footbox">
    * @type Array|String
+
      <h2>Lacus interdum</h2>
    */
+
      <ul>
     'elements': options.elements || 'abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video',
+
        <li><a href="#">Praesent et eros</a></li>
 
+
        <li><a href="#">Praesent et eros</a></li>
     /**
+
        <li><a href="#">Lorem ipsum dolor</a></li>
    * A flag to indicate that the HTML5 style sheet should be inserted.
+
        <li><a href="#">Suspendisse in neque</a></li>
    * @memberOf html5
+
        <li class="last"><a href="#">Praesent et eros</a></li>
    * @type Boolean
+
      </ul>
    */
+
     </div>
    'shivCSS': !(options.shivCSS === false),
+
     <div class="footbox">
 
+
      <h2>Lacus interdum</h2>
    /**
+
      <ul>
    * Is equal to true if a browser supports creating unknown/HTML5 elements
+
        <li><a href="#">Praesent et eros</a></li>
    * @memberOf html5
+
        <li><a href="#">Praesent et eros</a></li>
    * @type boolean
+
        <li><a href="#">Lorem ipsum dolor</a></li>
    */
+
        <li><a href="#">Suspendisse in neque</a></li>
     'supportsUnknownElements': supportsUnknownElements,
+
        <li class="last"><a href="#">Praesent et eros</a></li>
 
+
      </ul>
     /**
+
     </div>
    * A flag to indicate that the document's `createElement` and `createDocumentFragment`
+
    <div class="footbox">
    * methods should be overwritten.
+
      <h2>Lacus interdum</h2>
    * @memberOf html5
+
      <ul>
    * @type Boolean
+
        <li><a href="#">Praesent et eros</a></li>
    */
+
        <li><a href="#">Praesent et eros</a></li>
    'shivMethods': !(options.shivMethods === false),
+
        <li><a href="#">Lorem ipsum dolor</a></li>
 
+
        <li><a href="#">Suspendisse in neque</a></li>
     /**
+
        <li class="last"><a href="#">Praesent et eros</a></li>
    * A string to describe the type of `html5` object ("default" or "default print").
+
      </ul>
    * @memberOf html5
+
     </div>
    * @type String
+
     <br class="clear" />
    */
+
  </div>
    'type': 'default',
+
</div>
 
+
<div class="wrapper col7">
     // shivs the document according to the specified `html5` object options
+
  <div id="copyright">
     'shivDocument': shivDocument,
+
     <p class="fl_left">Copyright &copy; 2014 - 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>
    //creates a shived element
+
    <br class="clear" />
    createElement: createElement,
+
   </div>
 
+
</div>
     //creates a shived documentFragment
+
</body>
     createDocumentFragment: createDocumentFragment
+
</html>
  };
+
 
+
  /*--------------------------------------------------------------------------*/
+
 
+
  // expose html5
+
  window.html5 = html5;
+
 
+
   // shiv the document
+
  shivDocument(document);
+
 
+
}(this, document));
+
 
+
</style>
+
<html>
+

Revision as of 14:54, 26 July 2015

{

BusinessToday | Style Demo

<h1> to <h6> - Headline Colour and Size Are All The Same

Aliquatjusto quisque nam consequat doloreet vest orna partur scetur portortis nam. Metadipiscing eget facilis elit sagittis felisi eger id justo maurisus convallicitur.

Dapiensociis temper donec auctortortis cumsan et curabitur condis lorem loborttis leo. Ipsumcommodo libero nunc at in velis tincidunt pellentum tincidunt vel lorem.

This is a W3C compliant free website template from OS Templates. This template is distributed using a Website Template Licence.

You can use and modify the template for both personal and commercial use. You must keep all copyright information and credit links in the template and associated files. For more CSS templates visit Free Website Templates.

Portortornec condimenterdum eget consectetuer condis consequam pretium pellus sed mauris enim. Puruselit mauris nulla hendimentesque elit semper nam a sapien urna sempus.

Table(s)

Header 1 Header 2 Header 3 Header 4
Value 1 Value 2 Value 3 Value 4
Value 5 Value 6 Value 7 Value 8
Value 9 Value 10 Value 11 Value 12
Value 13 Value 14 Value 15 Value 16

Comments

  • A Name wrote:

    This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.

  • A Name wrote:

    This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.

  • A Name wrote:

    This is an example of a comment made on a post. You can either edit the comment, delete the comment or reply to the comment. Use this as a place to respond to the post or to share what you are thinking.

Write A Comment

 

Nullamlacus dui ipsum conseque loborttis

Nullamlacus dui ipsum conseque loborttis non euisque morbi penas dapibulum orna. Urnaultrices quis curabitur phasellentesque.

Continue Reading »

Lorem ipsum dolor

Nuncsed sed conseque a at quismodo tris mauristibus sed habiturpiscinia sed.

Nuncsed sed conseque a at quismodo tris mauristibus sed habiturpiscinia sed. Condimentumsantincidunt dui mattis magna intesque purus orci augue lor nibh.

Continue Reading »