Giter VIP home page Giter VIP logo

adithyapaib / neomorphic-portfoliotemplate Goto Github PK

View Code? Open in Web Editor NEW
54.0 1.0 127.0 7.95 MB

This is a OpenSource Portfolio Template Based on Neomorphic Theme Made with pure HTML, CSS(SCSS), And A bit of Java script

Home Page: https://adithyapaib.github.io/Neomorphic-PortfolioTemplate/

License: MIT License

SCSS 16.53% HTML 45.63% CSS 26.53% JavaScript 11.31%
html css javascript neomorphism scss hacktoberfest hacktoberfest-accepted hacktoberfest2022

neomorphic-portfoliotemplate's Introduction

HACKTOBERFEST IMPORTANT NOTICE

Please make sure your are commmiting your changes to the right branch

If you PR to the wrong branch then there will be merge conflicts !!!

For any Queries pls reach me via https://www.linkedin.com/in/adithyapaib/

Neomorphic-PortfolioTemplate

This is a OpenSource Portfolio Template Based on Neomorphic Theme.

What is Neomorphic?

Neomorphism is a relatively new design movement and a phrase that has just gained popularity.
Its aesthetic is defined by minimal and realistic-looking UI, which is a new twist on skeuomorphism.
It got its name in a UX Collective post from December 2019, and since then, various design and development communities have been actively discussing the trend, usually with differing opinions.
Chris poked fun at it on Twitter. Adam Giebl created an online generator for it.
Developers, designers, and UX specialists are weighing in on the topic of aesthetics, usability, accessibility, and practicality of this design trend.

Made with:

Html CSS Javascript

Click here for Live Preview

https://adithyapaib.github.io/Neomorphic-PortfolioTemplate/

Template Preview

This is an OpenSource Portfolio Template Based on Neomorphic Theme Made with pure HTML, CSS(SCSS), And a bit of Java script.

Screenshots

template preview template preview template preview

Demo

https://adithyapaib.github.io/Neomorphic-PortfolioTemplate/

Features

  • Responsive Layout
  • Rich, multi-step animations
  • Fullscreen mode
  • Aesthetic and modern UI

Color Reference

Color Hex
Hover Background #ff1900 #ff1900
Box Shadow #b8b7b7 #b8b7b7
Text #0000004b #0000004b
Main Background #ffffff #ffffff

New to Contributing Open Source?

No worries! We'll walk you through the steps.

Open your terminal and type the following command to clone this repository into your code editor:

git clone https://github.com/adithyapaib/Neomorphic-PortfolioTemplate.git

Next, make the changes you want in the code.

Once finished, you can do the following to add, commit, and push your code to your fork!

git add .
git commit -m "My contribution"
git push

Then, navigate over to your github fork page and click the "Compare & pull request" button

Pull request button

When prompted, type up a clear and well-written pull request title and message. This will make it much easier to review your code!

And again, thanks for contributing!

Hi, I'm Adithya! ๐Ÿ‘‹

๐Ÿš€ About Me

I'm a Front-End Developer and Open-Source Enthusiast.

๐Ÿ”— Links

portfolio linkedin twitter

๐Ÿ›  Skills

Javascript, HTML, CSS,etc..

Authors

Contributing

Contributions are always welcome!

See Issues section for ways to get started.

Please adhere to this project's code of conduct.

Feedback

If you have any feedback, please reach out to us at [email protected]

Support

For support, email [email protected]

License

MIT License

Contributors Forks Stargazers Issues MIT License

Contributors

neomorphic-portfoliotemplate's People

Contributors

abhishekkumarray avatar adithyapaib avatar ajttiahi99 avatar akash391 avatar alphaqx avatar amanyadav777 avatar aryan-kumar-mains avatar ayushavi1 avatar ayushjain27 avatar brucemacgary avatar developernd avatar dollyqx avatar dragonuncaged avatar jadhav-kunal avatar karar189 avatar malvika-sinha avatar mohdsauood avatar mthakur7 avatar muhammadsuheer avatar nafladiva avatar niketh23 avatar paawan9700 avatar prerna-tech avatar priyanshipshah avatar rahulbiswas12 avatar rushiranpise avatar samrath-sudesh-acharya avatar shingtesuyash avatar sudipta2002 avatar vikkastiwari 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

