This is my professional portfolio website showcasing my projects, experience, and skills as a software developer. The site is built with HTML, CSS, and JavaScript and is hosted on GitHub Pages.
Visit my portfolio at: https://pbasswerner.github.io
- Responsive design that works on all device sizes
- Modern, clean UI with smooth animations
- Project showcase with detailed descriptions and links
- Interactive contact form
- Comprehensive skills and experience sections
- Mobile-friendly navigation
- HTML5
- CSS3
- JavaScript (ES6+)
- GitHub Pages for hosting
- Font Awesome for icons
pbasswerner.github.io/
├── index.html # Main HTML file
├── styles.css # CSS styles
├── script.js # JavaScript for interactivity
├── resume.pdf # Downloadable resume file
├── README.md # Repository documentation
└── img/ # Images directory
├── profile-image.jpg
├── project1.jpg
├── project2.jpg
└── ...
- Create a new GitHub repository named
pbasswerner.github.io - Make sure the repository is public
- Clone the repository to your local machine:
git clone https://github.com/pbasswerner/pbasswerner.github.io.git cd pbasswerner.github.io
- Copy all the files from this project into your repository folder
- Create an
imgdirectory and add the necessary images:profile-image.jpg- Your professional headshot- Project screenshots named according to the HTML file references
- Add your resume as
resume.pdf
-
Update the personal information in
index.html:- Your name and title
- About section content
- Projects details
- Experience information
- Education details
- Contact information
-
Modify
styles.cssif you want to change the color scheme or styling:- The main colors are defined as CSS variables at the top of the file
- You can adjust the font styles, spacing, and other visual elements
-
Update the images:
- Replace the placeholder images with your own project screenshots
- Add your profile photo
-
Add all the files to your repository:
git add . git commit -m "Initial portfolio setup" git push origin main -
Your site will be automatically published at
https://pbasswerner.github.io -
Verify that your site is live by visiting the URL
Consider adding these features in future updates:
- A blog section to share technical articles
- Testimonials from colleagues or clients
- Animation libraries like GSAP for more advanced animations
- Dark mode toggle
- Additional project filtering options
If you have any questions or suggestions, feel free to reach out:
- Email: paula.bass.werner@gmail.com
- LinkedIn: linkedin.com/in/paula-bass-werner
- GitHub: github.com/pbasswerner
This project is open source and available under the MIT License.