play4uman.github.io/howToPlay.html at master · play4uman/play4uman.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
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <link href="css/howToPlay.css" rel="stylesheet">
    <title> How to play Rate </title>
</head>

<body>
    <div id="header">
        <img src="img/logo.png" class="logo" />
        <div class="navbar">
            <a id="home" href="home.html">home</a>
            <div class="dropdown">
                <a id="game" class="dropbtn">game</a>
                <div id="gameDrop" class="dropdown-content">
                    <a id="what" href="whatIsRate.html">what is rate</a>
                    <a id="how" href="howToPlay.html">how to play</a>
                    <a href="gameModes.html">game modes</a>
                </div>
            </div>
            <div class="dropdown">
                <a id="universe" class="dropbtn">universe</a>
                <div id="universeDrop" class="dropdown-content">
                    <a href="map.html">map</a>
                    <a href="#adventurers">adventurers</a>
                    <a id="items" href="items.html">items</a>
                    <a href="enemies.html">enemies</a>
                </div>
            </div>
            <div class="dropdown">
                <a id="stats" class="dropbtn">stats</a>
                <div id="statsDrop" class="dropdown-content">
                    <a href="leaderboardAdventurers.html">leaderboard adventurers</a>
                    <a href="#schools">leaderboard schools</a>
                    <a id="search" href="search.html">search</a>
                </div>
            </div>
            <a id="support" href="support.html">support</a>
            <a id="login" href="login.html">login</a>
            <a id="playnow" href="playnow.html">play now</a>
        </div>
        <hr>
    </div>

    <div id="daniContent">
        <div id="daniContainer">
            <div id=writableArea>
                <h1>How to play</h1>
                <p> Here you can learn the basics of the gameplay of Rate!
                </p>
                <h2>1. Learn how to perform basic movements and interactions with the world</h2>
                <iframe id="video" width="750" height="340" src="https://www.youtube.com/embed/fHD-PQHzNmE"
                    frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
                    allowfullscreen></iframe>
                <h2>2. Learn how to take and complete quests</h2>
                <iframe width="750" height="340" src="https://www.youtube.com/embed/ziFoSVUNO3M" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                <h2>3. Learn the basics of the combat system</h2>
                <iframe width="750" height="340" src="https://www.youtube.com/embed/ga6uJaGyrEk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
            </div>
        </div>
    </div>
</body>

</html>