Untitled

<!DOCTYPE html>
<html>

<head>
<title>Scotland's Castles</title>

    <style>
        footer{
            clear:both;
        }
    </style>

    <script>

    /*
    function photoVersion() {
        document.getElementById("").style.       ;


    }
    */
    function textVersion() {
        document.getElementById("edinburghSection").style.width="1000px";
        document.getElementById("edinburghSection").style.marginBottom="30px";

        document.getElementById("edinburghText").style.textAlign="left";
        document.getElementById("edinburghText").style.fontSize="12";
        document.getElementById("edinburghText").style.marginBottom="30px";
        document.getElementById("edinburghText").style.wordWrap="break";

        document.getElementById("edinburghImage").style.marginRight="20px";
        document.getElementById("edinburghImage").style.width="150px";
        document.getElementById("edinburghImage").style.height="120px";
        document.getElementById("edinburghImage").style.marginRight="20px";
        document.getElementById("edinburghImage").style.float="left";

        document.getElementById("edinburghHeading").style.fontSize="16";
        document.getElementById("edinburghHeading").style.display="block";

        document.getElementById("stirlingSection").style.width="1000px";

        document.getElementById("stirlingImage").style.marginLeft="20px";
        document.getElementById("stirlingImage").style.width="150px";
        document.getElementById("stirlingImage").style.height="120px";
        document.getElementById("stirlingImage").style.marginRight="20px";
        document.getElementById("stirlingImage").style.float="right";

        document.getElementById("stirlingHeading").style.fontSize="16";
        document.getElementById("stirlingHeading").style.display="block";

        document.getElementById("stirlingText").style.float="left";
        document.getElementById("stirlingText").style.fontSize="12";
        document.getElementById("stirlingText").style.wordWrap="break";


    }
    </script>

</head>

<body>

<header>
    <h1>Scotland's Castles</h1>
</header>

<div>
    <img  src="textButton.png" style="margin-right:30px" onclick="textVersion()">
    <img src="photoButton.png" onclick="photoVersion()">
</div>

<main>

    <section id="edinburghSection">
        <img id="edinburghImage" src="edinburghCastle.jpg">
        <h2 id="edinburghHeading">Edinburgh Castle</h2>
        <p id="edinburghText">Edinburgh Castle is a historic fortress which dominates Edinburgh's skyline from the Castle Rock. The rock has been occupied since at least the Iron Age and there has been a royal castle on the rock since the 12th century.  The site was a royal residence until 1633. <br><br>
        As one of the most important strongholds in Scotland, Edinburgh Castle was involved in many conflicts (it's been under seige 26 times) from the Wars of Scottish Independence to the Jacobite rebellion.<br><br>
        Few of the present buildings pre-date the 16th century, when the medieval defences were largely destroyed by artillery bombardment. The most notable exceptions are St Margaret's Chapel from the early 12th century, which is regarded as the oldest building in Edinburgh, the Royal Palace and the early-16th-century Great Hall.<br><br>
        The British Army is still responsible for some parts of the castle, although its presence is now largely ceremonial. Some of the castle buildings house regimental museums which contribute to its presentation as a tourist attraction.<br><br>
        The castle, in the care of Historic Scotland, is Scotland's most-visited paid tourist attraction, with over 2 million visitors in 2017.</p>
    </section>

    <section id="stirlingSection">
        <img id="stirlingImage" src="stirlingCastle.jpg">
        <h2 id="stirlingHeading">Stirling Castle</h2>
        <p id="stirlingText">Stirling Castle is one of the largest castles in Scotland.  Sitting atop Castle Hill, it is important both historically and architecturally. It is surrounded on three sides by steep cliffs, giving it a strong defensive position guarding the farthest downstream crossing of the River Forth.  This made it an important fortification in the region from the earliest times.<br><br>
        Most of the principal buildings of the castle date from the fifteenth and sixteenth centuries. A few structures of the fourteenth century remain, while the outer defences fronting the town date from the early eighteenth century.<br><br>
        Before the union with England, Stirling Castle was also one of the most used Scottish royal residences, very much a palace as well as a fortress. Several Scottish Kings and Queens have been crowned at Stirling, including Mary, Queen of Scots, in 1542, and others were born or died there.<br><br>
        There have been around eight sieges of Stirling Castle, including several during the Wars of Scottish Independence, with the last being in 1746, when Bonnie Prince Charlie unsuccessfully tried to take the castle. Stirling Castle is a Scheduled Ancient Monument, and is now a tourist attraction managed by Historic Environment Scotland.</p>
    </section>

</main>

<footer>
    <p>To add a book request email: tommybaker@qualscothr.org.uk</p>
</footer>

</body>
</html>