Teacher/parent

client/components/parent/parent.css

@@ -0,0 +1 @@
+

client/components/parent/parent.js

@@ -1,3 +1,3 @@
-Ractive.components.student = Ractive.extend({
-    template:'#student'
+Ractive.components.parent = Ractive.extend({
+    template:'#parent'
 });

client/components/teacher/teacher.html

@@ -0,0 +1,11 @@
+<div class="row">
+    <div class="col s12 m6 offset-m3">
+        <div class="card">
+            <div class="card-content">
+                <span class="card-title grey-text">{{studentName}} - {{age}}</span>
+                <p>I am a very simple card. I am good at containing small bits of information.
+                    I am convenient because I require little markup to use effectively.</p>
+            </div>
+        </div>
+    </div>
+</div>

client/components/teacher/teacher.js

@@ -0,0 +1,3 @@
+Ractive.components.teacher = Ractive.extend({
+    template:'#teacher'
+});