EaglerArchive/archive.html

88 lines
4.6 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EaglerArchive</title>
<link rel="stylesheet" href="./stylesheet.css">
<link rel="stylesheet" href="./nav_bar.css">
<link rel="stylesheet" href="./archive_stylesheet.css">
</head>
<body>
<div id="nav_bar">
<div id="EaglerArchive">
<a id="link_EaglerArchive" href="./index.html">
<img id="logo" src="./assets/images/EaglerArchive.png" alt="EaglerArchive">
<p>EaglerArchive</p>
</a>
<a class="link-nav_bar" href="./index.html">
<img class="icon_link" src="./assets/icons/SF Symbols/house_fill.png" alt="home_icon">
<p>Home</p>
</a>
<a class="link-nav_bar" href="./archive.html">
<img class="icon_link" src="./assets/icons/SF Symbols/square_stack_3d_down_right_fill.png" alt="archive_icon">
<p>Archive</p>
</a>
<a class="link-nav_bar" href="./servers.html">
<img alt="server_icon" src="./assets/icons/SF Symbols/hexagon.png" class="icon_link">
<p>Servers</p>
</a>
<a class="link-nav_bar" href="./info.html">
<img class="icon_link" src="./assets/icons/SF Symbols/exclamationmark.png" alt="info_icon">
<p>Info</p>
</a>
<a class="link-nav_bar" href="./about.html">
<img class="icon_link" src="./assets/icons/SF Symbols/question.png" alt="about_icon">
<p>About</p>
</a>
</div>
<a class="link-nav_bar blurple" id="link_discord" href="https://discord.gg/xi" target="_blank">
<img class="icon_link" src="./assets/images/Discord-icon-modified.png" alt="">
<p>Discord</p>
</a>
</div>
<div id="view">
<div class="page-title">
<hr>
<h1>Archive</h1>
<hr>
</div>
<div class="accordion">
<div class="accordion-item">
<input type="checkbox" name="accordion" id="item1" checked>
<label for="item1">
<div class="accordion-title">
<img src="./assets/icons/SF Symbols/arrowtriangle_right_circle_fill.png" alt="chevron_down">
<img src="./assets/images/ResentIcon.png" alt="">
<p>Resent</p>
</div>
</label>
<div class="accordion-content">
<p>Content for item 1.</p>
</div>
</div>
<div class="accordion-item">
<input type="checkbox" name="accordion" id="item2">
<label for="item2">Accordion Item 2</label>
<div class="accordion-content">
<p>Content for item 2.</p>
</div>
</div>
<div class="accordion-item">
<input type="checkbox" name="accordion" id="item3">
<label for="item3">Accordion Item 3</label>
<div class="accordion-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac tortor vitae purus faucibus ornare suspendisse sed. Viverra accumsan in nisl nisi scelerisque eu. Eleifend quam adipiscing vitae proin sagittis nisl. Cursus risus at ultrices mi tempus imperdiet. Mattis nunc sed blandit libero volutpat sed cras ornare arcu. Donec massa sapien faucibus et molestie ac feugiat. Vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Ac tincidunt vitae semper quis lectus nulla at volutpat diam. Enim blandit volutpat maecenas volutpat blandit aliquam etiam erat. Vestibulum lectus mauris ultrices eros. Id porta nibh venenatis cras sed felis eget. Nec sagittis aliquam malesuada bibendum arcu vitae. Et ultrices neque ornare aenean euismod.
Viverra suspendisse potenti nullam ac. Ac orci phasellus egestas tellus rutrum tellus pellentesque. Tellus molestie nunc non blandit massa enim nec dui. Aliquam purus sit amet luctus venenatis lectus magna fringilla urna. Cursus vitae congue mauris rhoncus aenean. Feugiat in ante metus dictum at tempor commodo ullamcorper a. Nulla pharetra diam sit amet nisl. Tortor id aliquet lectus proin nibh nisl condimentum id venenatis. Nulla aliquet porttitor lacus luctus accumsan tortor posuere ac. Scelerisque varius morbi enim nunc faucibus a pellentesque sit amet.</p>
</div>
</div>
</div>
</div>
</body>
</html>