Untitled

<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="description" content="Student Website of Anon">
        <meta name="keywords" content="website, HTML5, HTML, student">
        <meta name="author" content="Anon">

        <title>Anon</title>

        <!-- CSS -->
        <style>
            * {
                font-family: Georgia, Arial, Verdana, "Times New Roman";
            }
            body {
                background-color: #00FFFF;
            }
            #divPhotoOne {

                margin-left: auto; /* This sets the image to */
                margin-right: auto; /* The centre of the page. */
                width: 300px;
                height: 300px;
                border: 15px solid gray;
                border-radius: 12px;
            }
            #myName {
                text-align: center;
                font-size: 2.5em; /* 2.5em = 40px */
                color: #FF00FF;
            }
            #myNumber {
                text-align: center;
                font-size: 40px; /* 40px = 2.5em */
                color: #FF00FF;
            }
            #firstHeader {
                font-size: 21px;
                color: #FF00FF;
                text-decoration: underline;
            }
            #firstPara {
                font-size: 21px;
                text-indent: 40px;
            }
            #secondHeader {
                font-size: 21px;
                color: #FF00FF;
                text-decoration: underline;
            }
            #secondPara {
                font-size: 21px;
                text-indent: 40px;
            }
            #divPhotoTwo {
                margin-right: 0;
                margin-left: auto;
                width: 232px;
                height: 150px;
                border: 5px solid gray;
                border-radius: 12px;
            }
            #bottomToTop {
                font-size: 12px;
        </style>
    </head>
    <body>
        <a id="anchorTop"></a>
        <br>
        <div id=divPhotoOne>
            <img src="assets/img/face.jpg" alt="Photo One">
        </div>
        <h1 id="myName"> Text </h1>
        <h1 id="myNumber"> Text </h1>

        <h2 id="firstHeader"> Text </h2>
        <p id="firstPara">
            text
            <br>text
        </p>

        <br><h2 id="secondHeader"> Text </h2>
        <p id="secondPara">
            text
            <br>text
        </p>

        <div id=divPhotoTwo>
            <img src="assets/img/logo-2.jpg" alt="Photo Two">
        </div>

        <p id="htmlSiteLink">
            <a href="http://www.w3schools.com/"> Click here </a> for more information on HTML, CSS, and JavaScript used in this webpage.
        </p>
        <br><p id="bottomToTop"> <a href="#anchorTop">Click here</a> to return to the beginning of the page. </p>

        <!-- JavaScript -->
        <script>

        </script>
    </body>
</html>