Xonra/index.html at main · randomgithubaccount19837/Xonra · 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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="yandex-verification" content="6c1dee6f1d5d1b63" />
    <meta name="google-site-verification" content="BMDpf3tWWse22ApXXFfEpqwknNP6yA4Hmrg3KlEHqUs" />
    <meta name="description" content="Xonra is a game development team creating fun minigames and experiences across platforms like Roblox.">
    <meta name="keywords" content="Xonra, Roblox games, minigames, game development">
    <meta name="author" content="Xonra">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Xonra</title>


    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">

    <link rel="stylesheet" href="styles.css">

    <link rel="icon" type="image/x-icon" href="images/Frame 18.png">

    <script src="scripts.js" defer></script>
</head>
<body>

<header>
    <a href="index.html" class="logo-container logo-link" aria-label="Xonra home">
        <img src="images/Frame 18.png" alt="Xonra Logo">
        <span class="Xonra_topleft">Xonra</span>
    </a>

    <button class="nav-toggle" type="button" aria-expanded="false" aria-controls="site-menu" aria-label="Open navigation">
        <span></span>
        <span></span>
        <span></span>
    </button>

    <div class="header-actions" id="site-menu">
        <nav class="navigation" aria-label="Primary">
            <a href="index.html" class="nav-link" aria-current="page">Home</a>
            <div class="dropdown">
                <button class="home-dropdown-btn" type="button" aria-haspopup="true" aria-expanded="false">
                     <i class="fas fa-chevron-down"></i>
                </button>
                <div class="dropdown-content">
                    <a href="#about">About</a>
                    <a href="#projects">Projects</a>
                    <a href="#help">Help</a>
                    <a href="#githubrepo">Github Repository</a>
                </div>
            </div>
            <a href="OurTeam.html" class="nav-link our-team-link">Our Team</a>
            <a href="news.html" class="nav-link News-link">News</a>
            <a href="settings.html" class="nav-link settings-gear" aria-label="Settings">
                <i class="fas fa-cog"></i>
                <span class="settings-label">Settings</span>
            </a>
        </nav>
    </div>
</header>

<section class="main" id="home">
    <div class="hero-content">
        <h2>Welcome to Xonra's<br><span>New Website</span></h2>
        <h3>We create games across multiple platforms</h3>
        <a href="#projects" class="main-btn">View our projects</a>
    </div>
</section>

<section class="cards" id="about">
    <h2 class="title">About Us</h2>
    <div class="content">
        <div class="card">
            <div class="info">
                <h3>Who we are</h3>
                <p>We want to make players happy and excited to play new, high-quality, fun games which people love and can reminisce about from their childhood. We are a team of developers building games and creative projects. In the last two years, we have been trying to make multiple games and develop multiple projects. However, most have just ended up as failed attempts; we continue to strive to create perfect games that do not just throw bright colours and popular internet slop around.</p>
            </div>
        </div>

        <div class="card">
            <div class="info">
                <h3>Our goal</h3>
                <p>To ensure players can enjoy trying out our games. To create childhood memories that last forever. To build a community of players who genuinely enjoy our games and see them as exciting, promising and fun. Whether it is some simple tag or a complex story mode game, we hope and attempt to make you all happy playing our games.</p>
            </div>
        </div>
    </div>
</section>

<section class="projects" id="projects">
    <h2 class="title">Projects</h2>
    <div class="content">
        <div class="project_card">
            <div class="project_info">
                <p class="project_category">Minigame • Roblox</p>
                <h3 class="project_name">Xonra Minigames</h3>
                <p class="project_description">
                    Jump into a collection of fun and fast-paced minigames created by the Xonra team. Play solo or with friends and enjoy different challenges, modes, and unique gameplay experiences all in one place. Note: this game is pre-alpha.
                </p>
                <div class="project_meta">
                    <span>9+</span>
                    <span>Voice Chat</span>
                </div>
                <a href="https://www.roblox.com/games/98609694871263/xonra-minigames"
                   target="_blank"
                   rel="noopener noreferrer"
                   class="play_btn">
                   Play Now
                </a>
            </div>
        </div>
    </div>
</section>
<section id="help">
    <h2 class="title">Help</h2>
    <p class="help-text">Contact us on Discord if you need help.</p>

    <div class="help-action">
        <a href="https://discord.gg/BR9hQTmSU5" target="_blank" rel="noopener noreferrer" class="discord-btn">
            Join our Discord
        </a>
    </div>
</section>

<section id="githubrepo">
    <h2 class="title">Github repository</h2>
    <p class="center">Contribute to the Github repository!</p>

    <div class="center">
        <a href="https://github.com/mohamedsamirms/Xonra" target="_blank" rel="noopener noreferrer" class="discord-btn">
            Github repository
        </a>
    </div>
</section>

<!-- Cloudflare Web Analytics -->
<script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "961307179a8746ba8be5f98ffc3e7556"}'></script>
<!-- End Cloudflare Web Analytics -->

</body>
</html>