exercice 1: boilerplate

vueschool · Mar 13, 2019 · 8ecdb8b · 8ecdb8b
1 parent 5d48da8
commit 8ecdb8b
Showing 1 changed file with 50 additions and 0 deletions.
diff --git a/gihub-profile-card/boilerplate.html b/gihub-profile-card/boilerplate.html
@@ -0,0 +1,50 @@
+<html>
+
+<head>
+  <link rel="stylesheet"
+        href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css">
+</head>
+
+<body>
+
+  <div id="app"
+       class="ui container">
+    <h1>GitHub Profiles</h1>
+    <github-user-card username="hootlex"></github-user-card>
+
+    <!-- Template for GitHub card -->
+    <div class="ui card">
+      <div class="image">
+        <img src="https://semantic-ui.com/images/avatar2/large/kristy.png">
+      </div>
+      <div class="content">
+        <a class="header">Kristy</a>
+        <div class="meta">
+          <span class="date">Joined in 2013</span>
+        </div>
+        <div class="description">
+          Kristy is an art director living in New York.
+        </div>
+      </div>
+      <div class="extra content">
+        <a>
+          <i class="user icon"></i>
+          22 Friends
+        </a>
+      </div>
+    </div>
+  </div>
+
+  <!-- Import Vue.js and axios -->
+  <script src="https://unpkg.com/vue"></script>
+  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+
+  <!-- Your JavaScript Code :) -->
+  <script>
+    new Vue({
+      el: '#app'
+    })
+  </script>
+</body>
+
+</html>