View source for Template:UCopenhagen/Main/Test

<html>

<!-- CSS -->
<link rel="stylesheet" href="https://2018.igem.org/Template:UCopenhagen/css/bulma?action=raw&ctype=text/css">
<link rel="stylesheet" href="https://2018.igem.org/Template:UCopenhagen/css/normalize?action=raw&ctype=text/css">
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-TXfwrfuHVznxCssTxWoPZjhcss/hp38gEOH8UPZG/JcXonvBQ6SlsIF49wUzsGno"
    crossorigin="anonymous">

<script>
    ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

    $(document).ready(function () {

        $("#HQ_page").attr('id', '');


        //highlight current page on the menu
        highlight_current_page_menu();

        //accessing submenus
        $(".menu_item").click(function () {
            $(".submenu_control_icon", this).toggleClass("open");
            $(this).next(".submenu").fadeToggle(400);
        });

        //mobile menu access 
        $(".igem_2018_team_mobile_bar").click(function () {
            $(this).next().toggleClass("displaying_menu");
        });

    });


    function highlight_current_page_menu() {

        var page_url = "https://2018.igem.org/";
        page_url = page_url + wgPageName;
        $("a[href$='" + page_url + "']").children().addClass("current_page");

        //if the page is in a submenu, open the submenu and make the appropiate changes
        if ($(".current_page").hasClass("submenu_item")) {

            $(".current_page").parent().parent().fadeToggle(400);
            $(".current_page").parent().parent().prev().addClass("current_page");
            $(".menu_item.current_page > .submenu_control_icon").toggleClass("open");

        }
    }


    ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
</script>

<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Aldrich|Exo+2:400,400i,700,700i|Open+Sans:400,400i,700,700i" rel="stylesheet">


