-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path916738944.html
48 lines (47 loc) · 3.73 KB
/
916738944.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!-- word-search-tutorial -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Word Search Tutorial</title>
<link rel="icon" type="image/x-icon" href="images/favicon.ico">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/sudoku-tutorial.css">
</head>
<body>
<div class="wrapper">
<h1>How to play word search on this website</h1>
<section class="content">
<div class="tutorial">
<div class="first">
<div class="explanation intro"><p>You will be provided with a word search grid, and a list of eight words to find. Observe the grid, and once you find a word, you can select it as per the instructions below.</p></div>
<img src="images/word-search-tut1.png" alt="word search tutorial">
<div class="explanation"><p>If you are using a laptop/desktop, you select a word by clicking on its first letter with the mouse, then dragging the mouse in the direction of the rest of the word.</p></div>
</div>
<div class="second">
<img src="images/word-search-tut2.png" alt="word search tutorial">
<div class="explanation"><p>Once you release your click, if the word you selected is indeed correct, it will be highlighted and crossed off from the list. </p></div>
</div>
<div>
<img src="images/word-search-tut1-phone-alt.png" class="phone-display" alt="word search tutorial">
<div class="explanation"><p>If you are using a touch-screen device (phone, tablet, etc), you select a word by clicking on each of its letters.</p></div>
</div>
<div>
<img src="images/word-search-tut2-phone-alt.png" class="phone-display" alt="word search tutorial">
<div class="explanation"><p>To confirm your selection, click anywhere outside the word search grid (highlighted in red in this picture for your reference). If the word you selected is indeed correct, it will be highlighted and crossed off from the list. <br>To deselect a selection, also click outside the word search grid.</p></div>
</div>
<div class="third">
<img src="images/word-search-tut3.png" alt="word search tutorial">
<div class="explanation"><p>Once you are done, you will be automatically prompted to continue.</p><br></div>
</div>
<div class="explanation"><p>Please ensure that you select the letters of a word in order. For instance, in selecting the word "state" as above, start from the letter "s" all the way to "e", do not go in reverse order.</p><br></div>
<div class="explanation"><p>You will start off first with a practice round to get a feel of how to complete the task; then, you will move on to the official round. If you would like to, you may skip the practice round by clicking on the "Skip Practice Round" button you will find at the top right of the page.</p><br><a href="788177654.html">Play Game</a></div>
</div>
</section>
</div>
<script>alert('Please read the following instructions carefully.')</script>
</body>
</html>