Adding some very roughed in markup for the view file.

This is for the Event Registration for Step 1

diff --git a/views/front/registrations/registrationSelect.html b/views/front/registrations/registrationSelect.html
index e69de29..ebbd731 100644 (file)
--- a/views/front/registrations/registrationSelect.html
+++ b/views/front/registrations/registrationSelect.html
@@ -0,0 +1,128 @@
+<style>
+.glm-reg-event-list {
+    width: 100%;
+    padding: 0;
+}
+.glm-reg-event-item {
+    border: 1px solid black;
+    padding: 10px;
+    margin: 1.2rem 1rem;
+    position: relative;
+}
+.glm-reg-event-item h2 {
+    font-size: 1.5rem;
+    font-weight: bold;
+    /* background-color: #005779; */
+    /* border: 1px solid black; */
+    /* color: white; */
+    text-decoration: none;
+    padding: .4rem;
+    width: 80%;
+}
+.glm-reg-dates {
+    width: 48%;
+    float: right;
+}
+.glm-reg-dates input {
+    width: 8rem;
+    float: left;
+    margin: 0 1rem;
+}
+.glm-reg-level {
+    width: 48%;
+    float: left;
+    clear: left;
+}
+.glm-reg-level h3 {
+    font-size: 1rem;
+    font-weight: bold;
+    background-color: #729d8d;
+    color: white;
+    text-decoration: none;
+    padding: .3rem;
+}
+.glm-reg-entryforms {
+    width: 100%;
+    clear: both;
+    position: relative;
+}
+.glm-reg-level-add-registrant {
+    float: right;
+    font-size: 1.5rem;
+}
+.glm-reg-level-registrant {
+    width: 90%;
+    font-size: 1rem;
+    padding: .4rem;
+    margin: .4rem;
+    background-color: lightgrey;
+}
+.glm-reg-level-registrant span {
+    text-decoration: underline;
+    padding: .3rem 1rem .3rem .2rem;
+}
+.glm-reg-compcode-entry {
+    width: 11rem;
+    position: absolute;
+    top: .8rem;
+    right: .5rem;
+}
+.glm-reg-submit {
+    padding: 1rem;
+    position: absolute;
+    bottom: .3rem;
+    right: .5rem;
+}
+.glm-reg-level-registrant-name {
+}
+.glm-reg-level-registrant-email {
+}
+</style>
+<div class="glm-reg-event-list">
+    <div class="glm-reg-event-item clearfix">
+        <h2>Event Title</h2>
+        <div class="glm-reg-compcode-entry">
+            <input type="text" placeholder="Enter Comp Code Here" />
+        </div>
+        <p>Event Short Description text. This is from the event intro or maybe even part of the event description.</p>
+        <div class="glm-reg-entryforms clearfix">
+            <div class="glm-reg-dates">
+                <h4>Pick your registration dates</h4>
+                <input type="date" placeholder="Enter Date" />
+                <input type="text" placeholder="Enter Time" />
+            </div>
+            <div class="glm-reg-level">
+                <h3>V.I.P. Membership</h3>
+                <span class="glm-reg-level-add-registrant">+</span>
+                <div class="glm-reg-level-registrant clearfix"><span class="glm-reg-level-registrant-name">Jodie Bissonette</span> <span class="glm-reg-level-registrant-email">jodie@gaslightmedia.com</span></div>
+            </div>
+            <div class="glm-reg-level">
+                <h3>Attendees</h3>
+                <span class="glm-reg-level-add-registrant">+</span>
+                <div class="glm-reg-level-registrant clearfix"><span class="glm-reg-level-registrant-name">Steve Sutton</span> <span class="glm-reg-level-registrant-email">steve@gaslightmedia.com</span></div>
+            </div>
+            <div class="glm-reg-submit">
+                <input type="submit" value="Continue to Cart" />
+            </div>
+        </div>
+    </div>
+
+    <div class="glm-reg-event-item clearfix">
+        <h2>Event Title 2</h2>
+        <div class="glm-reg-compcode-entry">
+            <input type="text" placeholder="Enter Comp Code Here" />
+        </div>
+        <p>Event Short Description text. This is from the event intro or maybe even part of the event description.</p>
+        <div class="glm-reg-entryforms clearfix">
+            <div class="glm-reg-level">
+                <h3>Attendees</h3>
+                <span class="glm-reg-level-add-registrant">+</span>
+                <div class="glm-reg-level-registrant clearfix"><span class="glm-reg-level-registrant-name">Jodie Bissonette</span> <span class="glm-reg-level-registrant-email">jodie@gaslightmedia.com</span></div>
+                <div class="glm-reg-level-registrant clearfix"><span class="glm-reg-level-registrant-name">Steve Sutton</span> <span class="glm-reg-level-registrant-email">steve@gaslightmedia.com</span></div>
+            </div>
+            <div class="glm-reg-submit">
+                <input type="submit" value="Continue to Cart" />
+            </div>
+        </div>
+    </div>
+</div>