<style>
    /* UCopenhagen Custom settings */

    #mw-content-text {
        min-height: 100vh;
        display: grid;
        grid-template-rows: 1fr auto;
    }

    .pageBanner {
        grid-row-start: 1;
        grid-row-end: 2;
    }

    .pageContent {
        grid-row-start: 2;
        grid-row-end: 3;
    }

    .icon_hover:hover {
        color: #F5F0FF;
    }

    #bodyContent a[href ^="https://"] {
        background: none;
        padding-right: 0px;
    }

    /**************************************************************************************************************************************************************************************************/

    /**************************************************************************************************************************************************************************************************/

    /* DEFAULT WIKI SETTINGS */

    /**************************************************************************************************************************************************************************************************/

    #home_logo,
    #sideMenu {
        display: none;
    }

    #sideMenu,
    #top_title,
    .patrollink {
        display: none;
    }

    #content {
        margin-left: 0px;
        margin-top: -7px;
        padding: 0px;
        width: 100%;
    }

    body {
        background-color: white;
        font-family: "Open Sans", "Helvetica Neue", "Helvetica", Arial, Helvetica, sans-serif;
    }

    #bodyContent h1,
    #bodyContent h2,
    #bodyContent h3,
    #bodyContent h4,
    #bodyContent h5 {
        margin-bottom: 0px;
    }

    .judges-will-not-evaluate {
        border: 4px solid #F5F0FF;
        padding: 2% !important;
        width: 92% !important;
    }


    /**************************************************************************************************************************************************************************************************/

    /* MENU */

    /**************************************************************************************************************************************************************************************************/

    /*this wraps the whole of the menu*/

    .igem_2018_team_menu {
        background-color: #C4BFE2;
        border-left: 1px solid #C4BFE2;
        display: block;
        float: right;
        height: 100vh;
        max-width: 270px;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0px;
        position: fixed;
        right: 0%;
        text-align: left;
        width: 15%;
        font-family: "Exo 2", "Helvetica Neue", "Helvetica", "Arial Black", Gadget, sans-serif;
    }


    .igem_2018_team_menu.displaying_menu {
        display: block;
    }

    .igem_2018_team_menu a {
        color: #191733;
        text-decoration: none;
    }

    .igem_2018_team_menu img {
        width: 100%;
    }


    .igem_2018_team_menu .menu_item {
        background-color: #C4BFE2;
        border-bottom: 1px solid #635DAD;
        clear: both;
        color: #191733;
        cursor: pointer;
        float: left;
        font-size: 120%;
        font-weight: bold;
        padding: 15px 0px 15px 5%;
        width: 100%;
    }

    .igem_2018_team_menu .menu_item.direct_link {
        color: #191733;
        padding-left: 15%;
    }

    .igem_2018_team_menu .menu_item:hover {
        background-color: #FF7416;
    }


    .igem_2018_team_menu .menu_item .submenu_control_icon {
        color: #191733;
        float: left;
        width: 10%;
    }

    /* submenu icon "+"  "-"*/

    .igem_2018_team_menu .menu_item .submenu_control_icon::before {
        content: "+";
    }

    /* submenu icon "+"  "-"*/

    .igem_2018_team_menu .menu_item .submenu_control_icon.open::before {
        content: "-";
    }

    /*submenu wrapper*/

    .igem_2018_team_menu .submenu {
        background-color: #F5F0FF;
        clear: both;
        display: none;
        float: left;
        width: 100%;
    }

    /*styling for a submenu item*/

    .igem_2018_team_menu .submenu .submenu_item {
        border-bottom: 1px solid #C4BFE2;
        color: #2F2F6E;
        height: 30px;
        float: left;
        font-size: 110%;
        font-weight: bold;
        padding: 12px 0px 0px 15%;
        width: 100%;
    }

    .igem_2018_team_menu .submenu .submenu_item:hover {
        background-color: #FFB072;
    }


    .igem_2018_team_menu .submenu .submenu_item.current_page,
    .igem_2018_team_menu .menu_item.current_page,
    .igem_2018_team_menu .menu_item.direct_link.current_page {
        background-color: #7DCFFF;
    }



    /*mobile menu bar styling*/

    /**************************************************************************************************************************************************************************************************/

    .igem_2018_team_mobile_bar {
        background-color: #F5F0FF;
        border-bottom: 1px solid #C4BFE2;
        cursor: pointer;
        display: none;
        float: left;
        margin-top: 0;
        padding: 5px 0;
        position: fixed;
        width: 100%;
    }

    .igem_logo_mobile img {
        width: 70px;
    }

    .igem_logo_mobile {
        float: left;
        padding-left: 5%;
        width: 30%;
    }

    .igem_menu_control_mobile img {
        width: 25px;
    }

    .igem_menu_control_mobile {
        float: right;
        padding-right: 5%;
        padding-top: 5px;
        text-align: right;
        width: 30%;
    }



    /**************************************************************************************************************************************************************************************************/

    /* CONTENT OF THE PAGE */

    /**************************************************************************************************************************************************************************************************/

    /* general wrapper for the content */

    .igem_2018_team_content {
        background-color: white;
        display: block;
        width: 87%;
    }

    /* subwrapper to center content */

    .igem_2018_team_content .igem_2018_team_column_wrapper {
        margin: auto;
        max-width: 1400px;
        width: 90%;
    }



    /*general styling*/

    /**************************************************************************************************************************************************************************************************/

    .igem_2018_team_content .igem_2018_team_column_wrapper h1 {
        font-size: 210%;
    }

    .igem_2018_team_content .igem_2018_team_column_wrapper h2 {
        font-size: 190%;
    }

    .igem_2018_team_content .igem_2018_team_column_wrapper h3 {
        font-size: 170%;
    }

    .igem_2018_team_content .igem_2018_team_column_wrapper h4 {
        font-size: 150%;
    }

    .igem_2018_team_content .igem_2018_team_column_wrapper h5 {
        font-size: 140%;
    }

    .igem_2018_team_content .igem_2018_team_column_wrapper h6 {
        font-size: 130%;
    }


    /* styling for the titles h1, h2*/

    .igem_2018_team_content .igem_2018_team_column_wrapper h1,
    .igem_2018_team_content .igem_2018_team_column_wrapper h2 {
        border-bottom: 0px;
        color: #FF5900;
        font-family: "Exo 2", "Helvetica Neue", "Helvetica", "Arial Black", Gadget, sans-serif;
        padding: 10px 0px;
    }

    /* styling for the titles h3, h3, h5, h6 */

    .igem_2018_team_content .igem_2018_team_column_wrapper h3,
    .igem_2018_team_content .igem_2018_team_column_wrapper h4,
    .igem_2018_team_content .igem_2018_team_column_wrapper h5,
    .igem_2018_team_content .igem_2018_team_column_wrapper h6 {
        border-bottom: 0px;
        color: #FFA301;
        font-family: "Exo 2", "Helvetica Neue", "Helvetica", "Arial Black", Gadget, sans-serif;
        padding: 5px 0px;
    }

    /* text */

    .igem_2018_team_content .igem_2018_team_column_wrapper p {
        font-size: 130%;
        font-family: "Open Sans", "Helvetica Neue", "Helvetica", Arial, Helvetica, sans-serif;
        padding: 5px 0px;
        text-align: left;
        color: #191733;
    }

    /* Links */

    .igem_2018_team_content .igem_2018_team_column_wrapper a {
        color: #158DF0;
        font-weight: bold;
        text-decoration: underline;
        text-decoration-color: #158DF0;
        transition: all 0.4s ease;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
    }

    /* hover for the links */

    .igem_2018_team_content .igem_2018_team_column_wrapper a:hover {
        color: #FF954C;
        text-decoration: none;
    }


    /* Table */

    .igem_2018_team_content .igem_2018_team_column_wrapper table {
        border: 1px solid #635DAD;
        border-collapse: collapse;
        font-size: 130%;
        width: 100%;
    }

    /* table cells */

    .igem_2018_team_content .igem_2018_team_column_wrapper td {
        border: 1px solid #C4BFE2;
        border-collapse: collapse;
        font-size: 105%;
        padding: 10px;
        vertical-align: text-top;
    }

    /* table headers */

    .igem_2018_team_content .igem_2018_team_column_wrapper th {
        background-color: #C4BFE2;
        border: 1px solid #635DAD;
        border-collapse: collapse;
        font-size: 110%;
        padding: 10px;
        vertical-align: text-top;
    }



    /* non numbered lists */

    .igem_2018_team_content .igem_2018_team_column_wrapper ul,
    .igem_2018_team_content .igem_2018_team_column_wrapper ol {
        font-size: 130%;
        font-family: "Open Sans", "Helvetica Neue", "Helvetica", Arial, Helvetica, sans-serif;
        padding: 0px 20px;
    }


    .igem_2018_team_content .igem_2018_team_column_wrapper ul ul li,
    .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ul li,
    .igem_2018_team_content .igem_2018_team_column_wrapper ul ol li,
    .igem_2018_team_content .igem_2018_team_column_wrapper ul ul ol li,
    .igem_2018_team_content .igem_2018_team_column_wrapper ol ol li,
    .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ul li,
    .igem_2018_team_content .igem_2018_team_column_wrapper ol ul li,
    .igem_2018_team_content .igem_2018_team_column_wrapper ul ol ol li,
    .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ul li,
    .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ul li,
    .igem_2018_team_content .igem_2018_team_column_wrapper ol ol ol li,
    .igem_2018_team_content .igem_2018_team_column_wrapper ol ul ol li {
        font-size: 76%;
    }



    /*layout classes*/

    /**************************************************************************************************************************************************************************************************/

    /*main layout class */

    .igem_2018_team_content .igem_2018_team_column_wrapper .column {
        float: left;
        margin: 1% 2%;
        padding: 0px;
    }

    /* 100% */

    .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size {
        width: 96%;
    }

    /* 66% */

    .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size {
        width: 62.6%;
    }

    /* 33% */

    .igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size {
        width: 29.3%;
    }




    /*styling for all images*/

    .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size img,
    .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size img,
    .igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size img {
        margin-bottom: 15px;
        width: 100%;
    }


    /* page break */

    .igem_2018_team_content .igem_2018_team_column_wrapper .clear {
        clear: both;
    }

    /*add extra space to page break with clear class*/

    .igem_2018_team_content .igem_2018_team_column_wrapper .clear.extra_space {
        height: 30px;
    }

    /* horizontal line to divide the page*/

    .igem_2018_team_content .igem_2018_team_column_wrapper .line_divider {
        border-top: 1px solid #C4BFE2;
        margin: auto;
        width: 98%;
    }




    /*support classes*/

    /**************************************************************************************************************************************************************************************************/

    /*Button  */

    /************************************************/

    .igem_2018_team_content .igem_2018_team_column_wrapper .button_link {
        font-size: 130%;
        margin: 30px auto;
        text-align: center;
    }

    .igem_2018_team_content .igem_2018_team_column_wrapper .button_link a {
        background-color: #158DF0;
        color: #2F2F6E !important;
        font-weight: bold;
        margin: auto;
        text-decoration: none !important;
        padding: 10px 15px;
    }

    .igem_2018_team_content .igem_2018_team_column_wrapper .button_link a:hover {
        background-color: #FF954C !important;
    }



    .igem_2018_team_content .igem_2018_team_column_wrapper .highlight {
        padding: 15px 20px;
    }

    .igem_2018_team_content .igem_2018_team_column_wrapper .highlight p,
    .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h1,
    .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h2,
    .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h3,
    .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h4,
    .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h5,
    .igem_2018_team_content .igem_2018_team_column_wrapper .highlight h6 {
        padding: 5px 15px;
    }

    .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_background {
        background-color: #F8F8FF;
    }

    .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_top {
        border-top: 4px solid #158DF0;
    }


    .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_A_full {
        border: 4px solid #158DF0;
    }

    .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_top {
        border-top: 4px solid #FF954C
    }


    .igem_2018_team_content .igem_2018_team_column_wrapper .highlight.decoration_B_full {
        border: 4px solid #FF954C;
    }




    /*mobile*/

    /**************************************************************************************************************************************************************************************************/

    /* 1800px  */

    /************************************************/

    @media only screen and (max-width: 1800px) {
        .igem_2018_team_content {
            width: 85%;
        }
        .igem_2018_team_menu {
            display: block;
        }
    }

    /* 1400px  */

    /************************************************/

    @media only screen and (max-width: 1400px) {
        .igem_2018_team_menu .menu_item {
            font-size: 100%;
        }
        .igem_2018_team_menu .submenu .submenu_item {
            font-size: 90%;
        }
        .igem_2018_team_menu {
            display: block;
        }
    }

    @media only screen and (max-width: 1001px) {
        .igem_2018_team_menu {
            display: block;
        }
    }

    /* 1000px  */

    /************************************************/

    @media only screen and (max-width: 1000px) {
        .igem_2018_team_content {
            width: 100%;
            margin-left: 0px;
        }
        .igem_2018_team_menu {
            display: none;
            margin-top: 45px;
            min-width: 50%;
            width: 50%;
        }
        .igem_2018_team_mobile_bar {
            display: block;
        }
        .igem_2018_team_content .igem_2018_team_column_wrapper .column.full_size,
        .igem_2018_team_content .igem_2018_team_column_wrapper .column.two_thirds_size,
        .igem_2018_team_content .igem_2018_team_column_wrapper .column.third_size {
            width: 96%;
        }

    }


    @media only screen and (max-width: 500px) {
        .igem_2018_team_menu {
            min-width: 80%;
            width: 80%;
        }
    }


    /**************************************************************************************************************************************************************************************************/
