Untitled

@inherits Umbraco.Web.Mvc.UmbracoTemplatePage
@{
    Layout = null;
    var home = @CurrentPage.Parent.Site();
}
<html lang="en">
<head>
    <script type="text/javascript" async="" src="http://www.google-analytics.com/plugins/ua/linkid.js"></script>
    <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>About Screen Interaction</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 href="/css/main.min.css" rel="stylesheet" />

    <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="about" class="">
    <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">

        @{ Html.RenderPartial("MainNavigation"); }
        <a href="/">Home</a>
        <a href="http://jobs.screeninteraction.com/">Jobs</a>
        <hr>


        <a href="http://beta.screeninteraction.com/sv/about/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>

    <!-- ------------------------------------------------------------------------------------------------------------------------------------
                Detta är bilden för beskrivning av SI
    ------------------------------------------------------------------------------------------------------------------------------------  -->
    <div class="wrapper stats">
        <div class="row">
            @if (CurrentPage.imageoffice != null && !(CurrentPage.imageoffice is Umbraco.Core.Dynamics.DynamicNull))
            {
                var m = Umbraco.Media(CurrentPage.imageoffice);

                <img src='@m.Url' />

            }
        </div>
    </div>
    <div class="wrapper spacer">
        <div class="row">
            <div class="large-12 columns">
                <hr>
            </div>
        </div>
    </div>
    <!-- ------------------------------------------------------------------------------------------------------------------------------------
            Detta är de 2 första columnerna efter bilden
    ------------------------------------------------------------------------------------------------------------------------------------  -->
    <div class="wrapper about-us">
        <div class="row">
            <div class="large-6 columns">
                <p>@Umbraco.Field("textfirstcolumn")</p>
            </div>
            <div class="large-6 columns">
                <p>@Umbraco.Field("textsecondcolumn")</p>
            </div>
        </div>
    </div>
    <!-- ------------------------------------------------------------------------------------------------------------------------------------
        Er Process
    ------------------------------------------------------------------------------------------------------------------------------------  -->
    <div class="wrapper how-we-work">
        <div class="row">
            <div class="large-12 columns">

                <!--HeadlineText till bilden för er Process -->
                <h2>@Umbraco.Field("headerbollar")</h2>
            </div>

            <!--Er bild på Process -->
            <ul class="large-block-grid-5">
                @if (CurrentPage.imageprocess != null && !(CurrentPage.imageprocess is Umbraco.Core.Dynamics.DynamicNull))
                {
                    var m = Umbraco.Media(CurrentPage.imageprocess);

                    <img src='@m.Url' />

                }
            </ul>
            <div class="large-12 large-centered columns text-center">
                <p>@Umbraco.Field("processtext")</p>
            </div>
        </div>

        <!-- ------------------------------------------------------------------------------------------------------------------------------------
                    Detta block är för kontakter
        ------------------------------------------------------------------------------------------------------------------------------------  -->
    </div><div id="contact">
        <div class="contact">
            <div class="wrapper events">

                <div class="row">
                    <div class="large-12 columns">
                        <h2>@Umbraco.Field("headergrey")</h2>
                    </div>
                    <div class="wrapper contacts">
                        <div class="row">
                            <div class="large-3 small-6 columns">
                                <div>
                                    <div class="row contact">
                                        <div class="large-12 columns image">
                                            <div class="placeholder">@Umbraco.Field("textinsideredcontact")</div>
                                        </div>
                                        <div class="large-12 columns info">
                                            <p class="name">@Umbraco.Field("textredboxcontact")</p>
                                            <p class="title">@Umbraco.Field("smalltextredboxcontact")</p>
                                            <p class="phone"><a href='@Umbraco.Field("emailboxcontact")'>Email us</a> / @Umbraco.Field("numberredboxcontact")</p>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            @{
                                var selection = CurrentPage.Site().FirstChild("About").FirstChild("ContactsRepository").Children("Contact").Where("Visible").OrderBy("Name");
                            }
                            @foreach (var item in selection)
                            {
                                <div class="large-3 small-6 columns">
                                    <div itemscope="" itemtype="http://schema.org/Person">
                                        <div class="row contact">
                                            <div class="large-12 columns image">
                                                @if (@item.contactimage != null && !(@item.contactimage is Umbraco.Core.Dynamics.DynamicNull))
                                                {
                                                    var im = Umbraco.Media(@item.contactimage);

                                                    <div class="lotta" style="background-image:Url(@im.Url)">
                                                    </div>

                                                }

                                            </div>
                                            <div class="large-12 columns info">
                                                <p class="name" itemprop="name">@item.contactname</p>
                                                <p class="title" itemprop="jobTitle">@item.contactposition</p>
                                                <p class="phone"><a href="@item.contactemail" itemprop="email">Email me</a> / <span itemprop="telephone">@item.contactnumber</span></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                            }

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- ------------------------------------------------------------------------------------------------------------------------------------
                    Bild och quote för en anställd
        ------------------------------------------------------------------------------------------------------------------------------------  -->
        <div class="wrapper employee-highlight-temp">
            <div class="row">
                <div class="large-3 large-offset-1 columns imageColumn">
                    <div class="imageContainer">
                        <div class="dummy"></div>
                        @if (CurrentPage.imagequote != null && !(CurrentPage.imagequote is Umbraco.Core.Dynamics.DynamicNull))
                        {
                            var m = Umbraco.Media(CurrentPage.imagequote);

                            <div class="image" style="background-image:Url('@m.Url')">
                            </div>
                        }
                    </div>
                </div>
                <div class="large-7 columns quoteColumn">
                    <p class="quote">
                        @Umbraco.Field("quotetoimage")
                </p>
                <p class="cite">
                    ― @Umbraco.Field("nametoquote")
                </p>
            </div>
        </div>
    </div>
    <!-- ------------------------------------------------------------------------------------------------------------------------------------
                Detta är linjen som ger lite avstånd
    ------------------------------------------------------------------------------------------------------------------------------------  -->
    <div class="wrapper spacer">
        <div class="row">
			<h2 style="margin-top:2em;">@Umbraco.Field("titleToImages")</h2>
            <div class="large-12 columns">
                <hr>
            </div>
        </div>
    </div>
    <!-- ------------------------------------------------------------------------------------------------------------------------------------
                bilder och text för ett evente hos er
    ------------------------------------------------------------------------------------------------------------------------------------  -->
    <div class="wrapper snapshots">
        <div class="row">
            <div class="large-6 columns">
				@if (CurrentPage.eventImage1 != null && !(CurrentPage.eventImage1 is Umbraco.Core.Dynamics.DynamicNull))
                        {
                            <img class="first-2-images-about" src=@Umbraco.Media(CurrentPage.eventImage1).Url>
                        }
			</div>
            <div class="large-6 columns">
				@if (CurrentPage.eventImage2 != null && !(CurrentPage.eventImage2 is Umbraco.Core.Dynamics.DynamicNull))
                        {
                            <img class="first-2-images-about" src=@Umbraco.Media(CurrentPage.eventImage2).Url>
						}
			</div>
            <div class="large-12 columns">

				@if (CurrentPage.eventImage3 != null && !(CurrentPage.eventImage3 is Umbraco.Core.Dynamics.DynamicNull))
                        {
                            <img class="third-image-about" src=@Umbraco.Media(CurrentPage.eventImage3).Url>
                        }

			</div>
            <div class="large-6 columns">
                <div class="row">
                    <div class="large-12 columns">
                        <div class="project-day" style="background-color:#fff !important;">
                            <h3>@Umbraco.Field("eventheadline")</h3>
                            <p>@Umbraco.Field("eventtext")</p>
                        </div>
                    </div>
                    <div class="large-12 columns">
						@if (CurrentPage.eventImage4 != null && !(CurrentPage.eventImage4 is Umbraco.Core.Dynamics.DynamicNull))
                        {
                            <img class="fourth-image-about" src=@Umbraco.Media(CurrentPage.eventImage4).Url>
                        }
					</div>
                    <div class="large-12 columns">

						@if (CurrentPage.eventImage5 != null && !(CurrentPage.eventImage5 is Umbraco.Core.Dynamics.DynamicNull))
                      	  {
                      	      <img class="fifth-image-about" src=@Umbraco.Media(CurrentPage.eventImage5).Url>
                     	   }

					</div>
                </div>
            </div>
            <div class="large-6 columns">
                <div class="row">
                    <div class="large-12 columns">
						@if (CurrentPage.eventImage6 != null && !(CurrentPage.eventImage6 is Umbraco.Core.Dynamics.DynamicNull))
                        {
                            <img class="sixth-image-about" src=@Umbraco.Media(CurrentPage.eventImage6).Url>
                        }
					</div>
                    <div class="large-12 columns">
						@if (CurrentPage.eventImage7 != null && !(CurrentPage.eventImage7 is Umbraco.Core.Dynamics.DynamicNull))
                        {
                            <img class="seventh-image-about" src=@Umbraco.Media(CurrentPage.eventImage7).Url>
                        }
					</div>
                </div>
            </div>
        </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>