Embed

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Books by Chaplain Mark O'Reilly</title>
    <style>
        * { margin: 0; padding: 0; box-sizing: border-box; }
        
        /* Forces the content to be readable on the blue background */
        body {
            font-family: 'Georgia', serif;
            line-height: 1.6;
            padding: 20px;
        }

        .white-card {
            background: white;
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 60px 40px;
            border-radius: 12px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.15);
        }

        /* FIXED HEADER: Centered so it isn't squished to the left */
        .main-header {
            text-align: center;
            margin-bottom: 50px;
            border-bottom: 2px solid #f0f0f0;
            padding-bottom: 30px;
        }

        .main-header h1 { 
            font-size: 2.8rem; 
            color: #2c3e50; 
            margin-bottom: 15px;
            font-weight: bold;
        }

        .main-header p { 
            font-size: 1.4rem; 
            color: #444; 
            font-style: italic;
            font-weight: bold;
        }
        
        .gallery-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
            gap: 40px;
            margin-bottom: 60px;
        }

        .book-item {
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .book-cover {
            width: 100%;
            max-width: 220px;
            height: 330px;
            object-fit: contain;
            box-shadow: 0 8px 20px rgba(0,0,0,0.1);
            margin-bottom: 20px;
        }

        .book-title {
            font-size: 1.1rem;
            font-weight: bold;
            color: #2c3e50;
            margin-bottom: 8px;
            min-height: 3rem;
        }
        
        .isbn-text {
            font-size: 0.95rem;
            color: #000; /* Max darkness */
            font-weight: bold;
            font-family: Arial, sans-serif;
            background: #eee;
            padding: 4px 10px;
            border-radius: 4px;
        }
        
        .footer-banner {
            background: #1a1a1a;
            color: white;
            padding: 40px;
            text-align: center;
            border-radius: 8px;
        }

        .footer-banner p {
            font-size: 1.4rem;
            font-weight: bold;
        }
    </style>
</head>
<body>

    <div class="white-card">
        <div class="main-header">
            <h1>Chaplain Mark O'Reilly, MACC</h1>
            <p>Author, Chaplain, and Licensed Christian Counselor</p>
        </div>

        <div class="gallery-grid">
            
            <div class="book-item">
                <img src="https://m.media-amazon.com/images/I/61dVrs3on8L._SY522_.jpg" class="book-cover">
                <div class="book-title">Spirituality Isn't a Straight Line</div>
                <div class="isbn-text">ISBN: 979-8329686005</div>
            </div>

            <div class="book-item">
                <img src="https://m.media-amazon.com/images/I/61FplhB9J-L._SY522_.jpg" class="book-cover">
                <div class="book-title">Understanding the Unseen Wounds</div>
                <div class="isbn-text">ISBN: 979-8338162231</div>
            </div>

            <div class="book-item">
                <img src="https://m.media-amazon.com/images/I/61wixdAUEIL._SY522_.jpg" class="book-cover">
                <div class="book-title">Foxes Have Holes...</div>
                <div class="isbn-text">ISBN: 979-8329690194</div>
            </div>

            <div class="book-item">
                <img src="https://m.media-amazon.com/images/I/61YK8EikyRL._SY522_.jpg" class="book-cover">
                <div class="book-title">You Are Not Alone</div>
                <div class="isbn-text">ISBN: 979-8345511381</div>
            </div>

            <div class="book-item">
                <img src="https://m.media-amazon.com/images/I/71OfxSeIgGL._SY522_.jpg" class="book-cover">
                <div class="book-title">The Triangle of Fear</div>
                <div class="isbn-text">ISBN: 979-8328172820</div>
            </div>

            <div class="book-item">
                <img src="https://m.media-amazon.com/images/I/71Rm-7aId0L._SY522_.jpg" class="book-cover">
                <div class="book-title">On Our Knees</div>
                <div class="isbn-text">ISBN: 979-8328514934</div>
            </div>

            <div class="book-item">
                <img src="https://m.media-amazon.com/images/I/71XTfvKFiGL._SY522_.jpg" class="book-cover">
                <div class="book-title">Not the Patient, Still in Pain</div>
                <div class="isbn-text">ISBN: 979-8345719329</div>
            </div>

            <div class="book-item">
                <img src="https://m.media-amazon.com/images/I/61z5xU1DjSL._SY522_.jpg" class="book-cover">
                <div class="book-title">Who Is a Christian Husband</div>
                <div class="isbn-text">ISBN: 979-8347146581</div>
            </div>

        </div>

        <div class="footer-banner">
            <p>All titles are available for purchase on Amazon. Search "Mark O'Reilly MACC" or use the ISBN codes above to find the full collection.</p>
        </div>
    </div>

</body>
</html>

Square one