Search results
Ram Maheshwari is a result-oriented web developer who builds and manages websites and web applications. He also shares content related to web development and programming on his blog and social media.
- Case Study
Ram Maheshwari. Home ; About ; Projects Contact ; Home ;...
- Wilsonport
Project Overview. Wilsonport is a multiservice logistics and...
- Gatsby + Netlify CMS Starter
This repo contains an example business website that is built...
- Case Study
I am a seasoned Web Developer and a passionate Programming Content Creator. I…. · Experience: Self Employed · Education: Zero To Mastery Academy · Location: Bengaluru · 500+ connections on...
- 500+
- Self Employed
- 141K
- Bengaluru, Karnataka, India
- ( Update ): Project Achievement 🏆
- Support
- Features
- How To Use 🔧
- Step 1 - STYLES
- Step 2 - Homepage
- Step 3 - Project Page
- Deployment 📦
- Give a Star ⭐
Dopefolio has been listed as the Hottest Frontend Tool of 2021 According to CSS Tricks 🥳. Thanks to all of you for supporting this project 🙌
Link to the CSS tricks article on Dopefolio
I do need support from amazing people like you as I started posting on My Linkedin and want each one of you to checkout My Linkedin Profile where I post amazing content related to Programming & Web Development 🚀
Easy to Setup 💯Free to Use ( OpenSource ) 🥳No Additional Frameworks 🤘No Additional Libraries 🙌Multi Page 💎Fully Responsive 🚀From your command line, first clone Dopefolio:
Then you can install the dependencies
Using NPM:
Once you run npm run compile:scss, then open the index.html inside your favorite browser or using the live server extension.
Make sure you have started the SASS to CSS compilation by running
Change the color theme of the website.
Go to sass/abstracts/_variables.scss and change the value of this sass variable called $themeClrPrimary to your preferred HEX color.
NOTE: I highly recommend to checkout the Dopefolio Playground Link to test the template with different colors and see which color do you like the most.
Header of Homepage
•On .header__logo-img, Add your own Image, Better if the background of the image is transparent so the background can match the theme color. To remove the background of your image, you can visit remove.bg where you can upload your image and it will remove the background of it. •On .header__logo-sub, Add your own Name.
Hero Section of Homepage
•On .heading-primary, put your custom title. •On .text-primary, put a short description about yourself. •On .home-hero__social-icon-link, fill the href attribute with a link related to your social media account.
About Section
•On .heading-sec__sub, put a short description about the section. •On .about__content-details-para, put your details here and use tag to highlight specific keywords. •On .skills__skill, mention your skill one by one.
Project Hero Section
•On .heading-primary add the Project Title. •On .text-primary add a short description about the Project. •On Anchor Tag that says Live Link with class btn btn--bg, add the Project Live Link as the value for the href attribute.
Project Details Section
•On .project-details__showcase-img, change the value of src to the location/link of Project Mockup. •On .project-details__desc-para to add a detailed paragraph describing your project. Use multiple .project-details__desc-para elements for multiple paragraphs. •On .skills mention the skills that were used to build the project inside .skills__skill to mention each skill. •On Anchor Tag that says Live Link with class btn btn--med btn--theme project-details__links-btn, add the Project Live Link as the value for the href attribute. •On Anchor Tag that says Code Link with class btn btn--med btn--theme-inv project-details__links-btn, add the Project's Code Link ( Repository Link ) as the value for the href attribute.
Once you have done with your setup. You need to put your website online!
I highly recommend to use Netlify to achieve this on the EASIEST WAY
Whenever you wanna host a new site on Netlify. You will need to press the Create New Site button from the Netlify's dashboard once you login into Netlify.
Once you press the Create Site Button then you will have to follow the 3 steps:
1.You will have to select your Github account.
2.Then select the Repository which you wanna host, in this case its your Portfolio website ( Clone of Dopefolio )
If you like this project then give it a Github star by pressing the Star button ⭐
Aug 20, 2021 · Ram Maheshwari ♾️. Frontend Web Developer - Programming Content Creator - 140k+ Followers On Linkedin - 70k+ Followers On Instagram - Follow me for the most amazing content related to Programming & Web Development 💎.
View Ram Maheshwari’s profile on LinkedIn, a professional community of 1 billion members. Area Director-Operations Chandigarh, Punjab, Himachal and J&K · 21 years in Hotel S&M at IHCL...
- 500+
- 1.1K
- The Indian Hotels Company Limited (IHCL)
- India
Jan 27, 2023 · 20 Killer JavaScript One-Liners That’ll Save You Hours of Coding 🤯🔥. # javascript # webdev # html # react. Take your JavaScript skills to the next level with these essential one-liners that will also save you hours of coding 🚀. 1) Find the max value in an array: Math.max(...array) 2) Remove duplicates from an array: [...new Set(array)]
Mar 23, 2023 · I'm thrilled to share my latest open-source project called Wowfolio with you all. Wowfolio is a clean and simple portfolio website template designed specifically for developers. It's available for free on GitHub, and I encourage you to check it out and give it a try. 💻💡.
