buildHtml
baseUrl https://jacksonscroll.pub
metaTags
editButton /edit.html
title Jackson | IT Student Portfolio
style.css
header
 class hero
 nav
  div Jackson
   class logo
  div
   class nav-links
   a About
    href #about
   a Skills
    href #skills
   a Projects
    href #projects
   a Contact
    class cta-button
    href #contact
 div
  class hero-content
  h1 Jackson
  p Information Technology Student
  a View My Work
   class primary-button
   href #projects
main
 section
  id about
  class about-section
  div
   class about-container
   div
    class about-image
   div
    class about-text
    h2 About Me
    p I'm a passionate IT student specializing in software development and system administration. Currently pursuing my degree while working on personal projects to expand my skills.
    p When I'm not coding, you can find me exploring new technologies, contributing to open source, or mentoring fellow students.
 section
  id skills
  class skills-section
  h2 Technical Skills
  div
   class skills-grid
   div
    class skill-card
    div 💻
     class skill-icon
    h3 Frontend
    p HTML5, CSS3, JavaScript
   div
    class skill-card
    div ⚙️
     class skill-icon
    h3 Backend
    p Python, Node.js, SQL
   div
    class skill-card
    div ☁️
     class skill-icon
    h3 Cloud
    p AWS, Docker, Linux
   div
    class skill-card
    div 🔧
     class skill-icon
    h3 Tools
    p Git, VS Code, Figma
 section
  id projects
  class projects-section
  h2 Featured Projects
  div
   class project-grid
   div
    class project-card
    div
     class project-image
    h3 Portfolio Website
    p A responsive personal portfolio built with pure HTML/CSS/JS
    a View Project
     class project-link
     href #
   div
    class project-card
    div
     class project-image
    h3 Task Manager App
    p A full-stack task management application
    a View Project
     class project-link
     href #
   div
    class project-card
    div
     class project-image
    h3 Weather Dashboard
    p Real-time weather data visualization
    a View Project
     class project-link
     href #
 section
  id contact
  class contact-section
  h2 Get In Touch
  div
   class contact-form
   form
    action #
    method POST
    div
     class form-group
     label Name
     input
      type text
      name name
      required
    div
     class form-group
     label Email
     input
      type email
      name email
      required
    div
     class form-group
     label Message
     textarea
      name message
      required
    button
     type submit
     class submit-button
     Send Message
footer
 div
  class footer-content
  div
   class social-links
   a GitHub
    href #
   a LinkedIn
    href #
   a Twitter
    href #
  p Made with ♥ by Jackson

script.js