Untitled

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@{
    Layout = null;
    var home = CurrentPage.Parent();
}
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="google-site-verification" content="eI38_wxThZBOYuSWVzhSbnqVDxaVogvkBCGez8DSWKU">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="robots" content="noodp,noydir">
    <meta name="description" content="We create tomorrow’s digital services and products.">
    <title>Our services</title>
    <!--[if lt IE 9]>
    <SCRIPT LANGUAGE="javascript">
    location.href="http://beta.screeninteraction.com/legacy";
    </SCRIPT>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="/css/custom.css">
    <link rel="stylesheet" type="text/css" href="/css/main.min.css">
    <script type="text/javascript" async="" src="http://www.google-analytics.com/plugins/ua/linkid.js"></script>
    <script async="" src="//www.google-analytics.com/analytics.js"></script>
    <script type="text/javascript" async="" src="http://cdn.userecho.com/js/widget-1.4.gz.js"></script>
    <script>
        var baseurl = "http://beta.screeninteraction.com/";
        var lang = "en";
        var debug = "false";
    </script>

    <meta class="foundation-data-attribute-namespace">
    <meta class="foundation-mq-xxlarge">
    <meta class="foundation-mq-xlarge-only">
    <meta class="foundation-mq-xlarge">
    <meta class="foundation-mq-large-only">
    <meta class="foundation-mq-large">
    <meta class="foundation-mq-medium-only">
    <meta class="foundation-mq-medium">
    <meta class="foundation-mq-small-only">
    <meta class="foundation-mq-small">
    <style></style>
    <style type="text/css"></style>
    <meta class="foundation-mq-topbar">
</head>
<body id="services">

    <div class="mobile-topbar show-for-small" id="mobile-menu-button">
        <i class="icon-logo"></i>
    </div>
    <nav class="show-for-small" id="mobile-menu">
        <a href="/">Home</a>
        @{ Html.RenderPartial("MainNavigation"); }
        <a href="http://jobs.screeninteraction.com/">Jobs</a>
        <hr>
        <a href="http://beta.screeninteraction.com/sv/services/index.html">Svenska</a>
        <a href="#search-container" class="collapse-toggle" data-target="#search-container">Search</a>
        <a href="http://beta.screeninteraction.com/press">Press</a>
    </nav>
    <div class="topbar hide-for-small lang-bar">
        <div class="row">
            <div class="large-12 columns">
                <p class="language">

                </p>
                <p class="press"></p>
            </div>
        </div>
    </div>
    <div class="menubar-placeholder" style="height: 60px; display: none;"></div>
    <div class="menubar hide-for-small">
        <nav class="row">
            <div class="column">
                <div class="logo-container">
                    <a href="@home.Url" class="icon-logo"></a>
                </div>
                @{ Html.RenderPartial("MainNavigation"); }
                <a href="http://jobs.screeninteraction.com/">Jobs</a>
            </div>
        </nav>
        <hr class="row">
    </div>
    <div class="wrapper spacer-top">
        <div class="row">
            <div class="large-12 columns">
                <hr>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="row">
            <div class="column">
                <h1>Our services</h1>
            </div>
        </div>
        <div class="wrapper">
            <div class="row">
                <div class="column testar-js">

                </div>

            </div>
            <div class="row">
                <div class="image-container-for-services" style='margin-bottom:2rem; background-image:Url("@CurrentPage.GetCropUrl("imageForFirstService", "ImageForServices")"); opacity:0.8;'>
                    <div class="column medium-12">
                            <h1 class="text-for-service-image" style='color:@Umbraco.Field("servicesColorInImage");'>
								@Umbraco.Field("forstaServiceBlocketHeadline")
							</h1>

                    </div>
                </div>
            </div>
            <div class="row">
                @CurrentPage.GetGridHtml("content")
            </div>
        </div>

<div style="background:#ececec;">
        <div class="grayson">

            <div class="row">
                <div class="image-container-for-services" style='margin-top:2em; margin-bottom:1em; background-image:Url("@CurrentPage.GetCropUrl("ImageForSecondService", "ImageForServices")"); opacity:0.8;'>
                    <div class="column medium-12">
                            <h1 class="text-for-service-image" style='color:@Umbraco.Field("servicesColorInImage");'>
								@Umbraco.Field("andraServiceBlocketHeadline")
							</h1>


                    </div>
                </div>
            </div>
        </div>
        <div class="row check-if-2-column">
            @CurrentPage.GetGridHtml("test")
        </div>
			</div>
        <div class="wrapper">
            <div class="row">
                <div class="column testar-js">

                </div>

            </div>
            <div class="row">
                <div class="image-container-for-services" style='background-image:Url("@CurrentPage.GetCropUrl("ImageForFirstServiceThird", "ImageForServices")"); opacity:0.8;'>
                    <div class="column medium-12">
                            <h1 class="text-for-service-image" style='color:@Umbraco.Field("servicesColorInImage");'>
								@Umbraco.Field("tredjrServiceBlocketHeadline")
							</h1>

                    </div>
                </div>
            </div>
            <div class="row">
                @CurrentPage.GetGridHtml("LastGrisPage")
            </div>
        </div>
        @{ Html.RenderPartial("BottomNavigation"); }

        @Scripts.Render("~/bundles/javascripts")
		<script src="~/scripts/custom.js"></script>

        <!-- Google Analytics -->
        <script>
            (function (i, s, o, g, r, a, m) {
                i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
                    (i[r].q = i[r].q || []).push(arguments)
                }, i[r].l = 1 * new Date(); a = s.createElement(o),
                m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
            })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

            ga('create', 'UA-9653495-1', 'auto');
            ga('require', 'linkid', 'linkid.js');
            ga('send', 'pageview');
        </script>
        <!-- End Google Analytics -->
</body>
</html>