41 comments found.
Love your template ! i did some important security updates such as implementing Recaptcha v2 in your code and contact_form.php code re-design for better contact experience ! I would to share it with you
demo mimoudix.com
Thanks bro, I’ll see it.
How can I make an icon M ENG MOHAMED
Hello Mr Mohamed SVG code for M letter:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 49 45"> <path d="M.08 2.903V.984h11.698l18.31 39.14-2.098 4.86h-8.265L.08 2.903zM36 26.502h-.254l-4.26 10.36-5.467-11.768L36.001.985H48.08v44H36V26.501zM.08 9.233l11.698 25.07v10.68H.08V9.234z"/> </svg>
Love your template. I added video links to the portfolio and the video plays when you click on it but theres no thumbnail for the video.
We have replied to your email
Thank you, youre the best!! got it working
You are welcome ☺️
Hi, I got the theme from free files for the month. You’ve created an amazing theme!
The only problem I’m facing is with the contact form submission, it gives an error whenever I’m filling the data. I did change the ‘To’ email as mentioned in the documentation, but it is not working. Can you help me with it?
You can check it live here: https://zaverizwan.in
I appreciate your help, thank you!
We have replied to your email
Hi, there is a problem with the experience section, following your documentation as well as video, while edit the experience year, after edit them the changes are not showing on the website. they remain the same as before. Can you please help.
I need to take a look at your files, so send them to me by email or give me an online URL to your website
I found your template from freebies collection. I have to admit that you did a very great job. The documentation and source code is very clean. I did follow you and hope that I can find many other good templates in the future.
Thanks brother, I promise you will see a great template soon ❤️
Got your theme as freebies. Thanks a lot.
You’re welcome
Hi author, I would like to set dark mode as default setting. Is it possible to do? 2. How to remove the language switch?
1. The template will check what mode the browser is in, and apply the theme based on that setting. This is automatic unless the user selects a mode themselves. If the user subsequently decides to change their browser theme from dark to light, the next time they navigate to your website, it will show in light mode.
2. Just remove or comment the following block of code in the HTML pages: https://www.dropbox.com/s/jvglefjlox6fhbd/2022-05-26_213224.png?dl=0Thanks man. The nav at header links to sections within the pages but i want to modify it to link to external pages. I did as mentioned in documentation but when i click on it, it doesn’t work. Slightest changes in nav causes pages to break or not load at all.
How to edit and customize the Nafie template? https://youtu.be/4zV56kE80-k
Hi, Thanks for the video tutorial. I think there is a mistake in the documentation.
For changing Navbar Links, your instructions in the documentation are to make changes in script/main.js
I followed the docs but it didn’t work. Finally, I found out that I was making changes in the wrong file. I had to modify script/main.min.js
Anyways the theme is amazing and the code is clean I love it.
Thanks bro ❤
I totally agree with ddanyboy. Webrouk response rate is one that can be compared to none! Well done bro. Please my issue is around changing the preloader svg. I’m still trying to find my way around coding so please if you can post a simpler way to edit the svg for non-coders…would be great! Love you bro!
Thanks bro ❤️, tell me what word you want and I will do it for you.
I’d like to change the preloader svg from “N” to “O”. Is there a code snippet I need to edit? Also, How can I hide the Testimonials section?
SVG Code for O letter:
<svg xmlns=”http://www.w3.org/2000/svg” viewBox=”0 0 110 128”> <path d=”M72.46 64.08C72.46 53.64 72.4 46.8 72.28 43.56C72.04 38.64 71.38 35.1 70.3 32.94C69.22 30.66 67.48 29.28 65.08 28.8C62.68 28.44 59.26 28.26 54.82 28.26C49.66 28.26 46.3 28.5 44.74 28.98V0.899984C45.82 0.779985 47.44 0.719986 49.6 0.719986H54.82C68.26 0.719986 78.64 1.79999 85.96 3.95999C93.4 5.99999 98.8 9.41999 102.16 14.22C105.28 18.66 107.2 24.48 107.92 31.68C108.76 38.88 109.18 49.68 109.18 64.08C109.18 76.68 108.88 86.4 108.28 93.24C107.8 99.96 106.48 105.54 104.32 109.98C101.92 115.02 98.2 118.86 93.16 121.5C88.24 124.14 81.34 125.88 72.46 126.72V64.08ZM54.82 127.44C37.3 127.44 24.7 125.52 17.02 121.68C13.06 119.76 9.94 117.18 7.66 113.94C5.38 110.7 3.7 106.68 2.62 101.88C1.66 97.68 1.06 92.88 0.819999 87.48C0.579999 81.96 0.459999 74.16 0.459999 64.08C0.459999 51.48 0.699999 41.82 1.18 35.1C1.78 28.38 3.16 22.74 5.32 18.18C7.72 13.26 11.38 9.47998 16.3 6.83998C21.22 4.19999 28.18 2.39999 37.18 1.43999V64.08C37.18 71.16 37.3 77.94 37.54 84.42C37.78 89.34 38.38 92.94 39.34 95.22C40.42 97.5 42.16 98.82 44.56 99.18C46.6 99.66 50.02 99.9 54.82 99.9C59.74 99.9 63.1 99.72 64.9 99.36V127.26C63.82 127.38 62.2 127.44 60.04 127.44H54.82Z”/> </svg>
To hide the Testimonials section, comment it in the html code.
Thank you Webrouk! You’re the best!
Thanks bro ❤️
How can i change letter N in Preloader kindly help out
Tell me what word you want and I will do it for you.
I want to add a simple A letter
<svg xmlns=”http://www.w3.org/2000/svg” viewBox=”0 0 124 124”> <path d=”M39.78 0.159988H42.84L57.06 49.48L36.36 124H0.360001L39.78 0.159988ZM80.28 102.04H50.22L57.78 74.32H72.18L50.94 0.159988H83.88L123.3 124H86.58L80.28 102.04Z”/> </svg>
great works!!!
Thanks
Your site is fine, very beautiful site and it loads faster. The most beautiful thing about all of this is that Webrouk replies very fast and he is ready to assist you till you get verything perfectly well. Infact! he is the best Author presently on themeforest. Themeforest pls let us vote for Author of the month pls….. I LOVE YOU WEBROUK
Thank you very much, I really appreciate that ❤️
You welcome! I should be the one thanking you for this beautiful web you created.
Can you please give the correct/Perfect svg path of TR ??
Everything is fine but I just can’t change this preloader properly.
<svg xmlns=”http://www.w3.org/2000/svg” viewBox=”0 0 342 193”> <path d=”M0.519997 0.359985H158.16V45.16H0.519997V0.359985ZM51.2 56.36H107.2V193H51.2V56.36Z”/> <path d=”M178.895 0.359985H234.895V193H178.895V0.359985ZM257.855 127.48H246.655V84.64H256.175C261.962 84.64 266.349 84.4533 269.335 84.08C272.322 83.52 274.655 82.5867 276.335 81.28C277.829 79.9733 278.855 78.0133 279.415 75.4C279.975 72.7867 280.255 68.96 280.255 63.92C280.255 58.88 279.975 55.0533 279.415 52.44C278.855 49.64 277.829 47.5867 276.335 46.28C274.842 44.9733 272.602 44.1333 269.615 43.76C266.815 43.3867 262.335 43.2 256.175 43.2H246.655V0.359985H275.495C288.749 0.359985 299.482 1.66665 307.695 4.27998C315.909 6.89332 322.255 10.9067 326.735 16.32C330.842 21.36 333.549 27.6133 334.855 35.08C336.349 42.5466 337.095 52.16 337.095 63.92C337.095 79.04 335.695 90.7066 332.895 98.92C328.975 109.373 322.069 116.747 312.175 121.04L341.295 193H282.495L257.855 127.48Z”/> </svg>
Although I’ve got it before, thanks. Your site is very beautiful.
Will it be copyrighted if I make it my personal portfolio ?? This month it is free from here.
Thanks, you can use it as personal portfolio.
Thanks a lot.
Finally got everything done perfectly well. How do i change the N preload to G?
It’s an svg element, just use a new one.
Any link to convert and get the svg numbers
<svg xmlns=”http://www.w3.org/2000/svg” viewBox=”0 0 155 198”> <path d=”M69.04 0.680005C76.5067 0.306665 82.6667 0.119995 87.52 0.119995C104.32 0.119995 119.72 1.24 133.72 3.48C140.813 4.22667 147.627 5.34667 154.16 6.83999V46.88C146.32 46.1333 140.44 45.48 136.52 44.92C133.347 44.7333 128.213 44.2667 121.12 43.52C114.027 43.1467 109.36 42.96 107.12 42.96C95.7333 42.96 87.3333 43.24 81.92 43.8C76.6933 44.1733 72.4 45.2933 69.04 47.16V0.680005ZM87.52 197.24C68.8533 197.24 53.92 195.84 42.72 193.04C31.7067 190.24 23.12 185.293 16.96 178.2C10.8 171.107 6.41333 161.307 3.8 148.8C1.37333 136.293 0.16 119.587 0.16 98.68C0.16 80.9467 1 66.3867 2.68 55C4.36 43.6133 7.25333 34.28 11.36 27C15.6533 19.5333 21.44 13.84 28.72 9.92C36 6 45.52 3.29333 57.28 1.79999V98.68C57.28 111.933 57.6533 122.107 58.4 129.2C59.1467 136.107 60.5467 141.427 62.6 145.16C64.84 149.08 68.0133 151.787 72.12 153.28C76.4133 154.773 82.48 155.52 90.32 155.52V197.24H87.52ZM102.08 121.08H82.2V80.48H155V190.24C146.227 192.293 135.307 193.88 122.24 195C115.893 195.933 109.173 196.493 102.08 196.68V121.08Z”/> </svg>
I love you bro… You made everything so easy A-Z i love you so much. Yes when you are done with the project at hand, i have a project for you. Thanks i will also mail you so we can get into discussion
Thanks bro i appreciate it ❤
I see that alot of people are already having the same problem I’m about to report. Please try and create a solution that works for everyone. I’m unable to change the Skills / tools icons and work experience elements. I followed the instructions in the documentation and it has really been helpful up until I got to the Skills / tools part. Please help..
Well, I will make a video tutorial explaining how to edit and customize the Nafie template.
Need help on making the icons show pls i drop you email already. Thanks
Best ever
Thanks
Find it difficult to change the Nav Links, From main.js is not changing after following the documentation properly. Pls help
If you edit on the main.js file, be sure to import it instead of main.min.js
Pls can you help with steps on how to import it?
I mean script src in html page, be sure it’s main.js file not main.min.js
Yes am sure is not main.min.js am editing main.js direct
Send me your files, I want to take a look
If i may ask, are you saying i should remove all of these:
// list of nav links to loop through it navLinks: [ { url: ’#hero’, title: { en: ‘Home’, ar: ‘الرئيسية’ } }, { url: ’#about’, title: { en: ‘About’, ar: ‘من أنا’ } }, { url: ’#skills’, title: { en: ‘Skills’, ar: ‘مهاراتي’ } }, { url: ’#portfolio’, title: { en: ‘Portfolio’, ar: ‘أعمالي’ } }, { url: ’#contact’, title: { en: ‘Contact’, ar: ‘اتصل بي’ } } ],
And using something like these:
<.a. href=”#hero”>Home<./a.> <.a. href=”#about”>About<./a.>
Don’t do anything just send me an email with the html & js files and I will do it for you
Yeah! I sent you a email already
I will also appreciate if you make a video clip on how to get it done just incase of next time…. Thanks
I replied to your email
ok
Yeah have seeen it
You are such a wonderful soul. This is brilliant 100% love it.
Thanks bro ❤️