Skip to content

Instantly share code, notes, and snippets.

@tilhom

tilhom/gist:5de02a0a27c2066790cf13492a777160

Last active November 6, 2018 16:32
Show Gist options
  • Save tilhom/5de02a0a27c2066790cf13492a777160 to your computer and use it in GitHub Desktop.
Save tilhom/5de02a0a27c2066790cf13492a777160 to your computer and use it in GitHub Desktop.
Download ZIP
quiz
Raw
gistfile1.txt
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test</title>
<link rel="stylesheet" type="text/css" href="../dist/css/bootstrap.min.css">
<style>
body {
padding: 40px;
}
</style>
</head>
<body class="bg-secondary">
<div class="container">
<h1 class="text-light text-center pb-3">Тест на знание английских терминов</h1>
<div class="card text-center w-75 mx-auto">
<div class="card-header bg-primary text-white">
<h3>Вопросы - ответы</h3>
</div>
<div class="card-body">
<form>
<h4 class="card-title">Вопрос №1</h4>
<p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
<div class="w-25 mx-auto text-left">
<div class="form-check">
<label class="form-check-label">
<input class="form-check-input" type="radio" name="q1" value="a">
Option one
</label>
</div>
<div class="form-check">
<label class="form-check-label">
<input class="form-check-input" type="radio" name="q1" value="b">
Option two
</label>
</div>
<div class="form-check">
<label class="form-check-label">
<input class="form-check-input" type="radio" name="q1" value="c">
Option three
</label>
</div>
<div class="form-check">
<label class="form-check-label">
<input class="form-check-input" type="radio" name="q1" value="d">
Option four
</label>
</div>
</div>
<hr>
<h4 class="card-title">Вопрос №2</h4>
<p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
<hr>
<h4 class="card-title">Вопрос №3</h4>
<p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
<hr>
<h4 class="card-title">Вопрос №4</h4>
<p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
<hr>
<h4 class="card-title">Вопрос №5</h4>
<p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
<hr>
<a href="#" class="btn btn-success btn-lg w-25">Отправить</a>
</form>
</div>
<div class="card-footer text-white bg-warning">
<h3>Результаты:</h3>
</div>
</div> </div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment