├── README.md ├── design └── cv_wireframe.pdf ├── starter_code ├── index.html └── src │ └── img │ ├── arrow-down.svg │ ├── icon-instagram.png │ ├── icon-phone.png │ ├── icon-twitter_squared.png │ └── mail.png └── style-guide.md /README.md: -------------------------------------------------------------------------------- 1 | # Erika CV 2 | 3 | 4 | ## Welcome! 5 | 6 | **To do this challenge, you need a basic understanding of HTML5 and CSS3.** 7 | 8 | The challenge is to build out your cv and get it looking as close to the design as possible. 9 | 10 | You can use any tools you like to help you complete the challenge. So if you've got something you'd like to practice, feel free to give it a go. 11 | ## Requirements 12 | 13 | - Fork this repo 14 | - Clone this repo 15 | 16 | ## Submission 17 | 18 | - Upon completion, run the following commands: 19 | 20 | ``` 21 | git add . 22 | git commit -m "done" 23 | git push origin main 24 | ``` 25 | 26 | - Create Pull Request so your TAs can check up your work. 27 | 28 | ## Instructions 29 | 30 | **All your work will happen inside *starter_code* so first enter *starter_code* and start coding**. 31 | Your task is to build out the projecto to the designs inside `/design` folder. You will find both a mobile and a desktop version of the design. 32 | 33 | The designs are in JPG static format. Using JPGs will mean that you'll need to use your best judgment for styles such as `font-size`, `padding` and `margin`. 34 | 35 | You will find all the required assets in the `/starter_code/src/images` folder. The assets are already optimized. 36 | 37 | There is also a `style-guide.md` file containing the information you'll need, such as color palette and fonts. 38 | 39 | ### Built with 40 | 41 | - Semantic HTML5 markup 42 | - CSS custom properties 43 | -Desktop-first workflow 44 | 45 | ### Useful resources 46 | 47 | - [CSS Docs](https://developer.mozilla.org/en-US/docs/Web/CSS) - This helped me to learn CSS3. 48 | - [CSS3 properties](https://css-tricks.com/almanac/properties/) - A list with common CSS3 properties. 49 | 50 | Happy coding! ❤️ -------------------------------------------------------------------------------- /design/cv_wireframe.pdf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/daedraMex/eri_cv/7dfe220f57c97aec649ccb21ea8a2caefcc25292/design/cv_wireframe.pdf -------------------------------------------------------------------------------- /starter_code/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Document 10 | 11 | 12 | 13 | 14 | 15 | 16 | l -------------------------------------------------------------------------------- /starter_code/src/img/arrow-down.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /starter_code/src/img/icon-instagram.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/daedraMex/eri_cv/7dfe220f57c97aec649ccb21ea8a2caefcc25292/starter_code/src/img/icon-instagram.png -------------------------------------------------------------------------------- /starter_code/src/img/icon-phone.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/daedraMex/eri_cv/7dfe220f57c97aec649ccb21ea8a2caefcc25292/starter_code/src/img/icon-phone.png -------------------------------------------------------------------------------- /starter_code/src/img/icon-twitter_squared.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/daedraMex/eri_cv/7dfe220f57c97aec649ccb21ea8a2caefcc25292/starter_code/src/img/icon-twitter_squared.png -------------------------------------------------------------------------------- /starter_code/src/img/mail.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/daedraMex/eri_cv/7dfe220f57c97aec649ccb21ea8a2caefcc25292/starter_code/src/img/mail.png -------------------------------------------------------------------------------- /style-guide.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/daedraMex/eri_cv/7dfe220f57c97aec649ccb21ea8a2caefcc25292/style-guide.md --------------------------------------------------------------------------------