<!doctype html>
<html lang="en" class="h-100">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="generator" content="Hugo 0.84.0">
<title>John Montesdeoca aka John Montey &ndash; Digital Content Producer | Portfolio Site</title>
<meta name="description" content="Digital content producer in Boston, MA who specializes in publishing web pages for complex, high-tech, and niche subjects.">
  

    <!-- Bootstrap core CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

    <style>
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
    </style>

    
    <!-- Custom styles for this template -->
    <link href="cover.css" rel="stylesheet">
  </head>
  <body class="d-flex flex-column text-center text-white flex-column bg-dark">
   
  <header class="w-100 mb-auto pt-5 pb-3 bg-dark" style="border-bottom: 1px solid rgba(255, 255, 255, 0.5)">

 <h1 class="text-center text-white"><strong>John Montes·de·oca</strong></h1>
 <h2 class="text-center" style="color: #72B9A2;"><strong>Digital Content Producer</strong></h2>

  </header>

<div class="cover-container d-flex w-100 mx-auto flex-column py-3">
  <main class="p-4">
    <p class="lead text-start">Welcome! I am John Montesdeoca – that's phonetically pronounced Montes&middot;de&middot;oca. You can call me John Montey for short.</p>
<p class="lead text-start">I am a digital content producer in Boston, MA who specializes in publishing web pages for complex, high-tech, and niche subjects. I enjoy using my skill set for editorial roles at digital publications. Predominantly a freelancer, my superpower is rapidly acquiring subject matter expertise in unfamiliar environments and disciplines.</p>
	  <h4 style="color: #72B9A2;"><strong>Digital Content, Editorial, and<br>
	    Production Experience:</strong></h4>
<ul>
      <li class="lead text-start">Overseeing content production status and publishing schedules</li>
      <li class="lead text-start">Writing and editing copy for web, email, blogs, and social media</li>
      <li class="lead text-start">Coordinating with cross-functional teams such as designers, writers, and developers</li>
	  <li class="lead text-start">Laying out content and managing assets in content management systems (CMS)</li> 
	  <li class="lead text-start">Monitoring content performance and making refinements to boost traffic and SEO rankings</li>
	  <li class="lead text-start">Maintaining content quality (e.g. proofreading, checking for relevance, ensuring compliance with regulations)</li>
      </ul>
    <p class="lead text-start">My current resume and PDF portfolios of work are available via the buttons below.</p>
    <p class="lead py-1">
      <a href="downloads/montesdeoca_resume_2026.pdf" class="btn btn-lg btn-secondary fw-bold">View resume</a>
    </p>
	   <p class="lead py-1">
      <a href="downloads/montesdeoca-digital-production-portfolio_2026.pdf" class="btn btn-lg btn-secondary fw-bold">View production PDF portfolio</a>
    </p>
	   <p class="lead py-1">
      <a href="downloads/montesdeoca-writing-samples.pdf" class="btn btn-lg btn-secondary fw-bold">View copywriting PDF portfolio</a>
    </p>

  </main>
  </div>

	 
  <footer class="w-100 mt-1" style="background-color:#72B9A2;">
	  <div class="container py-3">
		  <div class="row">
	<h3 class="col-12">Get in Touch!</h3>
	  </div>
	<div class="row p-3">
  <div class="col-md-4 col-12 mb-3 mb-md-0">
          <h4><i class="bi bi-phone-fill"></i> Phone </h4>
        <p class="lead"><strong>415-407-6267</strong></p>
  </div>
    <div class="col-md-4 col-12 mb-3 mb-md-0">
    		<h4><i class="bi bi-envelope-fill"></i> Email</h4>
        <p class="lead"><strong><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b7ddd8dfd9f7ddd8dfd9dad8d9c3d2ce99d4d8da">[email&#160;protected]</a></strong></p>
    </div>
    <div class="col-md-4 col-12">
      <h4><i class="bi bi-linkedin"></i> LinkedIn</h4>
		<p class="lead"><a href="https://www.linkedin.com/in/john-montesdeoca-898a489/" target="_blank"><strong>Visit LinkedIn</strong></a></p>
    </div>
	  </div>
		  <div class="row">
			  <p class="col12">Copyright &copy; 2026 &middot; All Rights Reserved</p>
		  </div>
	</div>
  </footer>

    
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script></body>
</html>
