Untitled

<!DOCTYPE html>
<html>

<!-- PLUGIN LAND -->

    <head>

        <!-- META -->

        <meta charset="utf-8">

        <!-- JavaScript -->

        <script type="text/javascript" charset="utf8" src="js/jquery-2.1.1.js"></script>
        <script type="text/javascript" charset="utf8" src="js/bootstrap.js"></script>
        <script type="text/javascript" charset="utf8" src="js/jquery.fullPage.js"></script>
        <script type="text/javascript" charset="utf8" src="js/TweenMax.js"></script>
        <script type="text/javascript" charset="utf8" src="js/elementTransitions.js"></script>
        <script type="text/javascript" charset="utf8" src="js/modernizr.custom.js"></script>
        <script type="text/javascript" charset="utf8" src="js/TimelineMax.js"></script>

        <!-- CSS -->

        <link rel="stylesheet" href="CSS/bootstrap.css">
        <link rel="stylesheet" href="CSS/jquery.fullPage.css">
        <link rel="stylesheet" href="CSS/elementTransitions.css">

        <!-- STYLE -->

        <style>

        .firstpage {
            width: 100%;
            height: 70%;
            font-size: 35px;
            background-image:url(test.jpg);
            background-repeat:no-repeat;
            background-position:center center;
        }

        </style>

    </head>

<!-- BODY -->

    <body>

    <!-- NAVBAR -->

        <nav class="navbar navbar-default navbar-fixed-top" style="box-shadow: 0px 0px 50px #000;" role="navigation">
          <div class="container-fluid">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand" href="#">MakeMySite</a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
              <ul class="nav navbar-nav navbar-right">
                <li><a href="#">Demander un Devis</a></li>
                <li><a href="#">Contact</a></li>
              </ul>
            </div><!-- /.navbar-collapse -->
          </div><!-- /.container-fluid -->
        </nav>

    <!-- CONTENT -->

        <!-- FullPage -->

            <div id="fullpage" style="margin-top: 50px;">
                <div class="section">
                    <div class="firstpage">
                        <div style="padding-top: 12%; padding-left: 5%">Envie de créer <br> un site web ?</div>
                    </div>
                </div>
                <div class="section">Some section</div>
                <div class="section">Some section</div>
                <div class="section">Some section</div>
            </div>


        </body>

    <!-- SCRIPTS -->

    <script type="text/javascript">
        $(document).ready(function() {
            $('#fullpage').fullpage({
                'verticalCentered': false,
                'css3': true,
                'sectionsColor': ['#F0F2F4', '#fff', '#fff', '#fff'],
            });
        });
    </script>


    <!-- MODAL -->


</html>