-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
100 lines (93 loc) · 3.8 KB
/
index.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,[email protected],100..700,0..1,-50..200"
/>
<title>AR Agency</title>
<link rel="stylesheet" href="./assets/css/styles.css" />
</head>
<body class="background-main">
<header>
<nav class="nav-container navbar" aria-label="Main Menu">
<div class="nav-links">
<ul class="nav-menu">
<li class="nav-page-link nav-item"><a href="find.html">Find</a></li>
<li class="nav-page-link nav-item"><a href="#become">Become</a></li>
<li class="nav-page-link nav-item"><a href="contact.html">Contact</a></li>
<li class="nav-page-link nav-item"><a href="aboutus.html">About</a></li>
<li class="nav-page-link nav-item"><a href="#blog">Blog</a></li>
</ul>
</div>
<div class="nav-buttons">
<button class="text-button-icon-right">
<span class="material-symbols-rounded"> person </span>Log in
</button>
<button class="contatined-button-white">Register</button>
</div>
</nav>
</header>
<main>
<section>
<h1>
Agency AR:<br />Top talent for when conjuring goes wrong.<br />Magick
for all supernatural happenings
</h1>
<p>
Demons prowl in the shadows, preying on the unsuspecting, and the fear
they sow affects every corner of our lives. But there's a beacon of
hope: our Demon Slayer Agency, AR. We are a specialized force, a blend
of ancient wisdom and cutting-edge technology, dedicated to protecting
humanity from these supernatural threats.
</p>
</section>
<section class="long-form-content">
<h2>Keeping the world monster free since 200 B.C.</h2>
<div class="card-horizontal">
<img
src="assets/images/monster3.webp"
class="image-card-large"
alt="monster in target"
/>
<p>
Since its founding in 200 BC, our clan has dedicated itself to the
noble and perilous mission of demon hunting, safeguarding humanity
from the shadows that lurk in the unseen corners of the world. With
centuries of knowledge passed down through generations, our agents
are expertly trained in ancient techniques and modern tactics to
confront and neutralize creatures of nightmare. This sacred
tradition is not merely a duty but a calling, driven by the
unyielding belief that mankind must be protected from the monstrous
entities that threaten our very existence. As guardians of the thin
veil that separates the known from the unknown, we continue to stand
vigilant, ensuring the safety and peace of humans against the
ever-present danger posed by monsters.
</p>
</div>
</section>
<section>
<button
onclick="location.href='contact.html'"
class="contatined-button-accent"
>
<span class="material-symbols-rounded"> arrow_right_alt </span>Work
with AR
</button>
</section>
</main>
<footer>
<p>
No copy right infringement was intended when creating this work ✌️.
Check out <a href="https://github.com/fac31/Agency_AR">our repo 👩💻🧑💻</a>
</p>
<p>
Say hi <a href="https://github.com/Angelica137">@Angelica</a> &
<a href="https://github.com/RGHANILOO">@Reza</a>.
</p>
</footer>
<script src="./asset/js/index.js"></script>
</body>
</html>