Untitled

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="UTF-8" />
5  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6  <meta name="description" content="JPEG360 is a Seattle-based creative agency specializing in web design, branding, and content for businesses ready to grow." />
7  <title>JPEG360 | Web Design & Brand Studio</title>
8  <link rel="stylesheet" href="styles.css" />
9</head>
10<body>
11  <!-- HERO SECTION -->
12  <section class="hero">
13    <div class="container">
14      <h1>Design That Moves Faster Than Your Competition</h1>
15      <p>Websites, content, and systems built for growth. Based in Seattle. Trusted by bold brands everywhere.</p>
16      <a href="#contact" class="btn">Start Your Project</a>
17    </div>
18  </section>
19
20  <!-- SERVICES SECTION -->
21  <section class="services">
22    <div class="container">
23      <h2>What We Do</h2>
24      <div class="service-grid">
25        <div class="service">Custom Website Design</div>
26        <div class="service">Brand Identity & Logo</div>
27        <div class="service">App UI/UX Design</div>
28        <div class="service">Content Creation</div>
29        <div class="service">SEO Optimization</div>
30        <div class="service">Funnels & Landing Pages</div>
31      </div>
32    </div>
33  </section>
34
35  <!-- PORTFOLIO SECTION -->
36  <section class="portfolio">
37    <div class="container">
38      <h2>Recent Projects</h2>
39      <div class="portfolio-items">
40        <!-- Placeholder thumbnails -->
41        <div class="item">Project 1</div>
42        <div class="item">Project 2</div>
43        <div class="item">Project 3</div>
44      </div>
45    </div>
46  </section>
47
48  <!-- PROCESS SECTION -->
49  <section class="process">
50    <div class="container">
51      <h2>Our Process</h2>
52      <ol>
53        <li><strong>Discover:</strong> We learn your vision and goals.</li>
54        <li><strong>Design & Build:</strong> Custom-crafted digital experience.</li>
55        <li><strong>Launch & Grow:</strong> We go live and support your next moves.</li>
56      </ol>
57    </div>
58  </section>
59
60  <!-- TESTIMONIALS SECTION -->
61  <section class="testimonials">
62    <div class="container">
63      <h2>What Clients Say</h2>
64      <blockquote>
65        “JPEG360 transformed our outdated site into a powerful sales tool. Fast, clean, and beautiful.”<br>
66        <cite>— Alex T., Startup Founder</cite>
67      </blockquote>
68    </div>
69  </section>
70
71  <!-- CTA SECTION -->
72  <section class="cta">
73    <div class="container">
74      <h2>Ready to build something bold?</h2>
75      <a href="#contact" class="btn">Let’s Talk Today</a>
76    </div>
77  </section>
78
79  <!-- FOOTER -->
80  <footer>
81    <div class="container">
82      <p>&copy; 2025 JPEG360. Built in Seattle. Powered by DFL Ventures.</p>
83    </div>
84  </footer>
85</body>
86</html>