Skip to content

Evank253/Yaml

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 

Repository files navigation

<title>Evan Ketchum — Marketing Hub</title>

Evan Ketchum

Home About Services Contact
Evan Ketchum Marketing

Affiliate Marketing • Art • Digital Creativity

Helping brands and creators grow through digital innovation and passion.

About Evan

Hey! I’m Evan from Tacoma, WA — an affiliate marketer, content creator, and artist who loves helping brands connect with audiences. My goal is to combine creativity with opportunity to help businesses grow online and offline.

Services

Affiliate Marketing

Affiliate Marketing

Partner with top brands and earn passive income promoting the right products.

Learn More
  <div class="card">
    <img src="images/product2.jpg" alt="Content Creation" />
    <h3>Content Creation</h3>
    <p>Custom campaigns and creative storytelling to connect with your ideal audience.</p>
    <a href="#" class="btn">See Examples</a>
  </div>

  <div class="card">
    <img src="images/product3.jpg" alt="Local Services" />
    <h3>Local Promotions</h3>
    <p>Helping Tacoma businesses grow through events, digital listings, and marketing.</p>
    <a href="#" class="btn">Contact Me</a>
  </div>
</div>

Join My Newsletter

Subscribe

Contact

Have questions or collaboration ideas? Let’s connect.

Email Me

© 2025 Evan Ketchum | Tacoma, WA

<script src="js/main.js"></script> /* === Global Styles === */ body { margin: 0; font-family: 'Poppins', Arial, sans-serif; background: #0f1724; color: #e6eef8; scroll-behavior: smooth; }

/* === Header & Navigation === */ header { text-align: center; padding: 20px; background: #111a2c; } header h1 { margin: 0; font-size: 28px; color: #7dd3fc; } nav { margin-top: 10px; } nav a { color: #e6eef8; text-decoration: none; margin: 0 10px; font-weight: 500; } nav a:hover { color: #7dd3fc; }

/* === Hero Section === */ #hero { text-align: center; padding: 50px 20px; } #hero img { width: 160px; border-radius: 50%; margin-bottom: 15px; border: 3px solid rgba(125,211,252,0.3); } #hero h2 { color: #7dd3fc; margin-bottom: 10px; } #hero p { max-width: 600px; margin: 0 auto 20px; color: #94a3b8; } .cta-buttons { display: flex; justify-content: center; gap: 12px; } .btn { background-color: #7dd3fc; color: #042031; padding: 10px 20px; border-radius: 6px; text-decoration: none; font-weight: 600; transition: background 0.3s; } .btn:hover { background-color: #5cb8e3; } .btn.ghost { background: transparent; border: 1px solid #7dd3fc; color: #7dd3fc; } .btn.ghost:hover { background-color: #7dd3fc; color: #042031; }

/* === Section Layouts === */ section { padding: 40px 20px; text-align: center; } h2 { color: #7dd3fc; }

/* === Cards (Services) === */ .cards-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 20px; } .card { background: #111a2c; border-radius: 10px; padding: 20px; box-shadow: 0 4px 15px rgba(2,6,23,0.6); } .card img { width: 100%; border-radius: 10px; margin-bottom: 10px; } .card h3 { color: #7dd3fc; margin-bottom: 10px; }

/* === Newsletter === */ #newsletter form { display: flex; flex-direction: column; max-width: 400px; margin: 0 auto; } #newsletter input { padding: 10px; margin: 8px 0; border-radius: 6px; border: none; } #newsletter button { padding: 10px; background-color: #7dd3fc; color: #042031; font-weight: bold; border: none; border-radius: 6px; cursor: pointer; transition: 0.3s; } #newsletter button:hover { background-color: #5cb8e3; }

/* === Footer === */ footer { text-align: center; padding: 15px; background: #111a2c; color: #94a3b8; font-size: 14px; } // === Smooth Scroll for nav links === document.querySelectorAll('nav a[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function (e) { e.preventDefault(); document.querySelector(this.getAttribute('href')).scrollIntoView({ behavior: 'smooth' }); }); });

// === Newsletter popup message === const form = document.getElementById('newsletter-form'); form.addEventListener('submit', (event) => { event.preventDefault(); const name = document.getElementById('name').value; alert(Thanks for subscribing${name ? ', ' + name : ''}!);

About

Auto generated content and deploy

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors