Untitled

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no" />

    <title>Simon.C Portfolio</title>

    <!-- CSS  -->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css" rel="stylesheet" />
    <link href="./css/style.css" type="text/css" rel="stylesheet" />
    <!--  Scripts -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="./js/init.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.min.js"></script>

</head>

<body>

    <ul id="dropdown1" class="dropdown-content">
        <li><a href="">Livrets de compétences</a></li>
        <li class="divider"></li>
        <li><a href="">Tutoriels</a></li>
    </ul>

    <div class="navbar-fixed ">
        <!-- marre menu -->
        <nav class=" blue">
            <div class="nav-wrapper container">


                <a href="http://cappsim.fr" class=" brand-logo">Simon.C</a>
                <ul class="right hide-on-med-and-down white-text">
                    <li class="waves-effect"><a href="#parcours">Mon parcours</a></li>

                    <li><a class="dropdown-button " href="#!" data-hover="true" data-activates="dropdown1" data-beloworigin="true">Compétences<i class="material-icons right ">arrow_drop_down</i></a></li>


                    <li class="waves-effect"><a href="">Veille Juridique</a></li>
                    <li class="waves-effect"><a href="">Stages</a></li>
                    <li class="waves-effect"><a href="">Curriculum Vitae</a></li>
                </ul>

                <ul id="nav-mobile" class="side-nav">
                    <li><a href="http://cappsim.fr">Accueil</a></li>
                    <div class="divider"></div>

                    <li><a class="dropdown-button " data-hover="true" data-activates="dropdown1" data-beloworigin="true">Compétences<i class="material-icons right ">arrow_drop_down</i></a></li>

                    <li><a href="http://cappsim.fr">Veille juridique</a></li>
                    <li><a href="http://cappsim.fr">Stages</a></li>
                    <li><a href="http://cappsim.fr">Curriculum Vitae</a></li>
                </ul>
                <a data-activates="nav-mobile" class="button-collapse "><i class="material-icons white-text"></i></a>

            </div>

        </nav>
    </div>


    <a class='dropdown-button btn' href='#' data-hover="true" data-activates='dropdown1'>Drop Me!</a>