Kumi
d1d177b20d
This commit introduces the initial version of the Duck Behavior Journal website. Key features include: - A homepage with navigation and featured articles. - Detailed guidelines section for manuscript submission. - Separate pages for featured articles such as "The Subtle Art of Puddle Jumping," "Quackonomics," and "Nibbling Nuisances." - Integration of Bootstrap and jQuery for enhanced UI and UX. - Custom styles defined in `styles.css`. - Static assets like images for the logo, hero section, and articles. This setup establishes the foundational structure of the journal's website, setting the stage for future content updates and enhancements.
158 lines
5.7 KiB
HTML
158 lines
5.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Duck Behavior Journal</title>
|
|
<link href="assets/dist/css/bootstrap.min.css" rel="stylesheet" />
|
|
<link rel="stylesheet" href="styles.css" />
|
|
<link rel="icon" type="image/png" href="icon.png" />
|
|
</head>
|
|
<body>
|
|
<!-- Header -->
|
|
<header class="bg-light py-3">
|
|
<div class="container d-flex justify-content-between align-items-center">
|
|
<a href="index.html">
|
|
<img src="logo.png" alt="Duck Behavior Journal Logo" class="logo" />
|
|
</a>
|
|
<nav>
|
|
<ul class="nav">
|
|
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="index.html">About</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="index.html">Articles</a></li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="guidelines.html">Submission Guidelines</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#">Editorial Board</a>
|
|
</li>
|
|
<li class="nav-item"><a class="nav-link" href="mailto:contact@duckbehaviorjournal.com">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Hero Section -->
|
|
<section
|
|
class="hero text-center text-white d-flex align-items-center"
|
|
style="background-image: url('hero.png')"
|
|
>
|
|
<div class="container">
|
|
<h1 class="display-4">Advancing the Understanding of Duck Behavior</h1>
|
|
<p class="lead">Through Rigorous Scientific Research</p>
|
|
<a
|
|
href="mailto:submissions@duckbehaviorjournal.com"
|
|
class="btn btn-primary"
|
|
>Submit Your Research</a
|
|
>
|
|
<a
|
|
href="mailto:subscribers@duckbehaviorjournal.com"
|
|
class="btn btn-secondary"
|
|
>Subscribe to the Journal</a
|
|
>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Featured Articles -->
|
|
<section class="container my-5">
|
|
<h2 class="text-center mb-4">Featured Articles</h2>
|
|
<div class="row">
|
|
<div class="col-md-4">
|
|
<div class="card mb-4 shadow-sm">
|
|
<img
|
|
src="papers/the-subtle-art-of-puddle-jumping.png"
|
|
class="card-img-top"
|
|
alt="The Subtle Art of Puddle Jumping"
|
|
/>
|
|
<div class="card-body">
|
|
<h5 class="card-title">The Subtle Art of Puddle Jumping</h5>
|
|
<p class="card-text">Ducksworth et al.</p>
|
|
<p class="card-text">
|
|
This study investigates the intricate and often overlooked
|
|
behavior of puddle jumping in the mallard duck (Anas
|
|
platyrhynchos).
|
|
</p>
|
|
<a
|
|
href="papers/the-subtle-art-of-puddle-jumping.html"
|
|
class="btn btn-outline-primary"
|
|
>Read More</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="card mb-4 shadow-sm">
|
|
<img
|
|
src="papers/quackonomics.png"
|
|
class="card-img-top"
|
|
alt="Quackonomics"
|
|
/>
|
|
<div class="card-body">
|
|
<h5 class="card-title">Quackonomics</h5>
|
|
<p class="card-text">Quackers et al.</p>
|
|
<p class="card-text">
|
|
This study explores the complex economic behaviors observed in
|
|
urban mallard ducks (Anas platyrhynchos) with a focus on the
|
|
trading and distribution of bread.
|
|
</p>
|
|
<a href="papers/quackonomics.html" class="btn btn-outline-primary"
|
|
>Read More</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4">
|
|
<div class="card mb-4 shadow-sm">
|
|
<img
|
|
src="papers/nibbling-nuisances.png"
|
|
class="card-img-top"
|
|
alt="Nibbling Nuisances"
|
|
/>
|
|
<div class="card-body">
|
|
<h5 class="card-title">Nibbling Nuisances</h5>
|
|
<p class="card-text">Quackston et al.</p>
|
|
<p class="card-text">
|
|
This study explores the curious and often amusing behavior of
|
|
ducklings (Anas platyrhynchos) biting each other when bored.
|
|
Through a series of observational sessions and controlled
|
|
boredom-inducing experiments, we aimed to understand the
|
|
motivations and social implications of this behavior.
|
|
</p>
|
|
<a
|
|
href="papers/nibbling-nuisances.html"
|
|
class="btn btn-outline-primary"
|
|
>Read More</a
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Footer -->
|
|
<footer class="bg-light py-4">
|
|
<div class="container text-center">
|
|
<p>© 2024 Duck Behavior Journal. All rights reserved.</p>
|
|
<div>
|
|
<a href="#" class="mx-2">Privacy Policy</a>
|
|
<a href="#" class="mx-2">Terms of Service</a>
|
|
<a href="#" class="mx-2">Contact</a>
|
|
</div>
|
|
<div class="social-media mt-3">
|
|
<a href="#" class="mx-2"
|
|
><img src="facebook-icon.png" alt="Facebook"
|
|
/></a>
|
|
<a href="#" class="mx-2"
|
|
><img src="twitter-icon.png" alt="Twitter"
|
|
/></a>
|
|
<a href="#" class="mx-2"
|
|
><img src="linkedin-icon.png" alt="LinkedIn"
|
|
/></a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="assets/dist/js/jquery-3.5.1.min.js"></script>
|
|
<script src="assets/dist/js/bootstrap.min.js"></script>
|
|
</body>
|
|
</html>
|