<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>PhotoLi | registration</title>
<!-- connecting web-page icon -->
<link rel="icon" href="tab%20icon.png">
<!-- connecting css -->
<link rel="stylesheet" type="text/css" href="styles.css">
<script async src='/cdn-cgi/bm/cv/669835187/api.js'></script>
</head>
<body>
<header><big>PhotoLi</big></header>
<!-- scrollDownBtn -->
<big>
<h3 id="main2">PhotoLi - we TAKE photos</h3>
<a id="linkToStart" href=#footer>⁖ How we started </a>
<a id="linkToServices" href=#footer2>⁖ Our services</a>
<big>
<main>
<div class="mainInfo">
<big>
<h2 id="hello">Hello!</h2>
</big>
<p style="word-spacing: 1px">Please, leave your email and a phone number, to book a photosession</p>
<form id="form1">
<!--Input commands -->
<br>
<label>Email</label>
<input id="email" type="email" placeholder="email" required size="28"> <br> <br>
<label>Phone Number</label>
<input id="phone" type="tel" placeholder="phone number"> <br> <br>
<small><label style="font-weight: bolder; "><a id="linkToRules" href="">I agree with rules and terms</a></label></small>
<input id="checkboxAgree" type="checkbox" required> <br> <br>
<input id="submit" type="submit" value="Book photosession"> <br> <br>
</form>
</div>
</main>
<hr id="beforeFooter">
<footer> <small><small>since 2022 we were providing best quality photos to people</small></small></footer>
</big>
</big>
<p>Our story began in January of 2022, when we decided to try photography.........</p>
<p>Mathey - one of our main photographers and the ex-founder of <big><b>"PhotoLi"</b></big> was just a regular person who wanted to bring some colorful pictures to the world. His possesion has become even more powerful since that time and he is ready to create, take photos and share 'em with you.</p>
<img id="matheyPhoto" styles="float:left" src="man_smokes.jpg" alt="Mathey" title="Mathey">
<div>
<p id="matheyInfo">"When I was young I always wanted to try photography, but there was no chance to do it.<br> But when I met my team, everything had changed.<br> We love working together, we love working with our clients" — <big style="text-decoration: underline;">Mathey Woodman</big></p>
</div>
<div>
<p id="ashleyInfo">"To make our clients feel comfortable and comfident in the success of our photo session,<br> we use only new and modern cameras and other devices.<br> That's playing a big role" - <big style="text-decoration: underline;"> Ashley Blackwood </big> </p>
</div>
<img id="ashleyPhoto" src="Ashley.jpg" alt="Ashley" title="Ashley">
<footer id="footer2">
<div id="servicesFooter">Our services</div>
</footer>
<div>
<p style="position: absolute; margin-left:175px;"><b>Party photosessions</b></p>
<img src="halloween%20party.jpg" id="halloween_partyIcon" alt="book photosession">
</div>
<p style="position: absolute; margin-left:710px; margin-top:-450px;">
<b>Wedding photosessions</b>
</p>
<img src="wedding.jpg" id="wedding_icon" alt="book photosession">
<p style="margin-left:1230px; margin-top:-450px;"><b>Personal photosession</b></p>
<img src="portret%20photo.jpg" id="portrait_photo" alt="book photosession">
</body>
</html>age input = document.querySelector('#input');
let btn = document.querySelector('#btn');
btn.addEventListener('click', () => {
document.write(`variable = ${input.value}`);
})
if (age >= 14) {
document.write('Юхуууууу.... Вы уже можете принять участие в голосовании :/');
} else {
document.write('Вам ещё нет 14 лет....);