Add files to github repo

Malkom · May 12, 2019 · 930d311 · 930d311
1 parent 6ff4430
commit 930d311
Show file tree

Hide file tree

Showing 18 changed files with 350 additions and 0 deletions.
diff --git a/Batman/fonts/Courier_Prime.ttf b/Batman/fonts/Courier_Prime.ttf
diff --git a/Batman/img/batman-cle-usb.jpeg b/Batman/img/batman-cle-usb.jpeg
diff --git a/Batman/img/batman-figurine.jpg b/Batman/img/batman-figurine.jpg
diff --git a/Batman/img/batman-header.jpg b/Batman/img/batman-header.jpg
diff --git a/Batman/img/batman-tasse.jpg b/Batman/img/batman-tasse.jpg
diff --git a/Batman/img/batman.png b/Batman/img/batman.png
diff --git a/Batman/img/batman_petit.png b/Batman/img/batman_petit.png
diff --git a/Batman/img/mock-up.png b/Batman/img/mock-up.png
diff --git a/Batman/index.html b/Batman/index.html
@@ -0,0 +1,176 @@
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+
+     <!-- Compiled and minified CSS -->
+     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
+
+    <title>Batman</title>
+    <style>
+        @font-face
+        {
+            font-family: "Courier_Prime";
+            src: url("/fonts/Courier_Prime.ttf");
+        }
+
+        #header
+        {
+            width: 100%;
+        }
+
+        #footer
+        {
+            font-family: "Courier_Prime";
+            font-style: italic;
+        }
+
+    </style>
+</head>
+<body>
+
+<div class="container">
+    <nav>
+        <div class="nav-wrapper blue-grey lighten-2">
+            <a href="#" class="brand-logo center ">
+                <img src="img/batman.png" class="responsive-img hide-on-med-and-down" alt="Licorne">
+                <img src="img/batman_petit.png" class="responsive-img hide-on-large-only" alt="Licorne">
+            </a>
+            <a href="#" class="sidenav-trigger" data-target="mobile.links">
+                <i class="material-icons">menu</i>
+            </a>
+                <ul class="right hide-on-med-and-down">
+
+                    <li><a href="#">
+                            <i class="material-icons">star</i>
+                    </a></li>
+                    <li><a href="#">
+                            <i class="material-icons">store</i>
+                    </a></li>
+                    <li><a href="mailto:jerome.bonnier@coding-academy.fr">
+                            <i class="material-icons">email</i>
+                    </a></li>
+
+                </ul>
+
+                <ul class="sidenav" id="mobile.links">
+                    <li><a href="#">Favoris</a></li>
+                    <li><a href="#">Home</a></li>
+                    <li><a href="mailto:jerome.bonnier@coding-academy.fr">Email</a></li>
+
+                </ul>
+
+
+            </a>
+        </div>
+    </nav>
+
+
+
+    <header>
+        <img src="img/batman-header.jpg" class="responsive-img" id="header">
+    </header>
+
+
+
+        <div class="row">
+            <div class="col s12 l4 ">
+                <div class="card z-depth-3">
+                    <div class="card-image">
+                        <img src="img/batman-figurine.jpg" alt="" >
+                    </div>
+                    <div class="card-content">
+                        <span class="card-title">Figurine Batman</span>
+                        <p>
+                            Parfois discuter de son code peut mettre en évidence des erreurs, voici votre propre assistant personnel. <br>
+                            1000 €
+                        </p>
+                    </div>
+                    <div class="card-action">
+                        <a href="#">Commander</a>
+                    </div>
+                </div>
+
+            </div>
+            <div class="col s12 l4">
+                <div class="card z-depth-3">
+                    <div class="card-image">
+                        <img src="img/batman-tasse.jpg" alt="" >
+                    </div>
+                    <div class="card-content">
+                        <span class="card-title">Tasse Batman</span>
+                        <p>
+                            Parce que coder c'est cool mais coder avec du café c'est meiux, voici une super tasse<br>
+                            7 €
+                        </p>
+                    </div>
+                    <div class="card-action">
+                            <a href="#">Commander</a>
+                    </div>
+                </div>
+
+            </div>
+            <div class="col s12 l4">
+                <div class="card z-depth-3">
+                    <div class="card-image">
+                        <img src="img/batman-cle-usb.jpeg" alt="" >
+                    </div>
+                    <div class="card-content">
+                        <span class="card-title">Clé USB</span>
+                        <p>
+                            Le must de tout bon dev une clé USB, quand c'est Batman c'est encore mieux ! <br>
+                            50 €
+                        </p>
+                    </div>
+                    <div class="card-action">
+                            <a href="#">Commander</a>
+                    </div>
+                </div>
+
+            </div>
+
+        </div>
+
+
+
+        <ul class="pagination center">
+                <li class="waves-effect"><a href="#!"><i class="material-icons">chevron_left</i></a></li>
+                <li class="waves-effect"><a href="#!">1</a></li>
+                <li class="waves-effect"><a href="#!">2</a></li>
+                <li class="active"><a href="#!">3</a></li>
+                <li class="waves-effect"><a href="#!">4</a></li>
+                <li class="waves-effect"><a href="#!">5</a></li>
+                <li class="waves-effect"><a href="#!"><i class="material-icons">chevron_right</i></a></li>
+        </ul>
+
+
+
+        <footer class="page-footer blue-grey lighten-2">
+                <div class="row">
+                    <div class="col l12">
+                        <p class="center-align" id="footer">Etre une licorne c'est comme être développeur, c'est dur d'être une créature fantstique. <br>
+                            Licorne iconnue</p>
+                    </div>
+                </div>
+            </footer>
+
+
+
+
+
+</div>
+
+    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
+
+    <!-- Compiled and minified JavaScript -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
+    <script>
+        $(document).ready(function(){
+            $('.sidenav').sidenav();
+        })
+    </script>
+
+</body>
+</html>
diff --git a/Licorne/fonts/Courier_Prime.ttf b/Licorne/fonts/Courier_Prime.ttf
diff --git a/Licorne/img/licorne-cle-usb.jpg b/Licorne/img/licorne-cle-usb.jpg
diff --git a/Licorne/img/licorne-header.jpeg b/Licorne/img/licorne-header.jpeg
diff --git a/Licorne/img/licorne-peluche.jpg b/Licorne/img/licorne-peluche.jpg
diff --git a/Licorne/img/licorne-tasse.jpg b/Licorne/img/licorne-tasse.jpg
diff --git a/Licorne/img/licorne.png b/Licorne/img/licorne.png
diff --git a/Licorne/img/licorne_petite.png b/Licorne/img/licorne_petite.png
diff --git a/Licorne/img/mock-up.png b/Licorne/img/mock-up.png
diff --git a/Licorne/index.html b/Licorne/index.html
@@ -0,0 +1,174 @@
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+
+     <!-- Compiled and minified CSS -->
+     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
+
+    <title>La Licorne</title>
+    <style>
+        @font-face
+        {
+            font-family: "Courier_Prime";
+            src: url("/fonts/Courier_Prime.ttf");
+        }
+
+        #header
+        {
+            width: 100%;
+        }
+
+        #footer
+        {
+            font-family: "Courier_Prime";
+            font-style: italic;
+        }
+
+    </style>
+</head>
+<body>
+
+<div class="container">
+    <nav>
+        <div class="nav-wrapper">
+            <a href="#" class="brand-logo center ">
+                <img src="img/licorne.png" class="responsive-img hide-on-med-and-down" alt="Licorne">
+                <img src="img/licorne_petite.png" class="responsive-img hide-on-large-only" alt="Licorne">
+            </a>
+            <a href="#" class="sidenav-trigger" data-target="mobile.links">
+                <i class="material-icons">menu</i>
+            </a>
+                <ul class="right hide-on-med-and-down">
+
+                    <li><a href="#">
+                            <i class="material-icons">star</i>
+                    </a></li>
+                    <li><a href="#">
+                            <i class="material-icons">store</i>
+                    </a></li>
+                    <li><a href="mailto:jerome.bonnier@coding-academy.fr">
+                            <i class="material-icons">email</i>
+                    </a></li>
+
+                </ul>
+
+                <ul class="sidenav" id="mobile.links">
+                    <li><a href="#">Favoris</a></li>
+                    <li><a href="#">Home</a></li>
+                    <li><a href="mailto:jerome.bonnier@coding-academy.fr">Email</a></li>
+
+                </ul>
+
+
+            </a>
+        </div>
+    </nav>
+
+
+
+    <header>
+        <img src="img/licorne-header.jpeg" class="responsive-img" id="header">
+    </header>
+
+
+
+        <div class="row">
+            <div class="col s12 l4 ">
+                <div class="card z-depth-3">
+                    <div class="card-image">
+                        <img src="img/licorne-peluche.jpg" alt="" >
+                    </div>
+                    <div class="card-content">
+                        <span class="card-title">Peluche Licorne</span>
+                        <p>
+                            Peluche licorne très connue qui est apparue dans un dessin animé. <br>
+                            1000 €
+                        </p>
+                    </div>
+                    <div class="card-action">
+                        <a href="#">Commander</a>
+                    </div>
+                </div>
+
+            </div>
+            <div class="col s12 l4">
+                <div class="card z-depth-3">
+                    <div class="card-image">
+                        <img src="img/licorne-tasse.jpg" alt="" >
+                    </div>
+                    <div class="card-content">
+                        <span class="card-title">Tasse Licorne</span>
+                        <p>
+                            Parce que coder c'est cool mais coder avec du café c'est meiux, voici une super tasse<br>
+                            7 €
+                        </p>
+                    </div>
+                    <div class="card-action">
+                            <a href="#">Commander</a>
+                    </div>
+                </div>
+
+            </div>
+            <div class="col s12 l4">
+                <div class="card z-depth-3">
+                    <div class="card-image">
+                        <img src="img/licorne-cle-usb.jpg" alt="" >
+                    </div>
+                    <div class="card-content">
+                        <span class="card-title">Clé USB</span>
+                        <p>
+                            Le must de tout bon dev une clé USB, quand c'est une licorne c'est encore mieux ! <br>
+                            50 €
+                        </p>
+                    </div>
+                    <div class="card-action">
+                            <a href="#">Commander</a>
+                    </div>
+                </div>
+
+            </div>
+
+        </div>
+
+
+
+        <ul class="pagination center">
+                <li class="waves-effect"><a href="#!"><i class="material-icons">chevron_left</i></a></li>
+                <li class="waves-effect"><a href="#!">1</a></li>
+                <li class="waves-effect"><a href="#!">2</a></li>
+                <li class="active"><a href="#!">3</a></li>
+                <li class="waves-effect"><a href="#!">4</a></li>
+                <li class="waves-effect"><a href="#!">5</a></li>
+                <li class="waves-effect"><a href="#!"><i class="material-icons">chevron_right</i></a></li>
+        </ul>
+
+
+
+                <footer class="page-footer">
+                    <div class="row">
+                        <div class="col l12">
+                            <p class="center-align" id="footer">Etre une licorne c'est comme être développeur, c'est dur d'être une créature fantstique. <br>
+                                Licorne iconnue</p>
+                        </div>
+                    </div>
+                </footer>
+
+
+
+</div>
+
+    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
+
+    <!-- Compiled and minified JavaScript -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
+    <script>
+        $(document).ready(function(){
+            $('.sidenav').sidenav();
+        })
+    </script>
+
+</body>
+</html>