MIUN - Design Library

Preview Block 

<!DOCTYPE html>
<html lang="sv" xml:lang="sv" xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width&#x3D;device-width, initial-scale&#x3D;1.0">
    <meta http-equiv="X-UA-Compatible" content="ie&#x3D;edge">
    <meta name="pageId" content="5">
    <meta name="referrer" content="no-referrer">
    <meta property="og:title" content="Forskningscentrum">
    <meta property="og:url" content="/">
    <meta property="og:image" content="https://www.miun.se/imagevault/publishedmedia/ydiqkye605zz31wrrhea/517.jpg">
    <meta property="og:image:height" content="315">
    <meta property="og:image:width" content="600">
    <meta property="og:description" content="Mittuniversitetet har åtta olika forskningscentrum.">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="#ffffff">
    <meta name="apple-mobile-web-app-title" content="Miun PWA">
    <meta name="theme-color" content="#ffffff">
    <meta name="msapplication-TileImage" content="/globalassets/pwa/android-chrome-512x512.png">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="keywords" content="Utbildning,terminstider,terminstid">
    <meta name="robots" content="nofollow">
    <meta name="author" content="Anders Mossing">
    <meta name="description" content="En lång beskrivning av sidan">
    <script>
        (function(w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({
                'gtm.start': new Date().getTime(),
                event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s),
                dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-XXXXXXX');
    </script>
    <script type="text/javascript">
        window.rsConf = {
            googletranslate: {
                en: 'en_uk',
                nl: 'nl_nl',
                sv: 'sv_se',
                is: 'is_is',
                pt: 'pt_pt',
                ru: 'ru_ru',
                tr: 'tr_tr',
                el: 'el_gr',
                fa: 'fa_ir',
                de: 'de_de',
                'zh-CN': 'zh_cn'
            }
        };
    </script>

    <title>Miuns Hemsida</title>

    <meta name="test" content="woot">
    <meta name="test2" content="woot2">

    <link rel="stylesheet" href='/css/app.css'>
    <link rel="stylesheet" href='/css/vendors/jquery.fancybox.min.css'>
    <link rel="stylesheet" href='/css/vendors/prettydropdowns.css'>
    <link rel="stylesheet" href='/css/vendors/simplebar.css'>

</head>

<body>
    <div id="app">
        <a href="#main" class="skip-link">Hoppa till innehållet</a>
        <header class="main-header d-flex flex-row align-items-center">
            <div class="wrapper d-flex flex-row justify-content-between align-items-center">
                <nav class="m-left d-flex flex-row align-items-center" id="main-navigation" aria-label="primary">
                    <a href="/open-menu" class="m-link d-flex flex-row align-items-center m-hamburger">
                        <i class="material-icons">menu</i>
                        <span>Meny</span>
                    </a>
                </nav>
                <div class="m-center">
                    <a href="/" id="logo" title="MIUN logotyp">
                <img src="/images/mittuniversitetet_logo.png" alt="MIUN logotyp" >
            </a>
                </div>
                <nav class="m-right d-flex flex-row align-items-center justify-content-end" id="secondary-navigation" aria-label="secondary">
                    <a href="/en" class="m-link d-flex flex-row align-items-center ">
                        <i class="material-icons">language</i>
                        <span>English</span>
                    </a>
                </nav>
            </div>

        </header>

    </div>
    <main id="main">
        <div class="container">
            <div class="row">
                <div class="">

                </div>
            </div>
        </div>
    </main>
    <footer>
        <div class="container">
            <div class="row contact-us justify-content-center">
                <div class="col-md-4 contact-card">
                    <div class="contact-icon">
                        <span class="material-icons">phone</span>
                    </div>
                    <div class="contact-url">
                        <a href="tel:+46101428000">+46 (0)10 1428000</a>
                    </div>
                    <div class="contact-text">
                        <p>Måndag - fredag kl. 8-16</p>
                    </div>
                </div>
                <div class="col-md-4 contact-card">
                    <div class="contact-icon">
                        <span class="material-icons">mail_outline</span>
                    </div>
                    <div class="contact-url">
                        <a href="mailto:kontakt@miun.se">kontakt@miun.se</a>
                    </div>
                    <div class="contact-text">
                        <p>Vi svarar på epost måndag till fredag</p>
                    </div>
                </div>
                <div class="col-md-4 contact-card">
                    <div class="contact-icon">
                        <span class="material-icons">info_outline</span>
                    </div>
                    <div class="contact-url">
                        <a href="https://google.se">Kris och säkerhet</a>
                    </div>
                    <div class="contact-text">
                        <p>Om nödsituation skulle uppstå</p>
                    </div>
                </div>
            </div>
            <ul class="social-links list-unstyled">
                <li>
                    <a href="https://facebook.com">Facebook</a>
                </li>
                <li>
                    <a href="https://youtube.com">Youtube</a>
                </li>
                <li>
                    <a href="https://twitter.com">Twitter</a>
                </li>
                <li>
                    <a href="https://instagram.com">Instagram</a>
                </li>
                <li>
                    <a href="https://linkedin.com">LinkedIn</a>
                </li>
            </ul>
        </div>
    </footer>

    <script id="favouritesConfig" type="application/json">
        {
            "isAuthenticated": true,
            "addUrl": "http://localhost:2000/localdev/api/favourites/add",
            "removeUrl": "http://localhost:2000/localdev/api/favourites/remove",
            "updateUrl": "http://localhost:2000/localdev/api/favourites/update",
            "favourites": [{
                    "pageId": 1,
                    "pageTitle": "Sida1",
                    "pageUrl": "/sida1",
                    "index": 1
                },
                {
                    "pageId": 2,
                    "pageTitle": "Sida2",
                    "pageUrl": "/sida2",
                    "index": 2
                },
                {
                    "pageId": 3,
                    "pageTitle": "Sida3 with very very long name",
                    "pageUrl": "/sida3",
                    "index": 3
                }
            ]
        }
    </script>
    <script src='/js/vendors/jquery-3.3.1.min.js'></script>
    <script src='/js/vue-build.js'></script>
    <script src='/js/vendors-min.js'></script>
    <script src='/js/app.babel.js'></script>
    <script src='https://5p4rk13.com/LiveFeed/25010/loaderscript.js'></script>
    <script src='https://cdn1.readspeaker.com/script/5305/webReader/webReader.js?pids&#x3D;wr'></script>

    <script>
        tinyMCE.baseURL = "/Static/js/vendors/tinymce"; // trailing slash important
        tinymce.init({
            selector: 'textarea#MainBody',
            plugins: "link",
            toolbar: "undo redo | styleselect | link | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | table | fontsizeselect",
            default_link_target: "_blank"
        });
    </script>
</body>

</html>
 
<!DOCTYPE html>
<html lang="sv" xml:lang="sv" xmlns="http://www.w3.org/1999/xhtml">

<head>
    {{render '@head' }}
    {{render '@stylesheets' }}
</head>

<body>
    <div id="app">
        {{render '@header' }}
    </div>
    <main id="main">
        <div class="container">
            <div class="row">
                <div class="{{_target.context.epiDivClass}}">
                    {{{ body }}}
                </div>
            </div>
        </div>
    </main>
    {{render '@footer'}}
    {{render '@scripts'}}
</body>

</html>
 
/* No context defined for this component. */

There are no notes for this item.