File: //opt/wpsites/default/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>AGX | A Community of Applied Geographers</title>
<base href="/" />
<link rel="stylesheet" href="assets/css/style.css" />
</head>
<body>
<header class="site-header">
<nav data-nav></nav>
</header>
<!-- HERO SECTION -->
<section class="hero-wrap">
<div class="hero-inner">
<div class="hero-text"></div>
<div class="hero-image"></div>
</div>
</section>
<!-- STATS SECTION -->
<section class="stats-section"></section>
<!-- FEATURED SECTION -->
<section class="featured-section" data-featured>
<div style="max-width: 1200px; margin: 0 auto; padding: 0 2rem;">
<h2 class="section-title"></h2>
<p class="section-subtitle"></p>
<div class="featured-grid"></div>
</div>
</section>
<!-- CTA SECTION -->
<section class="cta-section" data-cta>
<h2></h2>
<p></p>
<a href="#" class="cta-button"></a>
</section>
<!-- MAIN CONTENT -->
<main class="main-wrapper">
<section>
<article class="section-card">
<h2>What's Next for AGX?</h2>
<p>Information about the upcoming / most recent conference: calls for abstracts, location, venue, sponsors, student competitions, and session proposals.</p>
</article>
<article class="section-card">
<div data-social-feed></div>
</article>
</section>
<aside class="sidebar-block" data-about-sidebar>
<div class="sidebar-card">
<h3>About AGX</h3>
<p>Learn more about our community and mission.</p>
<div class="sidebar-image"></div>
</div>
</aside>
</main>
<footer class="site-footer">
<div data-footer></div>
</footer>
<script>window.BASE_PATH = "/";</script>
<script src="assets/js/main.js"></script>
<script src="assets/js/homepage.js"></script>
</body>
</html>