+1 for the FreecodeCamp logo trick. Actually i have already tried that before but was not satisfied with the result cause the outcome was much wider in size as compared to other FontAwesome of the same size, Hence dropped that Idea.
Note: Posted separately due to Save functionality of the forum is not working on my end at the moment. SO could not edit previous post.
Right⌠gimme 2 ticks iâll put my old portfolio on codepen and you can see what i mean and see the js too⌠it might be what youâre looking for.
I actually donât think you need a site navigation at the top of your landing page. It would suit your site, I think, if that space should be reserved for a transparent relatively positioned nav with small white text links to support and a contact link. probably left aligned with your name/logo right aligned.
If your site were mine, I would have the main site nav positioned relativly under your landing screen until you scroll past it at which point it becomes a fixed nav - thats what youâll see in the pen. if i rememebr rightly my implimentation wasnât the smoothest but seeing as your quickly becoming an jQuery animation expert youâll prob figure it out
Of course this is just my opinion and and your site is yours to reflect your own tastes and style.
See this old portfolio of mine I had implemented the same functionality you are describing. The difference is just that i positioned it directly below Main Heading instead of any section. So when you scroll below the heading menu becomes sticky.
Yes thats exactly it, glad you know what i mean cos the 2 ticks wasnât going so well
Ok now weâre on same page, Donât you think your site would look extra cool with it positioned just off the bottom of your landing screen, not to be seen then picked up on scroll? I suppose that means Iâd go for your #1 option.
Logo, yeh I seem to rememebr I tried the brackets in every position⌠got there in the end though. They go right on the outside of the i tags and then give the icon an fa-lg class.<a href="yourcodecamppage">(<i class="fa fa-fire fa-lg" aria-hidden="true"></i>)</a> .
Thanks for those 2 ticks anyways Appreciate the time you spared to discuss things with me. :). I am going for Option # 1 then cause it seems more practical. Will try the FCC logo again, Maybe i wasnât satisfied because the fire is different in the center.
Nope actually itâs a CSS library named [Animate.css] (https://daneden.github.io/animate.css/) I just tweak the animations to my liking and use JQuery or anything thing that helps me utilize those Anims as per my requirement.
The site looks great! I did notice that your âHire Meâ button takes back to the top of the webpage. I think it would make more sense if it led to the contact form! Since they are right beside each other, I would rethink having that button in general and maybe combining those sections.
The âHire Meâ button could actually be the submit button for the form as well. Just a suggestions! Other than that I loved the site!
If youâd like to use the real FCC logo, I wrote a post about that a little while ago. (Honestly, Iâm surprised at how little interest it got. I think maybe the title wasnât clear so I changed it. Iâm sure most people would prefer to have the official logo than the substitute if they knew they had a choice.)
Hey @GitCoderr I also looked onto your portfolio and the way you presented your Bio Blew my mind, However the button to convert it in English is not working. I will be adding this logo soon to my Page. Thanks for the share. I think your post must be pinned to top for some days.
Re: the English bio button not working, thanks for the heads up. What did you try it on? I tested it in Chrome, FF, IE, iOS Chrome, iOS Safari and Android Chrome, and it works in all the ones I tested. Wonder why itâs not working for youâŚ
Hi Nawazish! Just saw your portfolio and loved it! Great job. Hope to reach this level and be able to create such great work as well. Keep up the good work, congratulations!
Iâll rate it 9 because I tried to contact you on the form available on the site, but apparently it didnât work. But itâs really impressive, though!
Cheers from SĂŁo Paulo,
âLuiz
Thanks for liking and rating my Portfolio. Just stick to your goals and soon you will surpass me Form is not intended to work as it is just a place holder still. Will add full functionality when i am done with FCCâs Front end curriculum. Alternatively you can contact me using my Social links.
I have been learning to Program for 8 months. I have taken annual leave to study full time and made this Portfolio with in two days working 7-8 hours each day on it.