` tag with class name `.about-wrapper__info-text`, include information about you, I recommend to put 2 paragraphs in order to work well and a maximum of 3 paragraphs. - On last `` tag, include your CV (.pdf) path on `href` property, your resume CV must be located inside `/src/assets/` folder. ```html
This is where you can describe about yourself. The more you describe about yourself, the more chances you can!
Extra Information about you! like hobbies and your goals.
View Resume` tag with class name `.project-wrapper__text-title`, include your project title. - On `
` tag with `loremp ipsum` text, include your project description. - On first `` tag, put your project url on `href` property. - On second `` tag, put your project repository url on `href` property. --- - Inside `
` tag with class name `.project-wrapper__image`, put your project image url on the `src` of the `![]()
` and put again your project url in the `href` property of the `` tag.
- Recommended size for project image (1366 x 767), your project image must be located inside `/src/assets/` folder.
```html
...
See Live
Source Code
...
```
### (4) Contact Section
- On `
```
### (5) Footer Section
- Put your Social Media URL on each `href` attribute of the `` tags.
- If you an additional Social Media account different than Twitter, Linkedin or GitHub, then go to [Font Awesome Icons](https://fontawesome.com/v4.7.0/icons/) and search for the icon's class name you are looking.
- You can delete or add as many `` tags your want.
```html
...
...
```
### Step 2 - STYLES
Change the color theme of the website - (choose 2 colors to create a gradient)
Go to `/src/sass/abstracts/_variables.scss` and only change the values for this variables `$main-color` and `$secondary-color` with your prefered HEX color.
If you want to get some gradients inspiration I highly recommend you to check this website [UI Gradient](https://uigradients.com/#BrightVault)
```scss
// Default values
$main-color: #02aab0;
$secondary-color: #00cdac;
```
---
## Deployment 📦
Once you finish your setup. You need to put your website online!
I highly recommend to use [Netlify](https://netlify.com) because it is super easy.
## Others versions 👥
[Gatsby Simplefolio](https://github.com/cobiwave/gatsby-simplefolio) by [Jacobo Martinez](https://github.com/cobiwave)\
[Ember.js Simplefolio](https://github.com/sernadesigns/simplefolio-ember) by [Michael Serna](https://github.com/sernadesigns)
## Technologies used 🛠️
- [Parcel](https://parceljs.org/) - Bundler
- [Bootstrap 4](https://getbootstrap.com/docs/4.3/getting-started/introduction/) - Frontend component library
- [Sass](https://sass-lang.com/documentation) - CSS extension language
- [ScrollReveal.js](https://scrollrevealjs.org/) - JavaScript library
- [Tilt.js](https://gijsroge.github.io/tilt.js/) - JavaScript tiny parallax library
## Authors
- **Jacobo Martinez** - [https://github.com/cobiwave](https://github.com/cobiwave)
## Status
[](https://app.netlify.com/sites/the-simplefolio/deploys)
## License 📄
This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details
## Acknowledgments 🎁
I was motivated to create this project because I wanted to contribute on something useful for the dev community, thanks to [ZTM Community](https://github.com/zero-to-mastery) and [Andrei](https://github.com/aneagoie)
# Portfolio
Project Title
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Excepturi neque, ipsa animi maiores repellendus distinctio aperiam earum dolor voluptatum consequatur blanditiis inventore debitis fuga numquam voluptate ex architecto itaque molestiae.
` tag with class name `.contact-wrapper__text`, include some custom call-to-action message. - On `` tag, put your email address on `href` property. ```html
Contact
[Put your call to action here]
Call to Action