Sample Page

This is an example page. It’s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:

Hi there! I’m a bike messenger by day, aspiring actor by night, and this is my website. I live in Los Angeles, have a great dog named Jack, and I like piña coladas. (And gettin’ caught in the rain.)

…or something like this:

The XYZ Doohickey Company was founded in 1971, and has been providing quality doohickeys to the public ever since. Located in Gotham City, XYZ employs over 2,000 people and does all kinds of awesome things for the Gotham community.

As a new WordPress user, you should go to your dashboard to delete this page and create new pages for your content. Have fun!

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Rhiannon Marr - Client Service Manager</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f4f4f4;
            color: #333;
        }
        header {
            background-color: #333;
            color: white;
            padding: 2em 0;
            text-align: center;
        }
        nav {
            display: flex;
            justify-content: center;
            background-color: #4CAF50;
        }
        nav a {
            color: white;
            padding: 1em;
            text-decoration: none;
            font-weight: bold;
        }
        nav a:hover {
            background-color: #333;
        }
        .container {
            padding: 2em;
        }
        .section-title {
            color: #4CAF50;
            margin-bottom: 0.5em;
        }
        .about, .portfolio, .contact, .blog {
            background-color: white;
            padding: 2em;
            margin: 1em 0;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }
        .contact-form {
            max-width: 600px;
            margin: 0 auto;
        }
        .contact-form input, .contact-form textarea {
            width: 100%;
            padding: 1em;
            margin: 0.5em 0;
        }
        .contact-form button {
            padding: 1em 2em;
            background-color: #4CAF50;
            color: white;
            border: none;
        }
        footer {
            background-color: #333;
            color: white;
            text-align: center;
            padding: 1em 0;
        }
    </style>
</head>
<body>
    <header>
        <h1>Rhiannon Marr</h1>
        <p>Client Service Manager | Financial Services Expert</p>
    </header>
    <nav>
        <a href="#about">About Me</a>
        <a href="#portfolio">Portfolio</a>
        <a href="#contact">Contact</a>
        <a href="#blog">Blog</a>
    </nav>
    <div class="container">
        <section id="about" class="about">
            <h2 class="section-title">About Me</h2>
            <p>Results-driven Client Service Manager with 10+ years of extensive
                expertise in compliance and financial services, specializing in EDI
                systems. Demonstrates strong proficiency in Microsoft 365, JIRA,
                SharePoint, and Salesforce, driving key initiatives and enhancing
                client satisfaction. Seeking a position to leverage technical acumen
                and strategic vision to deliver innovative solutions in the business,
                technology, or financial services sectors.</p>
        </section>
        <section id="portfolio" class="portfolio">
            <h2 class="section-title">Portfolio</h2>
            <p>Coming soon! Stay tuned to see my work and projects.</p>
        </section>
        <section id="contact" class="contact">
            <h2 class="section-title">Contact</h2>
            <form class="contact-form">
                <input type="text" name="name" placeholder="Your Name" required>
                <input type="email" name="email" placeholder="Your Email" required>
                <textarea name="message" rows="5" placeholder="Your Message" required></textarea>
                <button type="submit">Send Message</button>
            </form>
        </section>
        <section id="blog" class="blog">
            <h2 class="section-title">Blog</h2>
            <p>Coming soon! Check back for updates and insights.</p>
        </section>
    </div>
    <footer>
        <p>&copy; 2024 Rhiannon Marr. All rights reserved.</p>
    </footer>
</body>
</html>