MVP Part 4 - Header

footer.cshtml

<section id="footer" class="container-fluid">
    <div class="row">
        <div class="col-md-4">
            <h4>Did you know I freelance?</h4>
            <p>
                While it's true I have a day job, I do spend a fair amount of time helping agencies, businesses and individuals complete their work and marketing goals in a timely manner. Find out more of how <a href="/about">I can help you</a>.
            </p>
        </div>
        <div class="col-md-4">

        </div>
        <div class="col-md-4">
            <h4>Connect With Me!</h4>
            <p>You can follow me, connect with me or discover my work at:</p>
            <ul class="list-unstyled list-inline social-icons">
                <li><a target="_blank" href="https://twitter.com/kevingiszewski"><i class="fa fa-twitter"></i></a></li>
                <li><a target="_blank" href="https://github.com/kgiszewski"><i class="fa fa-github"></i></a></li>
                <li><a target="_blank" href="https://www.youtube.com/c/KevinGiszewski42"><i class="fa fa-youtube"></i></a></li>
                <li><a target="_blank" href="https://www.linkedin.com/in/kevin-giszewski-b7000635"><i class="fa fa-linkedin"></i></a></li>
                <li><a target="_blank" href="https://our.umbraco.org/member/51046"><img src="/umbraco/assets/img/application/logo.png" /></a></li>
                <li><a target="_blank" href="http://www.dreamstime.com/kgiszewski_info"><img src="/assets/images/dreamstime.png" /></a></li>
                <li><a href="/contact"><i class="fa fa-envelope"></i></a></li>
                <li><a href="/slack"><i class="fa fa-slack"></i></a></li>
            </ul>
        </div>
    </div>
</section>

<section id="copyright" class="container-fluid text-center">
    Copyright &copy; @DateTime.UtcNow.Year <a href="/about">Kevin Giszewski</a> LLC
</section>

header.cshtml

@{
    var keywordsQuery = HttpContext.Current.Request["q"];
}
<section id="header" class="container-fluid">
    <div class="col-md-6 masthead">
        <h1><a href="/">Kevin Giszewski</a></h1>
        <p>Web Developer, Blogger, Freelancer, Filmmaker, Father</p>
    </div>
    <div class="col-md-6 not-masthead">
        <form class="navbar-form pull-right" role="search" action="/search" method="GET">
            <div class="input-group">
                <input type="text" class="form-control" placeholder="Search" name="q" id="keywords" value="@keywordsQuery">
                <div class="input-group-btn">
                    <button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
                    <input type="submit" style="display:none" />
                </div>
            </div>
        </form>
    </div>
</section>