<!DOCTYPE html>
<html lang="en">
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Nick Browne - Web developer in Nottingham</title>
        
        <link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' type='text/css'>
        <link rel='stylesheet' href='http://nick.squdge.me/wp-content/themes/nickbrowne/font-awesome/css/font-awesome.min.css'>
        <link rel="stylesheet" href="http://nick.squdge.me/wp-content/themes/nickbrowne/style.css">
        
        <script src="http://nick.squdge.me/wp-content/themes/nickbrowne/js/jquery-1.11.3.min.js"></script>
        <script src="http://nick.squdge.me/wp-content/themes/nickbrowne/js/jquery.mixitup.js"></script>
        <script src="http://nick.squdge.me/wp-content/themes/nickbrowne/js/nickbrowne.js"></script>
    </head>
    <body>
        <header>
            <nav>
                <a class="title" href="http://nick.squdge.me">
                    <h1>nick<span>browne</span></h1>
                    <h4>Web developer in Nottingham</h4>
                </div>
                <ul class="navigation">
                    <li><a href="http://nick.squdge.me/contact/">Contact</a></li>
                </ul>
            </nav>
        </header>    <div class="intro">
            <div class="intro__container">
                <div class="intro__left">
                    <h1 class="intro__left__hello">Hello world!</h1>
                    <h3 class="intro__left__text">My name is Nick Browne and I am a Web Developer in Nottingham. I enjoy building a variety of websites both backend and frontend in PHP or C#.</h2>
                    <a href="http://nick.squdge.me/wp-content/themes/nickbrownecv.pdf" class="button" target="_blank">View my CV <i class="fa fa-file-pdf-o"></i></a>
                </div>
                <div class="intro__right">
                    <img src="http://nick.squdge.me/wp-content/themes/nickbrowne/images/me.JPG" al="A picture of nick browne" />
                </div>
            </div>
        </div>
        
        <div class="buffer" style="display: none;"></div>
        <div id="Container" class="portfolio">
            <h1>Some of my most recent work</h1>
            <p class="align-center">You can use the filter below to find a project based upon the technology applied to it.</p>
            <ul class="portfolio__filter">
                <li class="highlight"><a class="filter" data-filter=".category-all">All</a></li>
                <li><a class="filter" data-filter=".category-aspnet" data-highlight="aspnet">ASP.NET</a></li>
                <li><a class="filter" data-filter=".category-csharp" data-highlight="csharp">C#</a></li>
                <li><a class="filter" data-filter=".category-php" data-highlight="php">PHP</a></li>
                <li><a class="filter" data-filter=".category-rwd" data-highlight="rwd">Responsive</a></li>
                <li><a class="filter" data-filter=".category-sql" data-highlight="sql">SQL</a></li>
                <li><a class="filter" data-filter=".category-wordpress" data-highlight="wordpress">WordPress</a></li>
                <li><a class="filter" data-filter=".category-js" data-highlight="js">Javascript</a></li>
            </ul>
            
            <article class="mix category-all category-aspnet category-csharp category-rwd category-sql category-js" data-my-order="1">
                <div class="portfolio__item">
                    <div class="portfolio__item--image">
                        <a href="http://www.wnc.ac.uk" target="_blank">
                            <img src="http://nick.squdge.me/wp-content/themes/nickbrowne/images/wnc_home.jpg" alt="Homepage of wnc.ac.uk" />
                        </a>
                    </div>
                    <div class="portfolio__item--text">
                        <a class="url" href="http://www.wnc.ac.uk" target="_blank"><span class="title">Vision West Nottinghamshire College</span>
                        wnc.ac.uk</a>
                        <p>The main website for Vision West Nottinghamshire College, through this students can find out about courses and enrol. It's responsive functionality is powered by PureCSS.</p>
                        <ul class="labels">
                            <li class="highlight-aspnet">ASP.NET WebForms</li>
                            <li class="highlight-csharp">C#</li>
                            <li class="highlight-sql">Microsoft SQL</li>
                            <li class="highlight-rwd">Responsive - PureCSS</li>
                            <li class="highlight-js">Javascript &amp; jQuery</li>
                        </ul>
                    </div>
                </div>
            </article>
            
            <article class="mix category-all category-wordpress category-sql category-php category-rwd category-js" data-my-order="2">
                <div class="portfolio__item">
                    <div class="portfolio__item--image">
                        <a href="http://www.iamtomlewis.co.uk" target="_blank">
                            <img src="http://nick.squdge.me/wp-content/themes/nickbrowne/images/iamtomlewis_home.jpg" alt="Homepage of iamtomlewis.co.uk" />
                        </a>
                    </div>
                    <div class="portfolio__item--text">
                        <a class="url" href="http://www.iamtomlewis.co.uk" target="_blank"><span class="title">I am Tom Lewis</span>
                        iamtomlewis.co.uk</a>
                        <p>Tom Lewis is a website and print designer, this is his personal portfolio. It features its own custom built theme and plugins. It's responsive functionality is powered by PureCSS.</p>
                        <ul class="labels">
                            <li class="highlight-wordpress">WordPress</li>
                            <li class="highlight-sql">MySQL</li>
                            <li class="highlight-php">PHP</li>
                            <li class="highlight-rwd">Responsive - PureCSS</li>
                            <li class="highlight-js">Javascript &amp; jQuery</li>
                        </ul>
                    </div>
                </div>
            </article>
            
            <article class="mix category-all category-aspnet category-csharp category-rwd category-sql category-js" data-my-order="3">
                <div class="portfolio__item">
                    <div class="portfolio__item--image">
                        <a href="http://www.visionstudioschool.co.uk/" target="_blank">
                            <img src="http://nick.squdge.me/wp-content/themes/nickbrowne/images/vision_home.jpg" alt="Homepage of visionstudioschool.co.uk" />
                        </a>
                    </div>
                    <div class="portfolio__item--text">
                        <a class="url" href="http://www.visionstudioschool.co.uk/" target="_blank"><span class="title">Vision Studio School</span>
                        visionstudioschool.co.uk</a>
                        <p>The main website for a studio school which Vision West Nottinghamshire college set up. It's responsive functionality is powered by Bootstrap.</p>
                        <ul class="labels">
                            <li class="highlight-aspnet">ASP.NET WebForms</li>
                            <li class="highlight-csharp">C#</li>
                            <li class="highlight-sql">Microsoft SQL</li>
                            <li class="highlight-rwd">Responsive - Bootstrap</li>
                            <li class="highlight-js">Javascript &amp; jQuery</li>
                        </ul>
                    </div>
                </div>
            </article>
            
            <article class="mix category-all category-aspnet category-csharp category-sql category-wordpress category-php" data-my-order="4">
                <div class="portfolio__item">
                    <div class="portfolio__item--image">
                        <a href="http://www.visionapprentices.co.uk/" target="_blank">
                            <img src="http://nick.squdge.me/wp-content/themes/nickbrowne/images/va_home.jpg" alt="Homepage of visionapprentices.co.uk" />
                        </a>
                    </div>
                    <div class="portfolio__item--text">
                        <a class="url" href="http://www.visionapprentices.co.uk/" target="_blank"><span class="title">Vision Apprentices</span>
                        visionapprentices.co.uk</a>
                        <p>Vision Apprentices advertises Apprenticeships, this website connects to another database which is managed by BKSB and also features a wordpress blog which discusses apprentices.</p>
                        <ul class="labels">
                            <li class="highlight-aspnet">ASP.NET WebForms</li>
                            <li class="highlight-csharp">C#</li>
                            <li class="highlight-sql">Microsoft SQL</li>
                            <li class="highlight-wordpress">WordPress</li>
                            <li class="highlight-php">PHP</li>
                        </ul>
                    </div>
                </div>
            </article>
            
        </div>  
        <footer>
            <div class="footer">
                <div class="footer__left">
                    &copy; 2015 - Nick Browne
                </div>
                <div class="footer__right">
                    <a class="fa fa-linkedin" href="https://www.linkedin.com/profile/view?id=227489093" target="_blank"></a>
                </div>
            </div>
        </footer>
    </body>
</html>