FullstackAcademy · sethdavis118 · Jul 23, 2025 · Jul 23, 2025 · Jul 24, 2025 · Jul 24, 2025
diff --git a/.DS_Store b/.DS_Store
diff --git a/Fullstack Bakery.jpg b/Fullstack Bakery.jpg
diff --git a/SnowSeeker.jpg b/SnowSeeker.jpg
diff --git a/Zoo.jpg b/Zoo.jpg
diff --git a/about.css b/about.css
@@ -0,0 +1,60 @@
+h2 {
+  margin-bottom: 2rem;
+  border-bottom: dotted;
+
+  background-color: inherit;
+}
+
+h3 {
+  background-color: inherit;
+}
+
+.information {
+  display: grid;
+  grid-template-columns: 1fr 4fr;
+  grid-template-rows: 20% 80%;
+
+  background-color: inherit;
+
+  margin-bottom: 2rem;
+  padding-bottom: 2rem;
+  border-bottom: dotted;
+
+  img {
+    grid-column: 1/2;
+    grid-row: 1/2;
+  }
+
+  p {
+    grid-column: 2/3;
+    grid-row: 2/3;
+    padding-left: 1rem;
+
+    background-color: inherit;
+  }
+}
+
+/* img {
+  width: 175px;
+  border-radius: 50%;
+} */
+
+@media (width < 700px) {
+  .information {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+  }
+
+  main img {
+    width: 50%;
+    float: center;
+    /* border-radius: 50%;  */
+    margin: 10px 0 10px 10px;
+  }
+
+  header {
+    gap: 1rem;
+  }
+}
diff --git a/about.html b/about.html
diff --git a/contact.css b/contact.css
@@ -0,0 +1,48 @@
+body {
+  min-height: 100vh;
+}
+
+form {
+  display: flex;
+  flex-direction: column;
+  max-width: 400px;
+  gap: 1em;
+
+  background-color: inherit;
+}
+
+label {
+  font-weight: bold;
+  background-color: inherit;
+}
+
+input,
+textarea {
+  padding: 0.5em;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  font-size: 1em;
+  font-family: inherit;
+}
+
+button {
+  color: white;
+  border: none;
+  padding: 0.7em;
+  cursor: pointer;
+  border-radius: 4px;
+  font-size: 1em;
+}
+
+h3 {
+  margin-top: 1rem;
+  margin-bottom: 5rem;
+
+  background-color: inherit;
+}
+
+@media (width < 700px) {
+  header {
+    gap: 1rem;
+  }
+}
diff --git a/contact.html b/contact.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Contact Form</title>
+    <link rel="stylesheet" href="index.css" />
+    <link rel="stylesheet" href="contact.css" />
+  </head>
+  <body>
+    <header>
+      <h1>Contact</h1>
+      <div class="page_links">
+        <a href="home.html" class="nav_links">Home</a>
+        <a href="about.html" class="nav_links">About</a>
+        <a href="portfolio.html" class="nav_links">Portfolio</a>
+        <a href="contact.html" class="nav_links">Contact</a>
+      </div>
+    </header>
+    <main>
+      <h3>
+        Contact me here. Please add your information so I can respond if I feel
+        so inclined :)
+      </h3>
+      <form>
+        <label for="name">Name</label>
+        <input type="text" id="name" name="name" />
+        <br />
+        <label for="email">Email</label>
+        <input type="text" id="email" name="email" />
+        <br />
+        <label for="message">Message</label>
+        <textarea name="message" id="message" rows="8"></textarea>
+        <br />
+        <input type="submit" value="Submit" />
+      </form>
+    </main>
+    <footer></footer>
+  </body>
+</html>
diff --git a/contact_form.html b/contact_form.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Contact Form</title>
+    <link rel="stylesheet" href="index.css" />
+    <link rel="stylesheet" href="contact_form.css" />
+  </head>
+  <body>
+    <header>
+      <h1>Contact</h1>
+      <a href="home.html">Home</a>
+      <a href="about.html">About</a>
+      <a href="portfolio.html">Portfolio</a>
+      <a href="contact_form.html">Contact</a>
+    </header>
+    <main>
+      <form>
+        <label for="name">Name</label>
+        <input type="text" id="name" name="name" />
+        <!--I'm getting errors about id. Is that a problem?-->
+        <br />
+        <label for="email">Email</label>
+        <input type="text" id="email" name="email" />
+        <!--I'm getting errors about id. Is that a problem?-->
+        <br />
+        <label for="message">Message</label>
+        <textarea name="message" id="message" rows="3"></textarea>
+        <!--I'm getting errors about id. Is that a problem?-->
+        <br />
+        <input type="submit" value="Submit" />
+      </form>
+    </main>
+    <footer></footer>
+  </body>
+</html>
diff --git a/home.css b/home.css
@@ -0,0 +1,65 @@
+body {
+  height: 100vh;
+}
+
+#name {
+  padding-top: 1rem;
+}
+
+.top-section {
+  justify-content: space-between;
+  display: flex;
+  flex-direction: row;
+
+  background-color: inherit;
+  border-bottom: dotted;
+}
+
+main img {
+  width: 300px;
+  float: right;
+  border-radius: 5%;
+  margin: 10px 0 10px 10px;
+}
+
+h3 {
+  background-color: inherit;
+}
+
+div {
+  background-color: inherit;
+}
+
+#explainer {
+  margin-top: 5rem;
+
+  background-color: #303b39;
+}
+
+@media (width < 700px) {
+  main {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+  }
+
+  .top-section {
+    justify-content: space-between;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    text-align: center;
+  }
+
+  main img {
+    width: 50%;
+    float: center;
+    border-radius: 5%;
+    margin: 10px 0 10px 10px;
+  }
+}
+
+h3 {
+  margin-left: 0;
+}
diff --git a/home.html b/home.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Home</title>
+    <link rel="stylesheet" href="index.css" />
+    <link rel="stylesheet" href="home.css" />
+    <script defer src="name.js"></script>
+  </head>
+  <body>
+    <header>
+      <h1 id="name">Seth Davis</h1>
+      <div class="page_links">
+        <a href="home.html" class="nav_links">Home</a>
+        <a href="about.html" class="nav_links">About</a>
+        <a href="portfolio.html" class="nav_links">Portfolio</a>
+        <a href="contact.html" class="nav_links">Contact</a>
+      </div>
+    </header>
+    <main>
+      <div class="top-section">
+        <h3>
+          Lorem ipsum dolor sit amet consectetur, adipisicing elit. Nulla sit
+          omnis iusto
+        </h3>
+        <img src="self.jpg" alt="Seth Davis" />
+      </div>
+      <div>
+        <!-- The picture is currently of just a random guy. -->
+        <p id="explainer">
+          Lorem ipsum dolor sit, amet consectetur adipisicing elit. Eaque
+          provident fugit accusamus expedita! Aliquid eveniet harum beatae
+          officiis dolor blanditiis iure! Itaque labore dolore quae porro
+          perferendis tempora quis aliquam.
+        </p>
+      </div>
+    </main>
+    <footer></footer>
+    <!-- Do I even need a footer for anything? -->
+  </body>
+</html>
diff --git a/index.css b/index.css
@@ -0,0 +1,63 @@
+* {
+  padding: 0;
+  margin: 0 auto;
+
+  color: white;
+  background-color: #9b804a;
+}
+
+body {
+  width: 80%;
+  padding: 1rem;
+
+  background-color: #303b39;
+}
+
+main {
+  background-color: inherit;
+}
+
+header {
+  display: flex;
+  flex-direction: row;
+
+  background-color: inherit;
+  justify-content: space-between;
+  align-items: center;
+  height: 80px;
+
+  border-bottom: dotted;
+  margin: 1rem;
+
+  h1 {
+    background-color: inherit;
+  }
+
+  a {
+    font-size: large;
+    text-decoration: none;
+  }
+}
+
+a {
+  color: #9b804a;
+  background-color: inherit;
+}
+
+.page_links {
+  display: flex;
+  gap: 2ch;
+
+  background-color: inherit;
+}
+
+.nav_links {
+  background-color: inherit;
+}
+
+@media (width < 700px) {
+  header {
+    display: flex;
+    flex-wrap: wrap;
+  }
+}
diff --git a/name.js b/name.js
@@ -0,0 +1 @@
+console.log("Seth Davis");