website-personal-style

KO | EN

gitlite — search

#javascript #ai #typescript #golang #android #machine-learning #deep-learning #linux #macos #java #windows #pytorch #security #mcp

website-personal-style

(★ 11)

Minha primeira pág. de apresentação pessoal

website-personal-style Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Personal website - Eljonas Cavalcante

This is a solution for [Personal website](https://eljonascavalcante.github.io/website-personal-style/). The  site challenge is to build an interactive presentation that helps improve my coding skills when building realistic projects.

## Table of contents

- [Overview](#overview)
  - [The challenge](#the-challenge)
  - [Screenshot](#screenshot)
  - [Links](#links)
  - [Built with](#built-with)
  - [What I learned](#what-i-learned)
  - [Continued development](#continued-development)
  - [Useful resources](#useful-resources)
- [Author](#author)

## Overview

Above all, a personal website serves as a window where you can showcase particular skills and connect with a particular target audience. This applies best when it comes to the job market, whether you are looking for a better job or simply considering an alternative career path.

### The challenge

Users should be able to:

- See the size of the elements adjust based on their device's screen size
- Perform mathmatical operations like addition, subtraction, multiplication, and division
- Adjust the color theme based on their preference

### Screenshot

![](https://raw.githubusercontent.com/EljonasCavalcante/website-personal-style/main/screenshot.jpg)
![preview](https://user-images.githubusercontent.com/85083611/125692890-f8f0fbc6-72fa-4419-a70f-2f8eb1753e35.png)

### Links

- Figma URL: [Designing the website](https://www.figma.com/)
- Pixabay URL: [Free photos](https://pixabay.com/pt/)
- Google Fonts URL: [Fonts](https://fonts.google.com/)
- Iconscout URL: [Free icon](https://your-live-site-url.com)
- Swiper URL: [Framework](https://swiperjs.com/)

### Built with

- Semantic HTML5 markup
- CSS custom properties
- Function Javascrip
- Mobile-first workflow
- [Styled Components](https://styled-components.com/) - For styles

### Continuous development

CSS allows you to animate HTML elements without using JavaScript or Flash!

### Helpful Resources

- [W3 schools](https://www.w3schools.com/default.asp) - It helped me with the basic structure. I really liked this pattern and will use it going forward.
- [MSN Web Docs](https://developer.mozilla.org/) - This is an amazing article that helped me finally understand the x, y and z route.

## Author

- Website - [Eljonas Cavalcante](https://eljonascavalcante.github.io/website-personal-style/)
- Instagram - [@eljonascavalcante](https://www.instagram.com/eljonascavalcante/)

## Thanks

I finally finished this project!
Thank you Bianca Barbosa for your support.

website-personal-style

website-personal-style Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

website-personal-style

website-personal-style Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README