Skip to content

Instantly share code, notes, and snippets.

@arunmdavid

arunmdavid/dabblet.html

Created November 21, 2016 14:13
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save arunmdavid/8e60b77c8e8e10b36a89450473ea86ca to your computer and use it in GitHub Desktop.
Save arunmdavid/8e60b77c8e8e10b36a89450473ea86ca to your computer and use it in GitHub Desktop.
Download ZIP
Untitled
Raw
dabblet.html
<!DOCTYPE html>
<html>
<head>
<title>Scripbox Quiz</title>
<style>
body{background: #EEE;color: #333; font-family: arial;}
.header{text-align: center; margin: 30px;}
.subtitle{text-align: center;color: #555;}
.container{box-shadow: 2px 2px 2px #CCC; background: #FFF;width: 600px;margin: 0 auto;min-height: 500px; }
.question-section{padding: 25px; padding-bottom: 0; border-bottom: 1px solid #CCC;}
.question{font-size: 24px; padding-top: 15px; }
.choice{margin: 25px;}
.cta{text-align: center; }
.submit{margin: 30px;background-color: #F58024; /* Green */ border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px;}
</style>
</head>
<body>
<div class='header'>
<img src='https://d2d7tuswovzddz.cloudfront.net/assets/logo-ccbc70fd384270272fa9071f61749e34ebc7bf877630a2f5bcf06aab9111ad71.png'/>
<h3 class='subtitle'>Interview Prelims - Round 1</h3>
</div>
<div class='container'>
<div class='question-section'>
<div class='question'>
1. What is ROR?
</div>
<div class='choice'>
<input type='radio' name='q_1' value='1' /> a) Ruby on Rails
</div>
<div class='choice'>
<input type='radio' name='q_1' value='2' /> b) Ruby on Rails
</div>
<div class='choice'>
<input type='radio' name='q_1' value='3' /> a) Ruby on Rails
</div>
<div class='choice'>
<input type='radio' name='q_1' value='4' /> a) Ruby on Rails
</div>
</div>
<div class='question-section'>
<div class='question'>
1. What is ROR?
</div>
<div class='choice'>
<input type='radio' name='q_2' value='' /> a) Ruby on Rails
</div>
<div class='choice'>
<input type='radio' name='q_2' /> a) Ruby on Rails
</div>
<div class='choice'>
<input type='radio' name='q_2' /> a) Ruby on Rails
</div>
<div class='choice'>
<input type='radio' name='q_2' /> a) Ruby on Rails
</div>
</div>
<div class='cta'>
<input class='submit' type='submit' name='Submit' />
</div>
</div>
</body>
</html>
Raw
dabblet.js
questions=[
{"q": "What is your Age?","c":[
{"o": "20s to mid 30s","a":"ans 1"},
{"o": "Mid 30s to Late 40s","a":"ans 2"},
{"o": "50 and above","a": "ans 3"}
]
}
];
$(document).ready(function(){
$('#container').html('hi');
});
Raw
settings.json
{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment