mirror of https://github.com/mainnika/a-quest.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
72 lines
2.4 KiB
72 lines
2.4 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<title>First, let's grab some beer</title>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="icon" type="image/png" href="images/icons/favicon.ico" />
|
|
<link href="//fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="q">
|
|
<div class="container-contact100">
|
|
<div class="wrap-contact100">
|
|
<form id="q-form" class="contact100-form" validate-form>
|
|
<span class="contact100-form-title">
|
|
<hr/>
|
|
One of the earliest signs of a "beer boom" is a lack of beer. The trend started during Prohibition, when prices started getting higher. People were not interested in beer. The people who didn't wanted to buy alcohol didn't care at all. They wanted better quality things, and not getting high.
|
|
<hr/>
|
|
The text above doesn't make sense. What is the author trying to say?
|
|
<hr/>
|
|
Just have some fun and
|
|
<br>
|
|
<b>be careful with a name.</b>
|
|
</span>
|
|
|
|
<div class="wrap-input100 validate-input" data-validate="gimme your name">
|
|
<input class="input100" type="text" name="name" placeholder="your name">
|
|
</div>
|
|
<div class="wrap-input100 validate-input" data-validate="gimme me an answer">
|
|
<input class="input100" type="text" name="answer" placeholder="answer">
|
|
</div>
|
|
|
|
<div class="container-contact100-form-btn">
|
|
<div class="wrap-contact100-form-btn">
|
|
<div class="contact100-form-bgbtn"></div>
|
|
<button class="contact100-form-btn" onclick="return tryAnswer(this)">
|
|
<span>
|
|
check
|
|
</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="a" class="hidden">
|
|
<div class="container-contact100">
|
|
<div class="wrap-contact150">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="./js/main.js"></script>
|
|
|
|
<!-- Global site tag (gtag.js) - Google Analytics -->
|
|
<script async src="//www.googletagmanager.com/gtag/js?id=UA-23581568-13"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag() { dataLayer.push(arguments); }
|
|
gtag('js', new Date());
|
|
|
|
gtag('config', 'UA-23581568-13');
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html> |