added example folder to exemplify layout in class

Bowers96 · Mar 28, 2016 · c1eae40 · c1eae40
1 parent 779727b
commit c1eae40
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 0 deletions.
diff --git a/example/index.html b/example/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Playing with Layouts</title>
+    <link rel="stylesheet" href="style.css">
+  </head>
+  <body>
+    <div class="half">
+      <p>I'm a box!</p>
+    </div>
+    <div class="half">
+      <p>I'm a box!</p>
+    </div>
+    <div class="half">
+      <p>I'm a box!</p>
+    </div>
+    <div class="full">
+      <p>I'm also a box!</p>
+      <p>Just a little different from those others.</p>
+    </div>
+  </body>
+</html>
diff --git a/example/style.css b/example/style.css
@@ -0,0 +1,17 @@
+div{
+  height: 100px;
+  border: 1px solid #000;
+  margin-bottom: 10px;
+  text-align: center;
+  width: 30%;
+}
+
+p {
+  font-family: Helvetica;
+}
+
+.half {
+}
+
+.full{
+}