Skip to content

Instantly share code, notes, and snippets.

@PatrickatPaperlessPCS

PatrickatPaperlessPCS/index.html

Last active October 26, 2017 18:13
Show Gist options
  • Save PatrickatPaperlessPCS/07cb8bf4bc40bd3463612bb88d4dcd70 to your computer and use it in GitHub Desktop.
Save PatrickatPaperlessPCS/07cb8bf4bc40bd3463612bb88d4dcd70 to your computer and use it in GitHub Desktop.
Download ZIP
Single Registration Page
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.show {
background-color: #DADFE1;
}
.show-container {
margin: 10%;
z-index: 2;
background-color: white;
border-style: solid;
border-color: #95A5A6;
border-radius: 15px;
}
.pad10 {
padding-left: 15px;
}
.img_header {
width: 100%;
z-index: 2;
}
.title {
font-family: sans-serif;
font-size: 55px;
font-weight: bolder;
padding-bottom: 10px;
padding-top: 10px;
}
.date {
text-align: right;
font-size: 15px;
padding-bottom: 10px;
}
.location {
text-align: right;
font-size: 25px;
padding-bottom: 10px;
}
.information {
border-style: solid;
border-color: gray;
padding: 25px;
}
</style>
<link rel="stylesheet" media="all" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
</head>
<body class="show">
<div class="container-fluid show-container">
<p id="notice"></p>
<div class="title">
Mostly Just Testing
</div>
<div class="location">
Mandalay Bay Resort &amp; Casino Conference Center
</div>
<div class="date">
2017-10-27 to 2018-10-27</div>
<img class="img_header" src="https://projectcontroltraining.com/wp-content/uploads/2016/02/project-controls-Conferences.jpg" alt="Conference e48063da623b7de1b017769c58a8904cab7ecfb0235a6d3ca8e2f043f1515669" />
<br>
<p class="information">This is a big conference. We&#39;re going to &lt;b&gt; test things &lt;/b&gt;</p>
<form class="new_attendee" id="new_attendee" action="/events/34/attendees" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="&#x2713;" /><input type="hidden" name="authenticity_token" value="tb3/1jAh9OyWsiaOM5vcF5RRh8Zd+tbK6rcdh2gb4UFwRuNj0xprvU6bGuzduBlCOtdDY292fPDIB4TeK3Nv+w==" />
<input type="hidden" value="106" name="attendee[answers_attributes][0][question_id]" id="attendee_answers_attributes_0_question_id" />
<p>When did you first start going?
<input class="form-control" type="text" name="attendee[answers_attributes][0][reply]" id="attendee_answers_attributes_0_reply" /> </p>
<input type="hidden" value="107" name="attendee[answers_attributes][1][question_id]" id="attendee_answers_attributes_1_question_id" />
<p>What time of day is it there?
<input class="form-control" type="text" name="attendee[answers_attributes][1][reply]" id="attendee_answers_attributes_1_reply" /> </p>
<input type="hidden" value="108" name="attendee[answers_attributes][2][question_id]" id="attendee_answers_attributes_2_question_id" />
<p>How much do you want to pay?
<input class="form-control" type="text" name="attendee[answers_attributes][2][reply]" id="attendee_answers_attributes_2_reply" /> </p>
<br>
<center><input type="submit" name="commit" value="Regsister Me!" class="btn btn-success" /> </center>
</form>
<br>
</div>
</body>
</html>
Raw
script.js
console.log('Hello World!');
Raw
styles.css
/* todo: add styles */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment