ICAS/html/about.html

131 lines
4.5 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta https-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--Setup Bootstrap CSS-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<!--Setup Override CSS-->
<link rel="stylesheet" href="style.css">
<!--Site icon and title-->
<link rel="icon" type="image/png" href="favicon.ico">
<title>IC Anime Society</title>
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle Navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="index.html">
<img src="images/logo.png" id="logo">
</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li>
<a href="index.html">Home</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">About Us<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="about.html">Who we are</a></li>
<li><a href="committee.html">Committee</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">What we Do<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="manga.html">Manga club</a></li>
<li><a href="library.html">Manga Library</a></li>
</ul>
</li>
<li>
<a
href="https://www.imperialcollegeunion.org/shop/club-society-project-products/animesoc-products">Join
Now!</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Title bar -->
<div class="jumbotron top-item">
<div class="container">
<h1>About Us</h1>
<p>Welcome to Imperial College Anime Scoiety!</p>
</div>
</div>
<!-- Main Text body -->
<div class="container">
<div class="col-sm-8">
<p>At <strong>AnimeSoc</strong> we cater for all tastes, whether you have never watched anime or read manga,
or if you have a bigger collection than we do, we will have something for you.</p>
<p>Our Anime & Manga library grows year on year, and currently we have over <strong>500 items</strong> on
our shelves. By buying membership, you are automatically signed up for borrowing from the library, which
has recently added original Japanese manga for those out there who are learning the language or already
know it. With the titles available on DVD, which you can borrow for up to a week, you can watch series,
films and OVAs you've always wanted to see, in your free time or when you're "supposed" to be studying.
<p>We have a very active calendar, filled with manga drawing sessions, film and OVA screenings, socials in
London and as many conventions as you can think of. If you want a place where you can chill out and
share your passion about anime and manga, this is the place to be!
<p>You can sign up to our <a href="https://mailman.ic.ac.uk/mailman/listinfo/animesoc-list">mailing list</a>
and join us on <a href="http://discord.gg/BgwDD69">Discord</a> to get the latest updates, or <a
href="https://www.imperialcollegeunion.org/shop/club-society-project-products/animesoc-products">join
AnimeSoc</a> on the Union site. So come on, join the fun! ^^</p>
<center>
<ul class="list-unstyled">
<li><a href="https://eactivities.union.ic.ac.uk/admin/csp/documents/con/pdf/404">ICU Anime &amp;
Manga Society Constitution</a></li>
</ul>
</center>
</div>
</div>
<!-- Footer -->
<footer class="footer">
<div class="container">
<span class="footer-text">
Join our <a href="http://discord.gg/BgwDD69">Discord</a> server.
Sign up to our <a href="https://mailman.ic.ac.uk/mailman/listinfo/animesoc-list">mailing list</a>.
</span>
</div>
</div>
<!--Bootstrap Javascript-->
<!--=======================================================================-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</body>
</html>