Completed basic skeleton css form, needs to be surrounded with form element still

src/main/resources/static/css/registerbusiness.css

@@ -80,4 +80,15 @@ url-centering{
     display: flex;
     flex-direction: row;
     justify-content: center;
+}
+
+.socialInput{
+    width:100%;
+    margin-right:5%;
+}
+
+.socialContainer{
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
 }
\ No newline at end of file

src/main/resources/templates/registerbusiness.html

@@ -72,7 +72,54 @@
                             </div>
                         </div>
                     </div>
+                    <h5 class="title is-5" style="text-align:center; margin-bottom: 2%">Add tags that describe your business</h5>
+                    <div style="width:100%;">
+                        <!-- Need to fix this, shouldn't be full width of modal -->
+                        <textarea maxlength="50" style="width:75%;" class="textarea" rows="2"></textarea>
+                    </div>
+
+                </div>
+                <div id="modal_page4" class="modal_page">
+                    <h5 class="title is-5" style="text-align:center">Social Media Links</h5>
 
+                    <div class="socialContainer">
+                        <span class="icon is-large is-left">
+                            <i class="fab fa-instagram"></i>
+                        </span>
+                        <input class="input socialInput">
+                    </div>
+                    <div class="socialContainer">
+                        <span class="icon is-large is-left">
+                            <i class="fab fa-facebook-f"></i>
+                        </span>
+                        <input class="input socialInput">
+                    </div>
+                    <div class="socialContainer">
+                        <span class="icon is-large is-left">
+                            <i class="fab fa-twitter"></i>
+                        </span>
+                        <input class="input socialInput">
+                    </div>
+                    <div class="socialContainer">
+                        <span class="icon is-large is-left">
+                            <i class="fab fa-tiktok"></i>
+                        </span>
+                        <input class="input socialInput">
+                    </div>
+                </div>
+                <div id="modal_page5" class="modal_page">
+                    <h5 class="title is-5" style="text-align:center">Average Monthly Sales</h5>
+                    <div class="socialContainer">
+                        <p class="control has-icons-left" style="min-width:50%; width:70%; margin:auto">
+                            <span class="icon is-large is-left">
+                                <i class="fas fa-pound-sign"></i>
+                            </span>
+                            <input class="input socialInput" style="margin-bottom:5%">
+                        </p>
+                    </div>
+                    <p class="subtitle is-5" style="text-align: center; font-size:10px">
+                        We need to know this, so we can accurately start you on the correct pricing tier
+                    </p>
                 </div>
             </section>
             <footer class="modal-card-foot modal-footer">