Watchers

 avatar

neomorphic-portfoliotemplate's Issues

Social Media Icons | Improvement

Greeetings!

When we hover over the social media logos on the website, the color changes to #f53f2b.
However, according to branding guidelines changing the color of these logos is not permitted.

References:

  1. GitHub Branding Guidelines - Changing the colors is not permitted
  2. Twitter Branding Guidelines - Logo can only be used in either blue or white color and for black too permission is required from their team
  3. LinkedIn Branding Guidelines - Changing the colors is not permitted

Suggested Improvements:

  1. We can either add colored logos for all the aforementioned logos or upon hovering them change them to their original colors. However, the latter option does not fall in accordance with the Twitter Branding Guidelines.
  2. We could use a mail icon / Gmail logo in place of the @ logo, it confused me too at first when I thought of what the icon is for.

Do suggest any changes or further improvements.
It'll be super if I could be assigned this issue.

Thanks and regards,
Pooja Gera

Fix the Cluttered Code

In this repo there are too many code snippets that are duplicated e.g. head tag is written two times and duplicated.
like this there are so many cluttered code parts that needs to be fixed

Repeated Code Must Be Removed

hey! @adithyapaib i have seen that many things like contact form, profile description and some of the images are being repeated.
So, i want to resolve the issue. kindly assign this issue to me.

Resume Button is unresponsive

Hey! Hope you're doing well.
The resume button is unresponsive and does not open a resume upon clicking, I can add responsiveness to the button. The user can upload their resume and It will open the pdf in a new tab upon clicking resume button.

Validating user input

The inputs are accepted even when it is empty. I want to validate it so that empty inputs show error
image
Can you assign this task to me?

Scroll to top button is not working

  1. There is an arrow button for scrolling to top but as i click on that it is not working
    I want to work on this issue , can you pls assign it to me

FIX BROKEN LAYOUT

Anyone who would like to fix the broken layout of the site pls comment below

Fix the Neomorphic Design

Neomorphic Design needs to be redesigned because container having only box shadow instead of lightened area + shadow area

Phone number input validation

I would like to validate phone number input and change the default form behaviour because of which the page reloads.
Can you please assign me to work on this?

Portfolio , Skills and Connect card are not working responsively

Landing section and name typed section is working responsively and can be scaled as device width however after that cards are not working properly specially portfolio [ about me + image + resume button ] and those cards are not scalable and animation is not stable.
Please assign me the task , I wanna contribute. Maybe unable to make all responsive but I can fix some bugs and make animation stable.

FIX the recent PROJECT HEADING

Follow the same UI as the portfolio heading

  • reduced the size of recent projects
  • Make it Lowercase capitalized
  • fix project template

centering the CONTACT US session

hey adhityapaib , i found the bug at your CONTACT US display, whereas the content inside not centered properly.
let me fix the bugs

have a good day :)

FIX Header and project

PLS use the tag [FIXED HEADER] and [FIXED PROJECT] in the PR title .

  • Change the font of the headings PORTFOLIO: make it smaller and only capitalize the starting letter or pls revert it back to how it was in the beginning
    -reduced the animation time of connecting me
    -Fix over flow issue of project and image

Wide spaces left unused.

Sir, in the home page wide space is left on both sides of the page. i can utilize the space by sending the photo to right and uplifting about me and portfolio section. i would like to work on this. please assign me this.

Add contributing instructions in README

Hey,

I think it would be useful for new contributors for Hacktoberfest to know how to contribute to this project and so they could see the overall folder structure.

Irregular size of icons in tools section

There is an irregular size of Icons in the tools section. which I can see is of 32px X 32px. Where the Icons under programming and design is of 48px X 48px.

And as the Icons are fetched from the server. So @adithyapaib guide me through this how I can take it further to resolve the issue.

title bar

in mobile mode Title Bar UI is bit distorted
image

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.