-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
152 lines (139 loc) · 7.25 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
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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Attorney Online</title>
<meta name="description" content="Attorney Online - a roleplaying chatroom based primarily in the Ace Attorney universe.">
<meta name="author" content="Attorney Online">
<meta name="keywords" content="ace attorney, attorney online, phoenix wright, roleplay"/>
<meta name="copyright" content="Attorney Online" />
<meta property="og:title" content="Attorney Online Community - Home">
<meta property="og:type" content="website">
<meta property="og:url" content="https://aceattorneyonline.com/">
<meta property="og:description" content="Attorney Online - a roleplaying chatroom based primarily in the Ace Attorney universe.">
<meta property="og:image" content="img/logo.png">
<!-- Mobile Specifc Meta -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- Bootstrap Integration -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css?family=Oswald%7CRoboto+Condensed%7CPoiret+One&display=swap" rel="stylesheet">
<!-- AOS -->
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<!-- Style sheets -->
<link rel="stylesheet" href="css/styles.css?ref=2" />
<!-- Favicon -->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
</head>
<body class="text-white">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<img class="logo" alt="Phoenix Wright and Miles Edgeworth" src="img/logo.png" height="55">
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="index.html">HOME </a>
</li>
<li class="nav-item">
<a class="nav-link" href="download.html">DOWNLOAD </a>
</li>
<li class="nav-item">
<a class="nav-link" href="support.html">SUPPORT & FAQ </a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://discord.gg/wWvQ3pw">DISCORD </a>
</li>
</ul>
</div>
<a href="http://web.aceattorneyonline.com" class="btn btn-lg active">PLAY ONLINE</a>
<a href="download.html#first" class="btn btn-lg active dl" role="button" aria-pressed="true">Download Now</a>
</nav>
<div class="jumbotron jumbotron-fluid">
<img class="jumbo-hoverlogo" src="img/logo-new.svg" alt="AO New Logo">
<img class="jumbo-logo" src="img/AO-BG-BLANK.webp" alt="AO background">
</div>
<div class="container-fluid">
<div class="row video">
<div class="col-lg-6 videobox">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/-YGvxjU91Rk?start=322" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<div class="col-lg-6 cta-1">
<div class="row">
<div id="about" class="col-lg-8 offset-lg-2" data-aos="fade-up">
<h1>WELCOME TO AO</h1>
<div class="small-line"></div>
<p>Welcome to Attorney Online, abbreviated AO, a roleplaying chatroom based primarily in the <em>Ace Attorney</em> universe. Sporting hundreds of player-made characters, court cases and abstract roleplays, AO has been a tight-knit community for over a decade.</p>
<div class="btn-div">
<a href="download.html#first" class="btn btn-lg active dl" role="button" aria-pressed="true">Download Now</a>
<a href="http://web.aceattorneyonline.com" class="btn btn-lg active">PLAY ONLINE</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row cards">
<div class="col-md-4">
<div class="card" data-aos="flip-left" data-aos-duration="300">
<img class="card-img-top" src="img/c1.png" alt="Phoenix Wright, Apollo Justice, Trucy Wright, Maya Fey, Klavier Gavin and Miles Edgeworth looking at each other. Judge in the Background">
<div class="outline"></div>
<div class="card-body">
<h3 class="card-title">CLASSIC CHARACTERS</h3>
<div class="small-line"></div>
<p class="card-text">Play out cases with the characters from the original <em>Ace Attorney</em> series.</p>
<a href="download.html" class="btn">Join Now</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card" data-aos="flip-up" data-aos-delay="300" data-aos-duration="300">
<img class="card-img-top" src="img/c2.png" alt="Logo on a courtroom wallpaper">
<div class="outline"></div>
<div class="card-body">
<h3 class="card-title">JOIN OUR COMMUNITY</h3>
<div class="small-line"></div>
<p class="card-text">Join our Discord server to stay up to date on the latest news and community happenings, and learn how to case.</p>
<a href="https://discord.gg/wWvQ3pw" class="btn">Become a Member</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card" data-aos="flip-right" data-aos-delay="600" data-aos-duration="300">
<img class="card-img-top" src="img/c3.png" alt="Phoenix Wright and Ema Skye investigating in a Github shape">
<div class="outline"></div>
<div class="card-body">
<h3 class="card-title">OPEN SOURCE REPO</h3>
<div class="small-line"></div>
<p class="card-text">Interested in contributing to the game? We're open source!</p>
<a href="https://github.com/AttorneyOnline" class="btn">Take a Dive</a>
</div>
</div>
</div>
</div>
</div>
<footer style="background-color: rgba(0, 0, 0, 0.5);margin-top: 40px;">
<div class="text-center p-3">
<img src="img/aogrey.png" height="100px" alt="AO Logo Greyscale">
<br/>
© 2023 Attorney Online Team | Website donated by Rue
<br/>
This website is not endorsed by Capcom or Chunsoft; this is a fanmade game. All content and trademarks are property of their respective owners.
</div>
</footer>
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<script src="js/jquery.js"></script>
<!-- AOS -->
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>