backing up files

2021-10-04 11:57:14 -05:00
commit 29912c22d4
3 changed files with 112 additions and 0 deletions
@@ -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>
@@ -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 */
+}