📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Prerequisites
  • Setup
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• ❓ FAQ (OPTIONAL)
• 📝 License

📖 Try Bootstrap

In this project, we applied some bootstrap components (cards, buttons, badges). Also we established a connection among css and preprocessors(SASS, SCSS) using an extension "Live Sass Compiler" in vscode.

🛠 Built With

Tech Stack

Client

• HTML
• CSS
• Bootstrap
• Preprocessors

Server

• N/A

Database

• N/A

Key Features

• Follow a correct Gitflow
• Use Bootstrap components
• Use Preprocessors
• Use Transitions

(back to top)

🚀 Live Demo

• Live Demo Link

(back to top)

💻 Getting Started

To get a local copy up and running, follow these steps:

Prerequisites

In order to run this project you need:

✅ Github account
✅ Visual Studio Code installed
✅ Node.js installed
✅ Git Bash installed (optional)

Setup

Clone this repository to your desired folder:

  cd [my-folder]
  git clone git@github.com:CarlosIgreda/Portfolio-setup-and-mobile-first.git

(back to top)

👥 Authors

Carlos Igreda

• GitHub: @CarlosIgreda
• Twitter: @carlosigreda
• LinkedIn: @carlosigreda

Dany Augustin

• GitHub: @amiralda

Hernán Güemes

• GitHub: @HFG43

(back to top)

🔭 Future Features

• Interaction using Javascript

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project you can follow me on Github.

(back to top)

🙏 Acknowledgments

I would like to thank all Microverse staff and my learning partners as well.

(back to top)

❓ FAQ

• What is a Linter?

  • Linter is a tool that analyzes source code to flag programming errors, bugs, stylistic errors, and suspicious constructs.

• What is meant by Gitflow?

  • Gitflow is an alternative Git branching model that involves the use of feature branches and multiple primary branches.

• How to use flexbox?

  • The main idea behind the flex layout is to give the container the ability to alter its items’ width/height (and order) to best fill the available space (mostly to accommodate to all kind of display devices and screen sizes). A flex container expands items to fill available free space or shrinks them to prevent overflow.

• What is grid layout?

  • CSS Grid Layout excels at dividing a page into major regions or defining the relationship in terms of size, position, and layer, between parts of a control built from HTML primitives.

• What is hover effect?

  • Creating CSS link hover effects can add a bit of flair to an otherwise bland webpage. If you’ve ever found yourself stumped trying to make a slick hover effect, then I have six CSS effects for you to take and use for your next project.

• What is form validation?

  • When you enter data, the browser and/or the web server will check to see that the data is in the correct format and within the constraints set by the application. Validation done in the browser is called client-side validation, while validation done on the server is called server-side validation. In this chapter we are focusing on client-side validation.

• What is UX?

  • User experience (UX) design is the process design teams use to create products that provide meaningful and relevant experiences to users.

• What is media query?

  • Media queries allow you to apply CSS styles depending on a device's general type (such as print vs. screen) or other characteristics such as screen resolution or browser viewport width.

• What is accessibility?

  • Accessibility is essential for developers and organizations that want to create high quality websites and web tools, and not exclude people from using their products and services.

• What is Bootstrap?

  • Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins.

(back to top)

📝 License

This project is MIT licensed.

(back to top)