<!-- start of article in main column -->
            <div class="item">
                <div class="tab">
                    <div><a name="intro"></a></div>
                </div>
                <div class="content">
                    <h1>Introduction</h1>
                    <div class="body">

                        <p>
                            Hello and welcome to the home page of Ryan's version of the module<br />
                            <span class="bold">Software Technologies for the Web (UFCE4X-10-3)</span>
                        </p>            
                        <p>
                            This site is meant to guide you through various aspects of web technologies. 
                            Each section should tell you a bit about the subject, and guide you with some tutorial examples. 
                            Links to the examples will appear in the text. The examples are displayed plain with no styling, so 
                            you can focus on the content and it helps to make the code more readable. Source code for each page and 
                            any examples in it can be found in the right navigation.
                        </p>
                    </div>
                </div>
            </div>

            <!-- end of article in main column -->
            
            <!-- start of article in main column -->
            <div class="item">
                <div class="tab">
                    <div><a name="standard"></a></div>
                </div>
                <div class="content">
                    <h1>Page Standards</h1>

                    <div class="body">
                        <p>
                            Many of these pages include little snippets of code. You can recognise them as they will appear in the following format&#59;
                        </p>
                        <blockquote>This is how a code snippet will look.</blockquote>
                        <p>
                            <a href="#" title="hyperlink example">Links will look like this.</a>
                        </p>
                        <p>
                            You will find references in the text, these will link to the bottom of the page where you will be able to follow the 
                            link to the source (if applicable). Where possible an authors name has been used, where not the website address has 
                            been included.
                        </p>
                        <p>
                            The content of this site has been validated to the standards set out by the W3C, and tested in Internet Explorer and Firefox.
                        </p>
                    </div>
                </div>
            </div>
            <!-- end of article in main column -->
    </div><!-- end of main (left) column -->

    <div class="navigation"><!-- start of side (right) nav -->

        <h1>In this page</h1>

        <ul>
            <li><a href="#intro" title="Link to introduction">Introduction</a></li>
            <li><a href="#standard" title="Link to standards">Standards</a></li>
        </ul>

        <h1>Unit List</h1>
        <ul>
            <?php
            for ($i = 1; $i <= 6; $i++)
            {
                print"<li><a href=\"index.php?unit=$i\" title=\"Unit $i\">Unit $i</a></li>\n";
            }
            ?>
        </ul>
        
        <h1>Source Code</h1>
        <ul>
            <li><a href="source.phps" title="View source for this page" target="_blank">This page</a></li>
            <li><a href="index.phps" title="View source for index page" target="_blank">Index page</a></li>
            <li><a href="home.phps" title="View source for home page" target="_blank">Home page</a></li>
        </ul>