Untitled

<!doctype html>

<html lang="en">
<head>

    <title>Welcome to Austin.com!</title>

    <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</head>

<body>

<div class="container">
    <!--Container for all content to be displayed-->


    <div class="page-header">

            </div>

            <div class = "row">
            <div class = "col-xs-12">

            </div>
            </div>
            </div>

            <!-- Header -->
            <h1>Home Page</h1>

            <div class = "navbar navbar-inverse">


                <div class = "row">

                <div class = "col-xs-12">

                </div>

                </div>

                <div>
            <!-- Container for all content to be displayed-->
                </div>
                        <div>
                            <!-- Menu -->
                         <div class="container-fluid">
                         <ul class = "nav nav-pills">
                            <li class= "active"><a href = "MOSTRECENT.html"><span class = "glyphicon glyphicon-home"></span> &nbsp;&nbsp; Home </a></li>
                            <li><a href = "HW5tab1.html"><span class= "glyphicon hlyphicon-book"></span>About Me</a></li>
                            <li><a href = "HW5NEWTAB2.html"><span class= "glyphicon hlyphicon-signal"></span>Interesting Facts</a></li>
                         </ul>
                         </div>
                        </div>


</div> <!-- Ending Div-->

        <div>
        <div class="row">
            <div class = "col-sm-9 col-xs-12"></div>

        <!--- Main Content -->
            <p>
                This guy is outstanding!
            </p>
            <img src= "http://www.newsmax.com/Newsmax/files/fc/fc8a3eb0-400c-44d9-9378-d95b7a2e94ac.jpg" alt = "This is my favorite picture." />
        </div>
        </div>
            </div>
        <div class = "col-sm-3 col-xs-12">

            <!---Side Content -->
            <div class = "panel panel-default">
                <div class = "panel-heading">
                    This link will direct you to information about me.
                </div>
            </div>
                <div class= "panel-body">
                Austin is a nice guy!
                </div>
        </div>
        <div>

           <div class = "row">

        <!-- Footer -->
        <div class = "panel panel-default">
            <div class="panel-body">
                Call me @ 999-999-9999
            </div>
        </div>
        </div>
    </div>
    <!-- Insert your content here -->
</body>
</html>