Skip to content

Instantly share code, notes, and snippets.

View candicerm's full-sized avatar

Candice Manganar candicerm

View GitHub Profile
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="qs-style">
<form action="https://winac.quickschools.com/sms/api/v1/studentapplications/submit.html" method="POST" target="_top">
<div class="w3-container w3-teal">
<h2 class="w3-center">Application Form</h2>
</div>
<div class="w3-row w3-section">
<div class="w3-col" style="width:50px"><i class="w3-xxlarge fa fa-user"></i></div>
<!-- Copy this entire code block-->
<script>
function qsOnLoad($) {
/* Form */
$(".qsform").css({
"font-family": "Arial, Tahoma, sans-serif",
"font-size": "0.875rem"
});
/* Labels */
$(".qsform .qslabel").css({
<style>
.qs-style p {
font-family: Arial, Tahoma, sans-serif;
font-size: 0.875rem;
color: #7fbff4;
display: inline-block;
margin-bottom: 0px;
min-width: 200px;
vertical-align: top;
}
<!-- Copy this entire code block-->
<script>
function qsOnLoad($) {
$(".qsform").css("background", "#eeeeee");
$(".qsform button").css("background-color", "#4CAF50");
$(".qsform input").css("background-color", "#4CAF50");
}
</script>
<div id="application-form"></div>
<div class="qsstandalone-footnote" id="enquiry-footer">Form powered by <a href="http://www.quickschools.com"
<!-- Copy this entire code block-->
<div id="application-form"></div>
<div class="qsstandalone-footnote" id="enquiry-footer">Form powered by <a href="http://www.quickschools.com" 
target="_blank">QuickSchools.com - Student Information System</a></div>
<script src="https://<SCHOOLCODE>.quickschools.com/sms/es/application?divId=application-form" async></script>