Paragraphs added. First draft of Issue #3 complete.

issue-3/index.html

@@ -32,6 +32,8 @@
       </header>
       <section class="first">
         <script>setFirstSection()</script>
+        <p>Goal setting is the process of defining targets or objectives that one intends to achieve within a specific time frame. <strong>Setting SMART goals</strong>, which are specific, measurable, achievable, relevant, and time-bound, can increase the chances of success. A good starting point is to identify what you want to achieve and why, and then break down the goal into smaller, more manageable steps. <strong>Visualizing success</strong> and regularly reviewing progress can help to stay motivated and focused. Setting goals can lead to a sense of direction and purpose, and <a href="https://en.wikipedia.org/wiki/Motivation">motivate</a> people to work towards their aspirations. It can also promote personal growth and development, improve performance, and increase satisfaction and happiness.</p>
+        <p>Use the form below to add another goal to the goal list. All fileds will <em>only accept</em> alpha numeric characters with the exception of the description field; it will accept basic punctuation.</p>
       </section>
       <hr>
       <section class="form-section">
@@ -99,7 +101,10 @@
         </script>
       </section>
       <br>
-      <footer>Footer here</footer>
+      <footer>
+        <a href="https://www.linkedin.com/in/robecampbelljr/"><img class="social" src="./pics/LI-In-Bug.png"></a>
+        <a href="https://twitter.com/robecampbelljr"><img class="social" src="./pics/twitter.png"></a>
+      </footer>
     </div>
   </body>
 </html>

issue-3/style.css

@@ -104,6 +104,9 @@ nav ul li:hover {
 }
 
 footer {
+  display: flex;
+  justify-content: space-evenly;
+  align-items: center;
   min-height: 60px;
   width: 100%;
   background-color: var(--main-color);
@@ -151,6 +154,8 @@ footer {
 }
 
 .first {
+  display: flex;
+  justify-content: space-evenly;
   width: 88%;
   min-height: 43%;
   background-color: var(--secondary-color);
@@ -194,11 +199,24 @@ a {
 table {
   margin-top: 20px;
   border: 1px solid var(--border-color);
+  border-radius: 10px;
 }
 
 form {
   margin-top: 25px;
+  border: 2px solid var(--border-color);
+  padding: 25px;
   display: flex;
   flex-direction: column;
+  position: relative;
+  border-radius: 10px;
+}
+
+p {
+  width: 300px;
 }
 
+.social {
+  width: 50px;
+  height: 50px;
+}