ProjectFMS.github.io/help.html at master · error2403/ProjectFMS.github.io · GitHub

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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<!DOCTYPE html>
<html>
    <head>
        <title>About Us</title>

        <meta name ="viewport" contents="width=device-width"/>
        <meta name="descrption" content="The Official Coupmanati Website"/>
        <meta charset="UTF-8">

        <link type="text/css" rel = "stylesheet" href = "infoPage.css">
    </head>

    <body>
        <header>
            <img src = "images/sun.png" alt="sun"/>
            <nav>
                <ul>
                	<li> <a href = "index.html" class = "button">Activities</a> </li>
                	<li> <a href = "about.html" class = "button">About</a> </li>
                	<!-- <li> <a href = "contact.html" class = "button">Contact Us</a> </li> -->
                	<li> <a href = "help.html" class = "button">Help</a> </li>
                	<!-- <li> <a href = "settings.html" class = "button">Settings</a> </li> -->
                </ul>
            </nav>
        </header>
        <div id="cv">
			<div class="mainDetails">

				<div id="name">
					<h1>Help</h1>
				</div>

				<div class="clear"></div>
			</div>

			<div id="mainArea">
				<section>
					<article>
						<div class="MemberName">
							<h1>Twist Arm</h1>
							<img src="images/twist_arm.PNG">
						</div>

						<div class="MemberContent">
							<h2>How to Complete</h2>
							<p>The twist arm activity can be completed by rotating the circles until they turn green. To rotate the circles, click and hold the rightmost circle then drag in a circular mostion, following the arrows. This action needs to be repeated 5 times in order for the congratulations screen to appear.</p>
							<h2>What It Improves</h2>
							<ul>
								<li>Hand-eye Coordination</li>
								<li>Wrist Movement</li>
								<li>Hand Stability</li>
							<br/>
						</div>
					</article>
					<div class="clear"></div>
				</section>
				<section>
					<article>
						<div class="MemberName">
							<h1>Matching Shapes</h1>
							<img src="images/matching_shapes.PNG">
						</div>

						<div class="MemberContent">
							<h2>How to Complete</h2>
							<p>The matching shapes activity begins by the user clicking the play button. When pressed, four random shapes are printed under the “Pattern” box. The user must then correctly press the buttons that are associated with the displayed shapes, located in the box titled “Available Shapes” in the correct order of the displayed shapes. After doing this, the user must press the “Test Answer” button located at the bottom left hand side of this activity. When pressed, visual feedback will be displayed on the screen that indicates whether the user successfully completed the activity or not.</p>
							<h2>What It Improves</h2>
							<ul>
								<li>Pressing Buttons</li>
								<li>Copying and Matching Shapes</li>
							<br/>
						</div>
					</article>
					<div class="clear"></div>
				</section>
				<section>
					<article>
						<div class="MemberName">
							<h1>Tracing Shapes</h1>
							<img src="images/twist_arm.PNG">
						</div>

						<div class="MemberContent">
							<h2>How to Complete</h2>
							<p></p>
							<h2>What It Improves</h2>
							<ul>
								<li>Hand-eye Coordination</li>
								<li>Hand Stability</li>
							<br/>
						</div>
					</article>
					<div class="clear"></div>
				</section>
			</div>
		</div>
    </body>
</html>