Skip to content

Responsive and visually appealing portfolio website template built using html, css and js

Notifications You must be signed in to change notification settings

LamichhaneBibek/minimalistic-portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Minimalistic Portfolio Website

Welcome to the Minimalistic Portfolio Website template! This simple yet elegant website is designed to showcase your personal and professional information in a clean and organized manner. The template is built using HTML, CSS, and JavaScript to create a responsive and visually appealing portfolio.

Here's a screenshot of the application:

Desktop View

Application Screenshot

Mobile View

Application Screenshot

Table of Contents

  1. Getting Started
  2. Structure
  3. Customization
  4. Dependencies
  5. Contributing
  6. License

Getting Started

To use this template, follow these steps:

  1. Clone the repository to your local machine:

    git clone https://github.com/LamichhaneBibek/minimalistic-portfolio.git ```
    
  2. Open the index.html file in your preferred code editor.

  3. Customize the content in the index.html, style.css, and script.js files according to your preferences.

  4. Replace the placeholder content with your own information, such as your name, bio, social media links, and resume details.

  5. Save your changes.

  6. Open index.html in a web browser to preview your portfolio.

Structure

The project structure is as follows:

minimalistic-portfolio/
│
├── index.html
├── readme.md
├── css
│   └── style.css
├── js
│   └── script.js
├── assets/
│   ├── profile.png
│   └── resume.pdf
└── favicon_io/
    └── apple-touch-icon.png 
  • index.html: The main HTML file that defines the structure of the portfolio.
  • style.css: The CSS file containing the styles for the portfolio.
  • script.js: The JavaScript file for any additional interactivity.
  • assets/: The directory for storing images and your resume.

Customization

Header

Edit the <header> section in index.html to include your name and a brief bio.

Body

Customize the main content of your portfolio in the <section id="about"> and <section id="portfolio"> sections.

Social Media Links

Replace the placeholder social media links in the <ul class="social-icons"> section of index.html with your own.

Contacts

Update the contact information in the <section id="contact"> section of index.html.

Resume

Replace the placeholder resume file (assets/resume.pdf) with your own resume.

Dependencies

This template does not rely on any external libraries or frameworks. It uses pure HTML, CSS, and JavaScript to keep the portfolio lightweight and minimalistic. Contributing

Feel free to contribute to the project by opening issues or submitting pull requests. Your feedback and improvements are highly appreciated!

License

This project is licensed under the MIT License - see the LICENSE file for details.

Thank you for using the Minimalistic Portfolio Website template! If you have any questions or suggestions, feel free to reach out.

About

Responsive and visually appealing portfolio website template built using html, css and js

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published