DEV Community

Cover image for I Created a Responsive Portfolio Website Using HTML, CSS, Bootstrap, and JavaScript

I Created a Responsive Portfolio Website Using HTML, CSS, Bootstrap, and JavaScript

Manoj Kumar on July 03, 2020

I already had a portfolio but it was created by others. But now have created my portfolio from scratch using HTML, CSS, Bootstrap, and JavaScript. ...
Collapse
 
amlana24 profile image
amlan • Edited

Your screenshots are showing a message on bottom right asking you to Activate windows. This may get you into trouble since it shows you are not using licensed windows version and these screenshots are getting public.

Collapse
 
mjmaurya profile image
Manoj Kumar

then, what should I do

Collapse
 
patarapolw profile image
Pacharapol Withayasakpunt • Edited

Use macOS / Linux.

Or, properly crop the image.

Collapse
 
joelbonetr profile image
JoelBonetR 🥇

I can't find a reason for not using Linux as a Developer. Keep windows for gaming and Linux (Elementary OS for example) for work. You'll see in few days that it's much more productive :)

Thread Thread
 
mjmaurya profile image
Manoj Kumar

I have used Linux. But due to some specific reason, I'm using Windows

Thread Thread
 
joelbonetr profile image
JoelBonetR 🥇

hahaha rollback so, using linux is free after all and you can get Dual Boot easily

Collapse
 
dlintott profile image
Daniel Lintott

Either purchase a Windows license if you don't have one... Or give a Linux distro a try. You could easily try a Linux disro in a virtual machine and use that to creatw your screenshots

Collapse
 
amlana24 profile image
amlan

First crop the images to remove those portions of the image. Then either properly license the OS or use any free OS distribution to work.

Collapse
 
leob profile image
leob • Edited

What I like about it is the originality - the design does stand out among the myriad of similar-looking portfolio/professional sites, I think that's more important than the minor flaws you could no doubt come up with.

Like others said, I would also advise sharing a bit less personal info, unless you don't mind risking getting bombarded with spam/unwanted attention.

Oh and finally what I just noticed - no https on your site, just http? Maybe you think it's overkill, but http is pretty uncommon nowadays and I think it's also penalized by Google (SEO).

Collapse
 
mjmaurya profile image
Manoj Kumar

thanks, I will enable my SSL

Collapse
 
vredchenko profile image
Val Redchenko

Further on this subject - there's a tool called lighthouse.js that you could use to check site metrics that Google finds important when ranking pages

Collapse
 
jamcry profile image
Cem

I think you should review the spacing of elements, for example title of the boxes below "What I am Doing" section is too close to borders, and icons don't seem vertically centered.
Also there are a lot of content, and a lot of different colors. I would simplify the overall layout a little bit so the important parts get attention

Collapse
 
mjmaurya profile image
Manoj Kumar

Can you Visit Now?

Collapse
 
mjmaurya profile image
Manoj Kumar

very very thanks, I will improve it

Collapse
 
jaymcconnon profile image
James McConnon

I like the site tbh. The only thing i would say is, i never understood the reasoning behind the percentages. 85 percent of what? You have learnt 85 percent of a language?
I think a more concise way of putting it is your main focuses and then your side interests, then maybe the things you are beginning to tinker with.

Thumbs up on the site design though. Quirky but clean.

Collapse
 
shane profile image
Shane McGowan

You have a very large amount of personal info on there, I'd recommend you remove it just for privacy reasons, especially your personal phone number and age

Collapse
 
aleksandrhovhannisyan profile image
Aleksandr Hovhannisyan

Seconded. Definitely don't put your birth date or phone number anywhere online. That's just an invitation to get doxed.

Collapse
 
jamcry profile image
Cem

I accidentally put my personal email on a new site, in few hours I started getting junk mail for the domain 😡

Collapse
 
mjmaurya profile image
Manoj Kumar

thanks for suggestion

Collapse
 
mjmaurya profile image
Manoj Kumar

Can you Visit Now?

Collapse
 
shane profile image
Shane McGowan

You've got some serious performance issues here, you locked up my whole PC for a bit when I tried to click on a blog link haha

Collapse
 
hemant profile image
Hemant Joshi

Lol, who is the one fool to enable add script in their own Portfolio website?,
I encountered a loop of adds, and ended to close the tab;
Not a good habit ;

Collapse
 
francisakpede profile image
Francis Akpede

I need this dowload resume what is you contact

Collapse
 
mjmaurya profile image
Manoj Kumar

you can contact me on twitter or Facebook.
by the way which code do you need? animation or download?

Collapse
 
jakeerc profile image
Jakeer • Edited
  • whitespace required
  • proper color pallet
  • better keep cards normal with a shadow
Collapse
 
mjmaurya profile image
Manoj Kumar

Can you Visit Now?

Collapse
 
merichard123 profile image
Richard

I quite like the design, but many employers don't like to download stuff from websites so maybe consider adding the document to your files and linking to it with an anchor tag that way it will open rather than download. Also some of the project images are a little distorted, potentially consider the object-fit property.

Collapse
 
mjmaurya profile image
Manoj Kumar

Can you Visit Now?

Collapse
 
vredchenko profile image
Val Redchenko

Might I also suggest use of spellchecker? Grammarly is supposed to be a robust tool

Collapse
 
mjmaurya profile image
Manoj Kumar

Can you Visit Now?

Collapse
 
efaayin profile image
Ifeanyi Alichi

I think you should test for responsiveness on different screen sizes. On an iPhone 6S landscape view, some things are out of place

Collapse
 
mjmaurya profile image
Manoj Kumar

Can you Visit Now?

Collapse
 
efaayin profile image
Ifeanyi Alichi

I just checked, and some things are still not fixed properly.
Try viewing it on different screens

Collapse
 
command2win29 profile image
Command2win29

My browser said, that can't see Your sertificate, when I clicked "View"

Collapse
 
mjmaurya profile image
Manoj Kumar

Can you Visit Now?

Collapse
 
mjmaurya profile image
Manoj Kumar

which browser do you use?
I think it will be your browser problem.
so try in chrome, firefox, IE, etc.

Collapse
 
cmcodes profile image
C M Pandey

Move the into div to center. Keep a light color for the side nav div.

Collapse
 
mjmaurya profile image
Manoj Kumar

Brother Can you Visit Now.

Collapse
 
jwp profile image
John Peters

Site needs a style overhaul.

Collapse
 
mjmaurya profile image
Manoj Kumar

Can you Visit Now?

Collapse
 
adwivedi008 profile image
adwivedi008

Hii i am looking forward for developers please do contact if you r intrested @Interstellarassociation@gmail.com

Collapse
 
mjmaurya profile image
Manoj Kumar

I have responded to this email.

Collapse
 
aiubur profile image
AiuburRahman

Just awesome. Brother keep it up.

Collapse
 
mjmaurya profile image
Manoj Kumar

Thank You