Build a Responsive Portfolio Website with ChatGPT

Build a Responsive Portfolio Website with ChatGPT

Create a standout portfolio using HTML, CSS, and ChatGPT. Perfect for beginners, job seekers, and creatives. Free certificate included!

By Hoetzin Coding

Date and time

Location

Online

Agenda

Introduction and HTML Basics

CSS Basics and Styling

Responsive Design, ChatGPT, and Hosting on GitHub

Response and Recovery

About this event

  • Event lasts 2 hours

Event Details

Your portfolio is your digital first impression, let’s make it count. In this live, beginner-friendly workshop, you’ll build a fully responsive personal portfolio website using HTML, CSS, and a touch of JavaScript. Learn how to structure your content, style it for both desktop and mobile, and present your work professionally.

Then, use ChatGPT to refine your design by generating impactful section titles, polishing your bio, and optimizing your calls-to-action. By the end of this session, you’ll have a polished portfolio you’ll be proud to share with employers or clients.

What you’ll learn

  • How to build and organize a personal portfolio using HTML and CSS
  • Techniques for responsive design that looks great on any device
  • How to use JavaScript to add interactivity to your site
  • How to use ChatGPT to improve your copy, content structure, and messaging

Led by a Hoetzin instructor with experience in front-end development and career branding, this workshop will help you make a memorable online presence.

Is this workshop right for you?

Yes. This session is perfect for beginners, job seekers, and freelancers who want to create a strong digital presence and showcase their work effectively.

What else should you know?

  • Price: Free. We believe high-quality tech education should be accessible to everyone.
  • Format: Live and interactive. Follow along, ask questions, and leave with a working portfolio.
  • Certificate: All attendees will receive a free verified certificate of completion to showcase their new skills.

Terms and conditions apply.

Frequently asked questions

Who can attend this workshop?

This workshop is perfect for aspiring developers, career changers, students, and professionals looking to explore or level up their skills in full-stack software engineering.

How can I register for the workshop?

Simply sign up here on Eventbrite. Once registered, you’ll receive confirmation emails from both Eventbrite and Microsoft Teams with your access link.

Is prior coding experience required to participate?

No! Our workshops are beginner-friendly. Basic familiarity with HTML, CSS, or JavaScript can be helpful but is not required.

How long is the workshop?

Each workshop runs approximately 60–120 minutes, including a live Q&A session.

What platform will be used for the live workshop?

Workshops are hosted via Microsoft Teams. The join link will be emailed after registration.

Can participants ask questions during the workshop?

Absolutely. We encourage interaction throughout the session—bring your questions!

Are there any prerequisites or software requirements needed to join the workshop?

Just a working computer and a stable internet connection—no downloads or installations needed.

Will there be opportunities for hands-on exercises and real-time projects?

Yes! Every workshop includes live coding and project building that you can add to your portfolio.

Will participants receive any certificates upon completion of the workshop?

Yes. A free verified certificate of completion will be provided. Terms and conditions apply.

Will the workshop sessions be recorded for later viewing?

Yes. A replay link will be emailed after the event to all registered participants.

Can I join from outside the U.S.?

Yes, our workshops are open to learners worldwide.

Is the workshop really free?

Yes, 100% free. It’s part of our mission to make high-quality tech education accessible to all.

Can I attend more than one workshop?

Definitely! Each workshop covers different topics, and you’re welcome to attend as many as you’d like.

Will I get access to the code or materials used in the workshop?

Yes. You’ll receive a link to the GitHub repo and any relevant slides or resources after the session.

What does the certificate include?

Your name, the workshop title, completion date, and a verification link—great for resumes and LinkedIn.

Is this workshop suitable for career changers or non-CS degree holders?

Yes! Hoetzin workshops are designed to support learners from all backgrounds, including those with no prior tech experience.

Can I speak with someone after the workshop about next steps?

Yes. Our Program Advisors are available after the session to help you explore next steps, including bootcamps and scholarships.

Organized by

FreeJul 23 · 3:00 PM PDT