maxamillion40 blog theme idea

by Josh Pullen

HTML

<div class="headerWrap">
    <div class="header">
        <h1>Welcome to my Blog!</h1>
        <h2>Something cool about your blog goes here.</h2>
    </div>
</div>
<div class="content">
    <h2>I will try to update this as much as possible.</h2>
    <br>
    <div class="post">
        <h3>First Post! November 9, 2014</h3>
        <p>Well this is my first post. I will just tell you some stuff about me. I live in the US, I am in Middle School, I have OCD and a big ego, I hate to be in the spotlight, and I would love to hear from you!
Post on my <a href="http://scratch.mit.edu/users/-PRO-/">Scratch profile</a>. I like Math, Science, Technology, Rocky Balboa, Hockey, Running, Golf and Programming. I think that is all I have to say for now.
See you next time! Bible Verse: Romans 8:39- Nothing will ever be able to separate us from the love of God demonstrated by our Lord Jesus Christ when he died for us. </p>
    </div>
    <div class="post">
        <h3>First Post! November 9, 2014</h3>
        <p>Well this is my first post. I will just tell you some stuff about me. I live in the US, I am in Middle School, I have OCD and a big ego, I hate to be in the spotlight, and I would love to hear from you!
Post on my <a href="http://scratch.mit.edu/users/-PRO-/">Scratch profile</a>. I like Math, Science, Technology, Rocky Balboa, Hockey, Running, Golf and Programming. I think that is all I have to say for now.
See you next time! Bible Verse: Romans 8:39- Nothing will ever be able to separate us from the love of God demonstrated by our Lord Jesus Christ when he died for us. </p>
    </div>
</div>

CSS

/* Color scheme (from Google's Material Design):

    White - #fff
    Blue 50 - #E3F2FD
    Blue 700 - #1976D2
    Blue 900 - #0D47A1
    Light Gray - #eee;

Material Design color palette: http://www.google.com/design/spec/style/color.html#color-color-palette
*/
@import url(http://fonts.googleapis.com/css?family=Roboto:500,700,400);

* {
    margin:0px;
    padding:0px;
}
.headerWrap {
    background:#1976D2;
    padding:50px;
    color:white;
    font-family: 'Roboto', sans-serif;
}
.header h1 {
    text-shadow:2px 2px 1px #0D47A1;
}
.header h2 {
    text-shadow:1px 1px 1px #0D47A1;
    font-size:18px;
    color:#E3F2FD;
}
.content {
    width:calc(100% - 100px);
    max-width:900px;
    padding:20px 50px;
    margin:0 auto;
}
.post {
    background:#eee;
    margin:-15px;
    padding:15px;
    border-radius:4px;
    margin-bottom:35px;
}