Coder Social home page Coder Social logo

marcelonieva7 / homepage Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 1.24 MB

My first personal website. Basically it is just a résumé.

Home Page: https://marcelonieva7.github.io/homepage/

License: MIT License

HTML 63.54% CSS 29.56% JavaScript 6.90%
binary-studio-academy css github-pages homepage html personal resume website

homepage's Introduction

homepage

My first personal website. Basically it is just a résumé.

homepage's People

Contributors

marcelonieva7 avatar

Watchers

 avatar

homepage's Issues

Refact Site Styles: Change Colors, Fonts, and Layout Presentation

Update the website's styles to enhance its visual appeal. This involves changing the color scheme, updating fonts, and modifying the layout presentation of all site content. Ensure the new styles improve readability and aesthetics, while maintaining a consistent look and feel across the site.

Add styles

Create a new file named styles.css in the root directory of the project. Then, insert the provided styles into the file to customize the appearance of the webpage.

Ensure the styles are properly formatted and cover the necessary elements to enhance the visual presentation of the website.

Add Animations with GSAP

Enhance the user experience by incorporating animations using GSAP (GreenSock Animation Platform). Apply smooth transitions, fades, and other animation effects to various elements on the website to make the interaction more engaging and visually appealing. Ensure the animations are performant and do not detract from the usability of the site.

Add page link to repository description

Update the repository description with the proper website link generated by GitHub Pages. After setting up, follow the link to ensure everything is displaying correctly, and you should see your index.html content.

Create a contact info block

Add links to social networks (LinkedIn, Facebook, Instagram), phone number, email, Telegram username, etc.

Update Experience Information

Update the "Experience" section of the resume with your real data. Include actual job titles, companies, durations, and responsibilities to accurately reflect your professional background. Commit small steps and add meaningful messages to document the changes effectively.

Add Secondary Content

Add the secondary content section to the project, including elements such as skills, experience, education, and languages. Follow the provided templates to ensure a consistent and structured layout. Remember to commit small steps and use meaningful commit messages throughout the process.

Update index

Add the necessary DOCTYPE declaration and basic HTML structure including the html, head, and body tags.
Include a meta charset declaration within the head section.
Set the page title to "Résumé".
Add a simple greeting message in the body section.
Ensure that the HTML is properly formatted and follows standard conventions.

Create an intro

Add an intro about yourself: who are you, what is your strength, why are you here.

Update Education Information

Update the "Education" section of the resume with your real educational background. Include accurate details such as the name of the institutions, degrees obtained, years of attendance, and any relevant coursework or achievements.

Update Contact Information and Personal Info

Update the "Contact Information" and "Personal Info" sections of the resume with your real data. Include accurate contact details such as your name, job title, location, LinkedIn profile, and a brief introduction to reflect your true professional profile.

Add styles

Create a new file named styles.css in the root directory of the project. Then, insert the provided styles into the file to customize the appearance of the webpage.

Ensure the styles are properly formatted and cover the necessary elements to enhance the visual presentation of the website.

Create a timeline

Add a list of all your activities, achievements, work experience. Add as much info as you can remember. In case you don’t have working experience tell about your pet-projects or student projects. Don’t be shy :)

Add Primary Content

Add the primary content section to the project, including elements such as an avatar, name, job title, contacts, and an introduction. Follow the provided template to ensure consistency and structure. Remember to commit small steps and use meaningful commit messages throughout the process.

Create additional info blocks

You can make your resume less official by adding more entertaining info, like your hobbies and interest, or what do you like, some interactive content or joke, easter egg, etc.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.