<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Journal of Latin American Religion publishes</title>
    <style>
        /* Adding some basic styles for better presentation */
        body {
            background-color: rgb(255, 255, 255);
            margin: 0;
            font-family: Arial, sans-serif; /* Adding a font family for consistency */
        }
        .container {
            max-width: 1000px; /* Maximum width for the sections */
            margin: 0 auto; /* Centering the container */
        }
        .section {
            background-color: white; 
            padding: 20px; 
            margin: 10px 0; /* Margin on top and bottom */
            display: flex; 
            align-items: flex-start; /* Align items vertically */
            border-radius: 5px; /* Rounded corners */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5); /* Black box shadow */
        }

        header {
            background-color: rgb(255, 255, 255); 
            display: flex; 
            align-items: center; 
            border-top: 12px solid rgba(10, 21, 83, 0.829); /* Adding blue top border */
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Adding bottom shadow */
            padding: 10px 130px; /* Padding adjusted to keep layout tight */
            min-height: 70px;
        }
        h1, h2 {
            color: rgb(82, 78, 78); 
            margin: 0; /* Remove default margin */
        }
        h2, p {
           color: rgb(82, 78, 78);
        }

        img {
            height: 40px; /* Set height for images */
            margin-right: 10px; /* Space between image and text */
        }
        .vertical-line {
            width: 2px; /* Width of the vertical line */
            background-color: gray; /* Color of the vertical line */
            height: 40px; /* Height of the vertical line */
            margin: 0 10px; /* Margin on left and right */
        }
        .button-container {
            margin-left: auto; /* Pushes button container to the right */
            display: flex; /* Enables horizontal alignment of buttons */
            align-items: center; /* Vertically center buttons */
        }
        .button {
            height: 30px; /* Set height for buttons */
            margin-left: 10px; /* Space between buttons */
        }
    </style>
</head>
<body>

    <!-- Header Section -->
    <header>
        <img src="cccLogo.svg" alt="Logo" />
        <div class="vertical-line"></div> <!-- Vertical line between logos -->
        <img src="rightsLinkLogo.svg" alt="Second Logo" /> <!-- Second logo -->
        <h1 style="color: white;">Website Title</h1>
        <div class="button-container"> <!-- Container for buttons -->
            <a href="#">
                <img src="help.svg" alt="Help" class="button"/>
            </a>
            <!-- Live Chat button -->
            <a href="#"> 
                <img src="live.svg" alt="Live Chat" class="button"/>
            </a><!-- Help button -->
        </div>
    </header>

    <div class="container">
        <!-- First Section -->
        <div class="section">
            <img style="height: 150px;" src="religion.jpg" alt="Image One"/>
            <div>
                <h1 style="font-size: 20px;">THE ARS MORIENDI, MANUALS FOR A GOOD DEATH IN WESTERN EUROPE FROM THE 15TH TO THE 16TH CENTURIES</h1>
                <p style="margin: 0; padding: 0; font-size: 15px;"><strong>Author:</strong> Anna Peirats</p>
                <p style="margin: 0; padding: 0;font-size: 15px;"><strong>Publication:</strong>Women's Health Issues</p>
                <p style="margin: 0; padding: 0;font-size: 15px;"><strong>Publisher:</strong> Elsevier</p>
                <p style="margin: 0; padding: 0;font-size: 15px;"><strong>Date:</strong> 30 October 2024</p>
                
                <p>© 2024 The Authors. Published by Elsevier Ltd.</p>
            </div>
        </div>

        <!-- Second Section -->
        <div class="section">
            
            <div>
                

                <!-- Added Creative Commons Text -->
                <h2>Creative Commons</h2>
                <p>This is an open access article distributed under the terms of the <a href="http://creativecommons.org/licenses/by/4.0/" style="color: #1d76cf;">Creative Commons CC-BY</a> license, which permits unrestricted use, distribution, and reproduction in any medium, provided the original work is properly cited.</p>
                <p>You are not required to obtain permission to reuse this article.</p>
                <p>To request permission for a type of use not listed, please contact <a href="elsevier.nyc" style="color: #1d76cf;">Elsevier</a> Global Rights Department.</p>
                <p>Are you the <a href="https://www.elsevier.com/about/our-business/policies/copyright/permissions" style="color: #1d76cf;">author</a> of this Elsevier journal article?</p>
                
                <!-- End of Added Text -->
            </div>
        </div>
    </div>
    <footer class="page-footer" style="background-color: #f8f9fa; padding: 10px; text-align: center;">
        <div class="footer-copyright-line" style="display: flex; flex-direction: column; align-items: center;">
            <!-- First Line -->
            <ul class="footer-copyright-line-text" style="list-style: none; margin: 0; padding: 0; font-size: 12px; display: flex; justify-content: center; align-items: center;">
                <li style="margin-right: 12px;">
                    <span class="footer-copyright-line-mark">© 2024 Copyright - All Rights Reserved</span>
                </li>
                <li style="margin-right: 12px;">
                    <a href="http://www.copyright.com/" target="_blank" style="text-decoration: none; color:  #1d76cf;">Copyright Clearance Center, Inc.</a>
                    <span style="margin: 0 22px;">|</span>
                </li>
                <li style="margin-right: 12px;">
                    <a target="_blank" href="http://www.copyright.com/about/privacy-policy/" style="text-decoration: none; color:  #1d76cf;">Privacy statement</a>
                    <span style="margin: 0 22px;">|</span>
                </li>
                <li style="margin-right: 12px;">
                    <a href="https://www.copyright.com/data-security-and-privacy/" target="_blank" style="text-decoration: none; color:  #1d76cf;">Data Security and Privacy</a>
                    <span style="margin: 0 22px;">|</span>
                </li>
                <li>
                    <a href="https://www.copyright.com/california-privacy-act/" target="_blank" style="text-decoration: none; color:  #1d76cf;">For California Residents</a>
                </li>
            </ul>
    
            <!-- Second Line -->
            <div style="margin-top: 10px; display: flex; flex-direction: column; align-items: center;">
                <span style="display: inline-block; margin-bottom: 5px;">| <a href="javascript:paymentTerms();" style="color: #1d76cf;" > Terms and Conditions</a> Comments? We would like to hear from you. E-mail us at <a href="mailto:customercare@copyright.com" style="text-decoration: none; color: #1d76cf;">customercare@copyright.com</a></span>
              
            </div>
        </div>
    </footer>
    
    

    
    
    
    
</body>
</html>
