From 29912c22d4e2070fdff77cc4729d04f55b6818ca Mon Sep 17 00:00:00 2001
From: bytesparallel <jason.ross841@gmail.com>
Date: Mon, 4 Oct 2021 11:57:14 -0500
Subject: [PATCH] backing up files

---
 .DS_Store       | Bin 0 -> 6148 bytes
 index.html      |  82 ++++++++++++++++++++++++++++++++++++++++++++++++
 styles/main.css |  30 ++++++++++++++++++
 3 files changed, 112 insertions(+)
 create mode 100644 .DS_Store
 create mode 100644 index.html
 create mode 100644 styles/main.css

diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..7636f21121b7702e70bc785398a43c86c5aabf05
GIT binary patch
literal 6148
zcmeHKyG{c^3>-s*B4|?5Ang}K;t!T66x93x3W)^LL5hF`-F196jO_*GIA|%*Sh8my
zp7Y%l=Uo7{cwV0aGXPV%Bi=lW&G+3$cF<NFEuQg$IqvX;2Xv$CpBJ2ajC(v{jScqr
zSKan@)ooYY_m{h%&)>s10*<g_ombY`U^mRQvv0XUP>=#rKnh3!DIf(x0rqUS=}DrZ
z6p#W^;7bAjKNPxSZP+KquY<vl@4i2AbmKVg62#KxwPByg9hxPTm{e<53`;uKOUtVb
z`^2QfqB5V;DqFjuSXAeFiF8;^RFnczV5q=hPG{c#FX_MB|A!>aq<|FoR|?o<dA(fl
zlUi>beVq5&LcgJZ8gnC^VQ>iG#9Q&{US9Dr^J>FBG3Z<mI#CA!*F`1;{z8Ed3^FG6

literal 0
HcmV?d00001

diff --git a/index.html b/index.html
new file mode 100644
index 0000000..cda2791
--- /dev/null
+++ b/index.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" type="text/css" href="styles/main.css" media="screen" />
+    
+</head>
+<section>
+       <!-- Parent biography component -->
+       <article class="bio">
+    
+        <!-- Child biography component -->
+        <section class="bio__name">
+            <h1>Sally Forthwright</h1>
+        </section>
+
+        <!-- Child biography component -->
+        <section class="bio__address">
+            100 Infinity Way, Nashville
+        </section>
+
+        <!-- Child biography component -->
+        <section class="bio__interests">
+            <div class="interest">
+                Oyster harvesting
+            </div>
+            <div class="interest">
+                Juggling
+            </div>
+            <div class="interest">
+                Triathlons
+            </div>
+            <div class="interest">
+                Killing ants
+            </div>
+            <div class="interest">
+                Melting stuff
+            </div>
+            <div class="interest">
+                Coloring
+            </div>
+            <div class="interest">
+                Sleeping
+            </div>
+            <div class="interest">
+                Singing
+            </div>
+        </section>
+
+    </article>
+<body>
+
+
+    
+
+
+    <header class="pageHeader">Coffee Houses of Nashville</header>
+
+
+<section class="list">
+  <article class="shop">The Jam</article>
+  <article class="shop">The Well</article>
+  <article class="shop">Red Bicycle</article>
+  <article class="shop">Crema</article>
+  <article class="shop">Frothy Monkey</article>
+  <article class="shop">8th &amp; Roast</article>
+  <article class="shop">Bongo Java</article>
+  <article class="shop">Flatrock</article>
+  <article class="shop">Fido</article>
+  <article class="shop">Steadfast Coffee</article>
+  <article class="shop">Dose Coffee</article>
+  <article class="shop">Sam &amp; Zoes</article>
+  <article class="shop">Slow Hand Coffee</article>
+  <article class="shop">The Horn</article>
+  
+</section>
+</style>
+</body>
+</html>
\ No newline at end of file
diff --git a/styles/main.css b/styles/main.css
new file mode 100644
index 0000000..67b19d3
--- /dev/null
+++ b/styles/main.css
@@ -0,0 +1,30 @@
+*
+
+.header {
+    display: flex;
+    text-align: center;
+}
+
+
+.list {
+display: flex;
+flex-wrap: wrap;
+justify-content: space-evenly;
+padding: 2em;
+margin: 1em;
+text-align: center;
+}
+
+.bio__interests {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-evenly; /* Evenly space the child elements */
+}
+
+.interest {
+    flex-basis: 16%;  /* Make each child element the same width */
+    border: 1px dotted crimson;
+    padding: 1em;
+    margin: 0.5em;
+    text-align: center; /* Center align the text in the boxes */
+}
\ No newline at end of file