</style>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-122331498-2"></script>
<script>
    window.dataLayer = window.dataLayer || [];

    function gtag() {
        dataLayer.push(arguments);
    }
    gtag('js', new Date());

    gtag('config', 'UA-122331498-2');
</script>


<!----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!--- THIS IS WHERE THE HTML BEGINS --->
<!----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->

<head>

    <!-- This tells the browser that your page is responsive -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <meta name="google-site-verification" content="3uXthySOnfeep6QwrTor48ihtgSDo27LMnXhz-jFj1s" />

</head>



<!----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!--- Menu --->
<!----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->




<div class="igem_2018_team_mobile_bar">

    <div class="igem_logo_mobile">
        <img src="https://static.igem.org/mediawiki/2018/4/4f/2018_igem_mobile_menu_logo.svg">
    </div>


    <div class="igem_menu_control_mobile">
        <img id="menu_control_image" src="https://static.igem.org/mediawiki/igem.org/3/3b/Menu_icon.svg">
    </div>

</div>




<div class="igem_2018_team_menu">


    <a href="https://2018.igem.org/Team:UCopenhagen">
        <img src="https://static.igem.org/mediawiki/2018/4/4a/T--UCopenhagen--v1-Logo-text-black-white.png" style=" width:80%; margin: auto; display: block; padding: 10px">
    </a>



    <a href="https://2018.igem.org/Team:UCopenhagen">
        <div class="menu_item direct_link">
            <i class="far fa-home fa-lg"></i> HOME
        </div>
    </a>

    <!-- Team -->
    <div class="menu_item">
        <div class="submenu_control_icon"> </div>
        <i class="far fa-users fa-lg"></i> TEAM
    </div>
    <div class="submenu">

        <a href="https://2018.igem.org/Team:UCopenhagen/Team">
            <div class="submenu_item">
                Team Members
            </div>
        </a>

        <!-- <a href="https://2018.igem.org/Team:UCopenhagen/Collaborations">
            <div class="submenu_item">
                Collaborations
            </div>
        </a> -->
    </div>


    <!--     Project -->
    <div class="menu_item">
        <div class="submenu_control_icon"> </div>
        <i class="fas fa-flask fa-lg"></i> PROJECT
    </div>
    <div class="submenu">

        <a href="https://2018.igem.org/Team:UCopenhagen/Description">
            <div class="submenu_item">
                Description
            </div>
        </a>
        <!-- Hidden
        <a href="https://2018.igem.org/Team:UCopenhagen/Design">
            <div class="submenu_item">
                Design
            </div>
        </a>

        <a href="https://2018.igem.org/Team:UCopenhagen/Experiments">
            <div class="submenu_item">
                Experiments
            </div>
        </a>


        <a href="https://2018.igem.org/Team:UCopenhagen/Notebook">
            <div class="submenu_item">
                Notebook
            </div>
        </a>

        <a href="https://2018.igem.org/Team:UCopenhagen/InterLab">
            <div class="submenu_item">
                InterLab
            </div>
        </a>


        <a href="https://2018.igem.org/Team:UCopenhagen/Model">
            <div class="submenu_item">
                Model
            </div>
        </a>

        <a href="https://2018.igem.org/Team:UCopenhagen/Results">
            <div class="submenu_item">
                Results
            </div>
        </a>


        <a href="https://2018.igem.org/Team:UCopenhagen/Demonstrate">
            <div class="submenu_item">
                Demonstrate
            </div>
        </a>

        <a href="https://2018.igem.org/Team:UCopenhagen/Improve">
            <div class="submenu_item">
                Improve
            </div>
        </a>

        <a href="https://2018.igem.org/Team:UCopenhagen/Attributions">
            <div class="submenu_item">
                Attributions
            </div>
        </a>
        -->

    </div>

    <!-- Hidden 
    <div class="menu_item">
        <div class="submenu_control_icon"> </div>
        PARTS
    </div>
    <div class="submenu">

        <a href="https://2018.igem.org/Team:UCopenhagen/Parts">
            <div class="submenu_item">
                Parts Overview
            </div>
        </a>

        <a href="https://2018.igem.org/Team:UCopenhagen/Basic_Part">
            <div class="submenu_item">
                Basic Parts
            </div>
        </a>

        <a href="https://2018.igem.org/Team:UCopenhagen/Composite_Part">
            <div class="submenu_item">
                Composite Parts
            </div>
        </a>

        <a href="https://2018.igem.org/Team:UCopenhagen/Part_Collection">
            <div class="submenu_item">
                Part Collection
            </div>
        </a>
    </div>






    <a href="https://2018.igem.org/Team:UCopenhagen/Safety">
        <div class="menu_item direct_link">
            SAFETY
        </div>
    </a>






    <div class="menu_item">
        <div class="submenu_control_icon"> </div>
        HUMAN PRACTICES
    </div>

    <div class="submenu">

        <a href="https://2018.igem.org/Team:UCopenhagen/Human_Practices">
            <div class="submenu_item">
                Human Practices
            </div>
        </a>


        <a href="https://2018.igem.org/Team:UCopenhagen/Public_Engagement">
            <div class="submenu_item">
                Education & Engagement
            </div>
        </a>

    </div>





    <div class="menu_item">
        <div class="submenu_control_icon"> </div>
        AWARDS
    </div>

    <div class="submenu">

        <a href="https://2018.igem.org/Team:UCopenhagen/Applied_Design">
            <div class="submenu_item">
                Applied Design
            </div>
        </a>

        <a href="https://2018.igem.org/Team:UCopenhagen/Entrepreneurship">
            <div class="submenu_item">
                Entrepreneurship
            </div>
        </a>

        <a href="https://2018.igem.org/Team:UCopenhagen/Hardware">
            <div class="submenu_item">
                Hardware
            </div>
        </a>

        <a href="https://2018.igem.org/Team:UCopenhagen/Measurement">
            <div class="submenu_item">
                Measurement
            </div>
        </a>

        <a href="https://2018.igem.org/Team:UCopenhagen/Model">
            <div class="submenu_item">
                Model
            </div>
        </a>

        <a href="https://2018.igem.org/Team:UCopenhagen/Plant">
            <div class="submenu_item">
                Plant
            </div>
        </a>


        <a href="https://2018.igem.org/Team:UCopenhagen/Software">
            <div class="submenu_item">
                Software
            </div>
        </a>

    </div>



    <a href="https://igem.org/2018_Judging_Form?team=UCopenhagen">
        <div class="menu_item direct_link">
            JUDGING FORM ⇗
        </div>
    </a> -->

    <div class="menu_item">
        <div class="submenu_control_icon"> </div>
        <i class="far fa-atom fa-lg"></i> Miscellaneous
    </div>

    <div class="submenu">

        <a href="https://2018.igem.org/Team:UCopenhagen/Articles">
            <div class="submenu_item">Articles</div>
        </a>

        <a href="https://igem-copenhagen.github.io/awesome-iGEM/">
            <div class="submenu_item">
                Awesome iGEM
            </div>
        </a>


        <a href="https://2018.igem.org/Team:UCopenhagen/Wiki_how_tos">
            <div class="submenu_item">
                Wiki How-tos
            </div>
        </a>

        <a href="https://2018.igem.org/Team:UCopenhagen/CountDown">
            <div class="submenu_item">
                Countdown timers
            </div>
        </a>

    </div>


    <a href="https://medium.com/igem-copenhagen" style="padding-right: 0px;" target="_blank">
        <div class="menu_item direct_link">
            <i class="fab fa-medium fa-lg"></i> Blog on Medium
        </div>
    </a>

    <!-- Socia media -->
    <div class="menu_item direct_link">
        <a href="https://www.facebook.com/iGEMCopenhagen/" style="padding-right: 0px;" target="_blank">
            <i class="fab fa-facebook fa-lg icon_hover"></i>
        </a>
        <a href="https://twitter.com/iGEM_Copenhagen" style="padding-right: 0px;" target="_blank">
            <i class="fab fa-twitter fa-lg icon_hover"></i>
        </a>
        <a href="https://www.instagram.com/igem_copenhagen/" style="padding-right: 0px;" target="_blank">
            <i class="fab fa-instagram fa-lg icon_hover"></i>
        </a>
        <a href="https://www.linkedin.com/company/igem-copenhagen-2018/" style="padding-right: 0px;" target="_blank">
            <i class="fab fa-linkedin fa-lg icon_hover"></i>
        </a>
        <a href="mailto:igemku2018@gmail.com?Subject=Contact%20from%20Wiki" target="_top">
            <i class="fas fa-envelope fa-lg icon_hover"></i>
        </a>
    </div>


</div>

<!----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->
<!--- Content of the page  --->
<!----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -->

</html>