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.
129 lines
4.6 KiB
HTML
129 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>Research Paper Title - Duck Behavior Journal</title>
|
|
<link href="../assets/dist/css/bootstrap.min.css" rel="stylesheet" />
|
|
<link rel="stylesheet" href="../styles.css" />
|
|
</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="/">Home</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="/">About</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="/">Articles</a></li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="/">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="/">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- Paper Content -->
|
|
<section class="container my-5">
|
|
<div class="row">
|
|
<div class="col-lg-8 mx-auto">
|
|
<h1 class="display-4">Research Paper Title</h1>
|
|
<p class="text-muted">Author 1, Author 2, Author 3</p>
|
|
<p>
|
|
<strong>Note:</strong> The full paper is available for download for
|
|
subscribers only.
|
|
</p>
|
|
<p>
|
|
<strong>Abstract:</strong> Lorem ipsum dolor sit amet, consectetur
|
|
adipiscing elit. Nullam in venenatis enim. In hac habitasse platea
|
|
dictumst. Nunc ut sapien nec mauris pretium gravida.
|
|
</p>
|
|
<hr />
|
|
<h2>Introduction</h2>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in
|
|
venenatis enim. In hac habitasse platea dictumst. Nunc ut sapien nec
|
|
mauris pretium gravida...
|
|
</p>
|
|
<h2>Methods</h2>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in
|
|
venenatis enim. In hac habitasse platea dictumst. Nunc ut sapien nec
|
|
mauris pretium gravida...
|
|
</p>
|
|
<h2>Results</h2>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in
|
|
venenatis enim. In hac habitasse platea dictumst. Nunc ut sapien nec
|
|
mauris pretium gravida...
|
|
</p>
|
|
<h2>Discussion</h2>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in
|
|
venenatis enim. In hac habitasse platea dictumst. Nunc ut sapien nec
|
|
mauris pretium gravida...
|
|
</p>
|
|
<h2>Conclusion</h2>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in
|
|
venenatis enim. In hac habitasse platea dictumst. Nunc ut sapien nec
|
|
mauris pretium gravida...
|
|
</p>
|
|
<h2>References</h2>
|
|
<ul class="list-unstyled">
|
|
<li>
|
|
Author, A. (Year). Title of the paper. Journal Name,
|
|
Volume(Issue), pages.
|
|
</li>
|
|
<li>
|
|
Author, B., & Author, C. (Year). Title of the paper. Journal Name,
|
|
Volume(Issue), pages.
|
|
</li>
|
|
<li>
|
|
Author, D. (Year). Title of the paper. Journal Name,
|
|
Volume(Issue), pages.
|
|
</li>
|
|
</ul>
|
|
</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>
|