/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.

Primary LanguageHTMLMIT LicenseMIT

Elena Arocena Portfolio 🌞

image

🔍 Note

This is an older version of my personal portfolio, if you want to see the updated project click on the following link, 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

📄​ 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:
npm install

The project has to be started every time we start programming, to do this we will execute the command:

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

Any input is most welcome. Thank you very much!