buildHtml
baseUrl https://dev.scroll.pub
metaTags
editButton /edit.html
title Modern Portfolio | Developer & Designer
style.css
header
class hero-section
nav
class navbar
div John Doe
class logo
div
class nav-links
a Home
href #home
a About
href #about
a Projects
href #projects
a Contact
href #contact
main
section
id home
class intro-section
div
class content-wrap
h1 Hello, I'm John Doe
p Full-Stack Developer & UI Designer
div
class social-links
a
href #
class icon github
a
href #
class icon linkedin
a
href #
class icon twitter
section
id about
class about-section
div
class content-wrap
h2 About Me
p I craft digital experiences with code and creativity. Specializing in modern web technologies and user-centric design.
div
class skills-grid
div HTML5 & CSS3
class skill-card
div JavaScript
class skill-card
div UI/UX Design
class skill-card
div Web Performance
class skill-card
section
id projects
class projects-section
div
class content-wrap
h2 Featured Projects
div
class project-grid
div
class project-card
img Project 1
class project-image
src images/project1.jpg
h3 E-Commerce Platform
p Modern shopping experience built with performance in mind
div
class project-card
img Project 2
class project-image
src images/project2.jpg
h3 Portfolio Generator
p Dynamic portfolio creation tool
section
id contact
class contact-section
div
class content-wrap
h2 Get in Touch
form
class contact-form
input
type text
placeholder Your Name
input
type email
placeholder Your Email
textarea
placeholder Your Message
button Send Message
type submit
footer
div
class footer-content
p Built with passion using Scroll
div
class footer-links
a GitHub
href #
a LinkedIn
href #
a Twitter
href #
script.js