Giter VIP home page Giter VIP logo

personal-portfolio's Introduction

Personal-Portfolio

Website Layout

20211211063302.online-video-cutter.com.mp4

How to go about

This is the basic layout of the website where things need to be replaced with your data and credentials, follow these easy steps given down below to get your website working:

HTML HTML5

HOME

  • Next, Moving to Home section, here replace {{YOUR NAME}} with your full name

ABOUT

  • Replace P3021961.jpg with your own professional image
  • In Text class, replace {{YOUR NAME}} with your full name
  • In the Paragraph class, replace 'lorem ipsum' with some proper description about yourself in about 4-5 lines
  • Make a google drive folder for putting in the resume and replace {{GOOGLE DRIVE LINK FOR RESUME}} with drive link

SERVICES

  • Replace {{SKILL 1}},{{SKILL 2}},{{SKILL 3}} with your skills
  • Replace the 'lorem ipsum' in all three sections with relevent description of your services

SKILLS

  • Replace 'Lorem Ipsum' with relevent description of your skills .
  • In the anchor tag, feel free to redirect the READ MORE button to a suitable website.
  • Replace the <svg></svg> tags with the icons related to your skill set (For icons, checkout - https://icons8.com/)

CONTACT

  • Replace 'Lorem Ipsum' with text of your choice so that users can contact you.
  • Replace {{YOUR NAME}},{{YOUR ADDRESS}},{{YOUR EMAIL}}with your full name, proximate address and email address.

FOOTER

  • Replace {{YOUR NAME}} with your full name
  • Replace {{YOUR LINKEDIN}},{{YOUR GITHUB}},{{YOUR YOUTUBE}} with links of your linkedin, github and youtube respectively.

JavaScript JavaScript

Thank You

Hurray! Your personal-portfolio website is up and running, now deploy it on Github Pages and you are good to go, If you found this helpful, dont forget to ๐ŸŒŸ this repository and share it with others!!

Contributors


Got the swags as a Maintainer ๐Ÿฅณ (22nd March'22)

Thanks to all those who considered contributing to my repository and made this possible! (My First Hacktober ๐Ÿฅ‡) Hacktoberfest_21

personal-portfolio's People

Contributors

0rgaan1c avatar areeburrub avatar rishit30g avatar rohanbabbar04 avatar rolexsaraswat avatar shivamwho avatar shreya0204 avatar sriram-bb63 avatar tishasoumya-02 avatar yogesh2k21 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

personal-portfolio's Issues

Enhancements

  1. Change the color of the nav bar as it's overlapping with the bg image.
  2. Recreating the footer
  3. Addding Favicon
  4. CSS Hover effects on buttons
    @Rishit30G

Hamburger-Icon

This issue is for @0rGaan1c ( Chetan Sagar )
Just make sure you host it online, so that I can see the changes clearly

Add Dynamic Year in Footer

Currently, 2021 is a static year, Instead, try to add the dynamic year in the footer section i.e (It should change with subsequent years to come)

Hint - In Javascript, try out the getYear() function which is not yet depricated.

share icon, scroller, footer, social media links.

I want to edit and contribute towards UI, share icon, scroller, footer and social media links.
This is my first contribution towards Hacktoberfest, and I would like to work on these using my front end web dev knowledge

Update ReadMe file

  • Replace the video with a high-quality GIF of the website on a laptop
  • Also, make a GIF - demo of the website on iPhone ( Tip - Anyone using SwiftUI on mac can simulate this on the latest one , that would be great )
  • Raise a PR only if you are capable of completing both the tasks

Colorful icons when hovered upon

Screenshot (244)

For example, when I hover upon the JS icon, it gets magnified but I think it would look better if it transforms into the JS yellow color. Similarly, for the other icons, we can add colors when hovered upon.

Convert intro video to GIF

Using intro video is not the usual case most of the time we use special GIFs, I can edit the readme file for this,

add a working contct form

a firebase contact form its easy and a very good feature with email , name, mobile, and text it should send it to the firebase

Compatibility with devices

There might be an issue related to compatibilities like Type JS text moving to the next line or the image looking too big on the normal phone screen

Fix Hint - Checkout max-width in CSS

Background Contrast

The background is not in proper contrast with the text. As a graphic designer and web developer, I would love to fix this

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.