diff --git a/README.md b/README.md index b36faf501..9e2800c20 100644 --- a/README.md +++ b/README.md @@ -14,14 +14,14 @@ ## Features -- ### **Easy to Setup πŸ’―** -- ### **Free to Use ( OpenSource ) πŸ₯³** -- ### **No Additional Frameworks 🀘** -- ### **No Additional Libraries πŸ™Œ** -- ### **Multi Page πŸ’Ž** -- ### **Fully Responsive πŸš€** -- ### **Super Fast and Optimized for SEO ⚑** -- ### **Great Audits Score πŸŽ–οΈ** +- ### **Easy-to-use** πŸ₯‘ +- ### **Free to Use ( OpenSource ) πŸ₯³** +- ### **Multi-page πŸ’Ž** +- ### **Fully Responsive πŸš€** +- ### **No Additional Libraries** 🀘 +- ### **No Additional Frameworks** πŸ™Œ +- ### **Super Fast and Optimized for SEO ⚑** +- ### **Great Audits Score** πŸŽ–οΈ Dopefolio Audits @@ -71,9 +71,7 @@ $ git remote remove origin
-Then you can install the dependencies - -Using NPM: +Then you can install the dependencies using NPM: ```bash # Install dependencies @@ -91,9 +89,9 @@ Once you run `npm run compile:scss`, then you can open the `index.html` inside y
-## Template Instructions: +## Template Instructions -## Step 1 - STYLES +### Step 1 - STYLES Make sure you have started the SASS to CSS compilation by running @@ -118,11 +116,11 @@ $themeClrPrimary: #0062b9;
-## Step 2 - Homepage +### Step 2 - Homepage Go to `/index.html` and fill your information, there are 6 sections: -### Header of Homepage +#### 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. @@ -190,7 +188,7 @@ Go to `/index.html` and fill your information, there are 6 sections: ``` -### Hero Section of Homepage +#### Hero Section of Homepage - On `.heading-primary`, put your custom title. - On `.text-primary`, put a short description about yourself. @@ -269,7 +267,7 @@ Go to `/index.html` and fill your information, there are 6 sections: ``` -### About Section +#### 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. @@ -335,7 +333,7 @@ Go to `/index.html` and fill your information, there are 6 sections: ``` -### Projects +#### Projects - On `.heading-sec__sub`, put a short description about the section. - `.projects__row` is the row for each project in your portfolio. @@ -439,7 +437,7 @@ Currently, I have already added a separate for each project ( considering there ``` -### Contact Section +#### Contact Section - On `.heading-sec__sub`, put a short description about the section. - `.contact__form-field` is the field inside form. Currently, there are 3 fields but you can add more fields as per your need but just make sure to change the name of **label** and **input/textarea** inside it. @@ -503,9 +501,7 @@ If you like to know how to submit forms so you can receive the form details in y ``` - - -### Footer Section +#### Footer Section - Inside h4 tag with the class `heading heading-sm text-lt` add your name. - On `.main-footer__short-desc` put a short description about yourself. @@ -584,11 +580,11 @@ If you like to know how to submit forms so you can receive the form details in y
-## Step 3 - Project Page +### Step 3 - Project Page Each project will have its own Page. The project page will have important details about the project like the Project Title, Description, Technologies, Project Links, etc. -### Project Hero Section +#### Project Hero Section - On `.heading-primary` add the Project Title. - On `.text-primary` add a short description about the Project. @@ -616,7 +612,7 @@ Each project will have its own Page. The project page will have important detail -### Project Details Section +#### 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. @@ -702,10 +698,9 @@ Each project will have its own Page. The project page will have important detail
- ## Deployment πŸ“¦ -Once you have done with your setup. You need to put your website online! +Once you have done with your setup, you need to put your website online! I highly recommend to use [Netlify](https://netlify.com) to achieve this on the EASIEST WAY @@ -748,7 +743,7 @@ If you find this project to be useful then please **support** me by donating som ## Give a Star ⭐ -If you like this project then give it a **Github** star by pressing the **Star** button ⭐ +If you like this project, give it a **GitHub** star by pressing the **Star** button ⭐
@@ -758,13 +753,13 @@ If you like this project then give it a **Github** star by pressing the **Star** ## Author πŸ‘¨β€πŸ’» -- **Ram Maheshwari** - **[Linkedin](https://linkedin.com/in/rammcodes)**, **[Twitter](https://twitter.com/rammcodes)**, **[Github](https://github.com/rammcodes)**, **[Portfolio](https://rammaheshwari.com)** +- **Ram Maheshwari** - **[LinkedIn](https://linkedin.com/in/rammcodes)**, **[Twitter](https://twitter.com/rammcodes)**, **[GitHub](https://github.com/rammcodes)**, **[Portfolio](https://rammaheshwari.com)**
-#### Note: -I'm currently looking for good **Job Opportunities** both **Remote ( Worldwide )** and **On-Site ( Anywhere in India )**. So, if you have a good opportunity that matches my skills experience then you can contact me on my **[Linkedin](https://linkedin.com/in/rammcodes)** or my email id **rammcodes@gmail.com** πŸ™Œ +### Note +I'm currently looking for good **Job Opportunities** both **Remote ( Worldwide )** and **On-Site ( Anywhere in India )**. So, if you have a good opportunity that matches my skills experience then you can contact me on my **[Linkedin](https://linkedin.com/in/rammcodes)** or my email id **rammcodes@gmail.com** πŸ™Œ
@@ -785,4 +780,3 @@ Special thanks to [Jacobo MartΓ­nez](https://github.com/cobidev) for inspiring m ## License πŸ“„ This project is licensed under the **GPL-3.0** License - see the [LICENSE](LICENSE) file for details -