contact.html

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title>Patrick Yoho - Contact</title>
        
        <link rel="stylesheet" type="text/css" href="./css/style.css">
        <style>
        
            body {
                background-color:rgb(235, 242, 255);
            }
            #main {
                /*background-color:rgb(61, 177, 255);*/
            }
            #footer {
                background-color:gray;
            }
            
            body {
                text-align: center;
                background: url("http://i.imgur.com/Lf8AAmP.jpg");
                background-size: cover;
                background-position: center center;
                background-repeat: no-repeat;
                background-attachment: fixed;
                color: white;
                font-family: Helvetica;
            }
            
            p {
                font-size: 24px;
            }
            
            input {
                border: 0;  
                padding: 12px;
                font-size: 18px;
            }
            input[type="submit"] {
                background: limegreen;
                color: black;
            }
        </style>
    </head>
    <body>
        <div class="navbar">
            <ul class="navigation">
                <li><a href="./index.html">Home</a></li>
                <li class="active"><a href="./contact.html">Contact</a></a></li>
                <li><a href="">About</a></li>
                <li><a href="portfolio.html">Portfolio</a></li>
                <li><a href="">Social Media</a></li>
                <li><a href="./blog.html">Blog</a></li>
            </ul>
        </div>
        
        <div id="main">
            <!-- I'm a comment. You won't actually see me on the web page.
         You should write your header in the line below me! -->

        <img src="./img/contact/patrick.jpg" height="250" width="250">
    
        
        <p>Hi, I am a founding teacher at Alpha Cindy Avitia High School in San
        Jose, CA. You can go ahead and get in touch with me using the buttons below!</p>
        
        <p>
            <a href="mailto:pyoho@alphapublicschools.org?Subject=I%20saw%20your%website" target="_top">Send Email to pyoho@alphapublicschools.org</a>
        </p>
        <a href="https://twitter.com/intent/tweet?screen_name=MrYoho" class="twitter-mention-button" data-related="MrYoho">Tweet to @MrYoho</a>
        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
        
        <!--
        <input type="email" placeholder="Your email">
        <input type="submit">
        -->
        </div>
    </body>
</html>    