Remix

Make your own version of Blueframe Portfolio

Edit the prompt below and generate a customized version in seconds.

Original by Jayasre Kumaravel

Describe your app

Here is a ready-to-use **prompt** you can give to an AI to generate your beginner portfolio project:

**Prompt:**

Create a beginner-friendly personal portfolio website using only **HTML and CSS**. The portfolio should be clean, modern, responsive, and simple to understand for a beginner. Use a color theme of **blue, white, and black**. The website must include these sections in order: **Home, About, Skills, Education, Projects, Certificate, and Contact**. Make the layout professional but simple, with clear spacing, neat typography, and smooth section styling. The Home section should include my name, a short intro, and a call-to-action button. The About section should briefly describe me as a beginner. The Skills section should show my technical skills in cards or progress-style design. The Education section should show my education details in a timeline or list format. The Projects section should display 2–4 beginner projects with titles, short descriptions, and buttons or links. The Certificate section should show certificates in a clean grid or card layout. The Contact section should include email, phone, LinkedIn, and GitHub placeholders. Make the website fully responsive for mobile and desktop. Use only HTML and CSS, no JavaScript. Give me the complete code for both `index.html` and `style.css`.

## Better version
If you want a stronger prompt, use this one:

Create a responsive beginner portfolio website using **HTML and CSS only**. Design it with a modern professional look using **blue, white, and black** colors. The portfolio should include a navbar with links to **Home, About, Skills, Education, Projects, Certificate, and Contact**. Each section should be well-structured and visually balanced.

Requirements:
- Home section with name, title, short intro, and hero button.
- About section with a beginner introduction.
- Skills section with skill cards.
- Education section with education timeline or cards.
- Projects section with project cards for beginner-level work.
- Certificate section with certificate cards or gallery.
- Contact section with contact details and social links.

Design requirements:
- Clean layout.
- Responsive on all screen sizes.
- Attractive spacing and typography.
- Blue as the main accent color, white background, black text.
- Smooth hover effects using CSS only.
- No JavaScript.
- Use semantic HTML.
- Provide complete code for `index.html` and `style.css`.

## Short prompt version
Create a beginner portfolio website using HTML and CSS only. Use blue, white, and black colors. Include Home, About, Skills, Education, Projects, Certificate, and Contact sections. Make it responsive, clean, and professional. Provide complete code for `index.html` and `style.css`. [w3schools](https://www.w3schools.com/howto/howto_website_create_portfolio.asp)

## Small tip
Your portfolio structure matches common beginner portfolio layouts that include home, skills, education, projects, and contact sections. [uideck](https://uideck.com/blog/free-personal-website-templates)

Would you like me to also create the **full HTML and CSS code** for this portfolio?

Free to use. No credit card required.