IFSC 1310 - Fall 2016

In this example below you will see how to do a IFSC 1310 - Fall 2016 with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by Tamerik248, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright Tamerik248 ©
  • HTML
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>IFSC 1310 - Fall 2016</title>
  
  
  
  
  
</head>

<body>

  <doctype html>
  <html lang="en,de">

  <head>
    <title>Internet Tech | Hello World</title>
    <meta charset="UTF-8" />
    <meta name="keywords" content="HTML5, Internet Technologies, UALR, University of Arkansas at Little Rock" />
      
    <meta name="description" content "This is a example of an HTML5 Document"/>
    <meta name="Author" content="Tamerik Pace" />
  </head>
  <body>
    <div id="container">
      <div id="header">
    <h1>Prototype HTML Document Example</h1><!--(Document Title)-->
      </div><!--#Header-->

      <div id="content">
    <h2>Properly Marking up an HTML Document</h2><!--(Primary Content Heading)--> 
        
        <form action="" method="">
          <fieldset>
            <legend>Personal Information</legend>
            <div><label for="name">Name:</label><input type="text" name="name" id="name"/></div> 
            <div><label for="address">Address:</label><br /><textarea name="address"></textarea></div>
            <label>Favorite Color:</label><br />
            <select id="favColor" name="favColor">
              <option value="green">Green</option>
              <option value="blue">Blue</option>
              <option value="red">Red</option>
              <option value="null" selected="selected">Choose Color...</option>
          </fieldset>
        </form>
    
        <img src="http://ualr.edu/tswallace/assets/images/eit.jpg" alt="EIT logo" /> 
    <p>This is a paragraph. <em>Often times designers will use</em> "Dummy Text" as a placeholder in a document. An example of that text follows...<q>Lorem ipsum dolor sit amet</q>, consectetuer adipiscing elit. <strong>Praesent volutpat velit</strong> sed massa. In volutpat eros sagittis ipsum. Donec fringilla risus nec nunc. Fusce tellus arcu, blandit quis, posuere in, porta vitae, lorem. Quisque feugiat arcu eget sapien. Aenean eget ipsum id arcu bibendum porttitor. Vivamus id lectus non eros eleifend aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris volutpat. Integer dignissim consequat enim. Praesent velit felis, tempus malesuada, sagittis et, condimentum in, ante. Nulla lobortis, ligula sit amet laoreet sollicitudin, sem arcu lacinia tellus, id lobortis arcu urna tincidunt turpis.</p>

    <h3>is a Subsection of the Primary Content</h3>

<p>This a paragraph. Often times designers will use "Dummy Text" as a placeholder in a document. An example of that text follows...Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent volutpat velit sed massa. In volutpat eros sagittis ipsum. Donec fringilla risus nec nunc. Fusce tellus arcu, blandit quis, posuere in, porta vitae, lorem. Quisque feugiat arcu eget sapien. Aenean eget ipsum id arcu bibendum porttitor. Vivamus id lectus non eros eleifend aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris volutpat. Integer dignissim consequat enim. Praesent velit felis, tempus malesuada, sagittis et, condimentum in, ante. Nulla lobortis, ligula sit amet laoreet sollicitudin, sem arcu lacinia tellus, id lobortis arcu urna tincidunt turpis.</p>


         
    <ol> 
    <li>Instuctions 1</li>
    <li>Instruction 2</li>
    <li>Instructions 3</li>
    </ol>


  <ul>
  <li>Romen</li>
  <li>Cheetos</li>
    <ul>
      <li>sub-item</li>
      <li>sub-item</li>
    </ul>
  <li>jolt</li>
  <li>Bread</li>
  </ul>


    <dl>
      <dt>Term</dt>
      <dd>Description 1</dd>
      <dd>Description 2</dd>
      <dt>Term</dt>
      <dd>Description 1</dd>
      <dd>Description 2</dd>
    </dl>

    <h4>This is a Subsection of Subsection I</h4>

<blockquote>This ia a quote content precedes design. Design in the absence of content is not design, it's decoration.<cite>From Designing with Web Standards by Jeffery Zeldman.</cite</blockquote>

    <h3 id="services">This is a Subsection of the Primary Content</h3>

<p>This is a paragraph. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent volutpat velit sed massa. In volutpat eros sagittis ipsum. Donec fringilla risus nec nunc. Fusce tellus arcu, blandit quis, posuere in, porta vitae, lorem. Quisque feugiat arcu eget sapien. Aenean eget ipsum id arcu bibendum porttitor. Vivamus id lectus non eros eleifend aliquet. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris volutpat. Integer dignissim consequat enim. Praesent velit felis, tempus malesuada, sagittis et, condimentum in, ante. Nulla lobortis, ligula sit amet laoreet sollicitudin, sem arcu lacinia tellus, id lobortis arcu urna tincidunt turpis. Proin adipiscing ultrices dui. Duis porttitor, libero ut eleifend pellentesque, risus turpis fermentum est, vel nonummy lorem est id nisl. Nulla facilisi. In sagittis tortor. Vestibulum dictum leo vitae augue. Morbi in odio sed nulla luctus sodales.</p>
   <table border="1"><!--Remove Border Attribute Design Time Only-->
      <caption>Groceries</caption>
      <tr><th scope="col">Items</th><th scope="col">Quanity</th><th scope="col">Cost</th></tr>
      <tr><td>Jolt</td><td>5</td><td>.99</td></tr>
      <tr><td>Ramen</td><td>10</td><td>.20</td></tr>
      <tr><td>Doritos</td><td>5</td><td>1.49</td></tr>
    </table>
             

This is the Navigation for the Page
<ul>
  <li><a href="index.html"title="Take me home">Home</a></li><!--Relative Link-->
  <li><a href="http://ualr.edu"title="Visit the UALR homepage">UALR</a></li><!--Absolute URL-->
  <li><a href="#services" title="jump to services">Services</a></li><!--Anchor Link-->
  <li><a href="mailto:tdpace@ualr.edu"> Contact</a></li>
</ul>
  <h6>&copy; 2016 Tamerik Pace | <a href="#top">Back to top</a></h6>

      </div><!--
   </body>
 </html>
  
  

</body>

</html>

Comments