Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/marocena26/elena-arocena-portfolio
My personal portfolio where you can learn more about me. Responsive web 🌞. Technologies used: HTML 5, CSS, Sass and animations. Individual project.
https://github.com/marocena26/elena-arocena-portfolio
css-flexbox css3 html5 responsive-web-design sass sass-functions sass-mixins
Last synced: 17 days ago
JSON representation
My personal portfolio where you can learn more about me. Responsive web 🌞. Technologies used: HTML 5, CSS, Sass and animations. Individual project.
- Host: GitHub
- URL: https://github.com/marocena26/elena-arocena-portfolio
- Owner: marocena26
- License: mit
- Created: 2023-01-26T17:52:33.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-03-21T07:42:45.000Z (10 months ago)
- Last Synced: 2024-10-31T09:41:51.597Z (2 months ago)
- Topics: css-flexbox, css3, html5, responsive-web-design, sass, sass-functions, sass-mixins
- Language: HTML
- Homepage: https://marocena26.github.io/elena-arocena-portfolio/index.html
- Size: 38.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Elena Arocena Portfolio 🌞
## 🔍 Note
This is an **older version** of my personal portfolio, if you want to see the **updated project** click on the following **[link](https://github.com/marocena26/elena-arocena-portf)**, if not, keep reading ;)
## 🚀 Introduction
Welcome!👏🏻 In this repository you can find the files generated in the creation of my **personal Portfolio**.
The main objective was to create a **responsive website** where you can know a **little more about me and my work**.
> **NOTE:** Direct link to the project by clicking on the following **[link](https://marocena26.github.io/elena-arocena-portfolio/)**
## 📄 Description
**Welcome to my personal Portfolio!** If you are interested in knowing a little more about me and my work, you are in the right place.
In this repository we present a **website simple, intuitive and adapted to any type of device** (mobile, tablet and PC) so you can take a look at it at any time. **Designed and developed with HTML and Sass**, you will find the following sections:
### Home
**Main section**. Here you will find direct access to some of my networks and the presentation of the web page.
### Sobre mí
Here you will find **information about me**: short presentation and skills.
### Proyectos
Here you will find **information about the projects** I have done so far. Each card has a **direct link to the GitHub repository** **and** to **the web page**.
### Contacto
Here you will find direct access to my **social networks to contact me**.
## 🛠️ Tools
The following tools have been used when solving the project:
- **HTML** (with partials for an easier lecture and project organization)
- **CSS/Sass**
- **Partials**
- **Variables, mixins and functions**
- **Flexbox**
- **CSS Grid**
- **Box model** (size, padding and margin)
- **Media queries**
- **Position**
- **Transition**
- **GIT version control**
## 💾 Steps to follow to use this project on your computer:
> **NOTE:** This project has been realized using a project template with pre-installed and pre-configured functionalities, such as the Adalab web starter kit. This kit includes an HTML template engine, the SASS preprocessor and a local server and much more. To be able to work with it, **Node JS** must be previously installed.
1. **Go to github.com/your-user/name-of-project**, **clone it** and do whatever you want, you can rename the repo, change the code, redeploy it to GitHub Pages...
2. **Finally** and for everything to work properly, **you must disable GitHub Pages and re-enable** it so that GitHub generates the new URL correctly.
3. Open it in your code editor.
4. Open a terminal and **install the local dependencies** by executing in the command terminal. Here are the ones I used to start my project:
```bash
npm install
```
The project has to be **started** every time we start programming, to do this we will execute the **command**:
```bash
npm start
```
After running `npm start` we can start editing all the files inside the src/ folder and program comfortably 💫
## 🌻 Credits & Feedback
Designed & Developed By **[Elena Arocena](https://github.com/marocena26)**
Any input is most welcome. Thank you very much!