duckbehaviorjournal/index.html

159 lines
5.7 KiB
HTML
Raw Permalink Normal View History

<!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>&copy; 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>