<!doctype html>
<html>
<head>
    <meta charset="utf-8">

    <!-- Site Title -->
    <title>Appica 2 | Android Version</title>

    <!-- SEO Meta Tags -->
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="author" content="8Guild" />

    <!-- Mobile Specific Meta Tag -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

    <!-- Favicon Icon -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="icon" href="favicon.ico" type="image/x-icon">

    <!-- Theme Stylesheet -->
    <link href="{{ asset('css/app.css') }}" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet" media="screen">


    <body >


        <div class="container">

            <div class="col-md-12  main" >
                <div class="col-md-6 left-side" >
                    <div class="logo" >
                        <img src="img/logo-cosmos.gif" alt="Cosmos" >
                        <p>Faites tourner et gagnez a tous les coups</p>
                    </div>
                    <br>
                    <div class="spin">
                        <img src="img/spin.png" alt="Cosmos" >
                        
                    </div>

                </div><!--col-sm-6-->

                <div class="col-md-6 right-side">
                    <h3>S'enregistrer pour jouer</h3>
                    <p>les champs suivis d'une astérisque sont obligatoires</p>

                    <!--Form with header-->
                    <div class="form">

                        <div class="form-group">
                            
                            <input type="text" id="form2" class="form-control input-lg" placeholder="Nom*">

                        </div>

                        <div class="form-group">
                            
                            <input type="email" id="form4" class="form-control input-lg" placeholder="E-mail*">

                        </div>
                        <div class="form-group">
                            
                            <input type="email" id="form4" class="form-control input-lg" placeholder="Tel*">

                        </div>
                        <div class="form-group">
                             <select class="browser-default form-control input-lg">
                              <option value="" disabled selected>Ville</option>
                              <option value="1">Option 1</option>
                              <option value="2">Option 2</option>
                              <option value="3">Option 3</option>
                            </select>
                        </div> <!-- end .form-group -->
                        
                    
                        <div class="text-xs-center">
                            <button class="btn btn-deep-purple" >S'enregistrer</button>
                        </div>
                


                    </div>
                    <!--/Form with header-->

                </div><!--col-sm-6-->

                <div class="col-md-12  orange" >

                    <div class="row">
                        <div class="col-sm-4">
                            <div class="services">
                                <img src="img/services-icon01.png" alt="icon" class="img-responsive center-block">
                                <h3>Inscrivez-Vous<br></h3>
                                
                                <div class="process"><i class="pe-7s-angle-right-circle"></i></div>
                            </div> <!-- end .services -->
                        </div> <!-- end .col-sm-4 -->
                        <div class="col-sm-4">
                            <div class="services">
                                <img src="img/services-icon02.png" alt="icon" class="img-responsive center-block">
                                <h3>Fait tourner pour <br>gagner </h3>
                                
                                <div class="process"><i class="pe-7s-angle-right-circle"></i></div>
                            </div> <!-- end .services -->
                        </div> <!-- end .col-sm-4 -->
                        <div class="col-sm-4">
                            <div class="services">
                                <img src="img/services-icon03.png" alt="icon" class="img-responsive center-block">
                                <h3>Récupérer votre cadeaux sur<br> place</h3>
                                
                            </div> <!-- end .services -->
                        </div> <!-- end .col-sm-4 -->
                    </div>
                </div>

            </div><!--col-sm-8-->

        </div><!--container-->

        <script type="text/javascript" src="js/Bootstrap_jQuery.js"></script>



    </body>
    </html>