Welcome to Ironhack's Euro Coding Challenge! In this page you will find all the resources you'll need for your coding adventure.
Click on the image below to see a live preview of the project.
Having trouble setting up your files and folders?
Download and extract the spotify-project.zip file. It already has the project structure and all the images you need!
- Big Section Text
- Music for everyone.
- Spotify is now free on mobile, tablet and computer. Listen to the right music, wherever you are.
- Features Text
- What's on Spotify?
- Millions of Songs
- There are millions of songs on Spotify.
- HD Music
- Listen to music as if you were listening live.
- Stream Everywhere
- Stream music on your smartphone, tablet, or computer.
- Kanye Text
- It's as yeezy as Kanye West.
- Search
- Know what you want to listen to? Just search and hit play.
- Browse
- Check out the latest charts, brand new releases and great playlists for right now.
- Discover
- Enjoy new music every Monday with your own personal playlist. Or sit back and enjoy Radio.
- Google Fonts
<link>tag for the Open Sans font<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet">
A simplified version of the Ironhack Alumni page.
Click on the image below to see a mockup of the project.
- Header Text
- Courses
- Locations
- Alumni
- Career
- Services
- Apply Now
- Big Section Text
- Alumni
- Learn about the Ironhack experience directly from those who have already lived it and survived to tell the tale.
- Statistics Text
- +1500 Graduated Students
- 4.9/5 Average Rating
- +600 Student Testimonials
- Featured Alumni Text
- Featured Alumni
- "Society, Science, Tech and the world in general are changing so fast, that it’s nearly impossible for universities to react accordingly."
- Karolin Siebert - Web Development Bootcamp
- Ratings Text
- Rated Top 3 in the World
- Our 4.9 score on Course Report and SwitchUp rank us in the top 3 coding and design schools in the world. Here are some of our student reviews:
- "Even after finishing the bootcamp, I know there is so much to learn. Ironhack gave me the tools to learn on my own for my web development career."
- Reviewed by Sarah Abogabir
- "I would go back and do it again in a heartbeat. Even the hard times, the late nights, every moment of it brought me where I am today. If you love software and need a place to start, you really don’t need to look any further."
- Reviewed by Crystal Jones
- "Ironhack has been an unforgettable experience for me and that I would most definitely recommend it to anyone really serious about learning how to code!"
- Reviewed by Tiago Ameller
- Google Fonts
<link>tag for the Roboto Mono font (titles) and the Roboto font (other text).<link href="https://fonts.googleapis.com/css?family=Roboto+Mono:700|Roboto" rel="stylesheet">
- Colors
- Navigation links -
#c4f5ff - Big section paragraph -
#797986 - Statistics text -
#2d354c - Featured Alumni background -
#2d354c - Featured Alumni small text -
#abacb8 - Ratings background -
#fff3e4 - Ratings 4.9 score text -
#827f8a - Ratings review text -
#2d354c - Ratings review small text -
#666666
- Navigation links -
- Code for the shadows
- Big Section -
box-shadow: 0 32px 64px 0 rgba(30,35,52,.1); - Reviews -
box-shadow: 0 6px 12px 0 rgba(0,0,0,.2);
- Big Section -
Here are some extra resources to learn more about HTML & CSS.
- CSS-Tricks - In-depth guides on all things CSS.
- Flexbox playground - An interactive page to learn about what all the Flexbox properties do.
- Flexbox Froggy - A cool game to learn more about Flexbox.
- CSS Grid course - Free videos to learn about CSS Grid (the next generation flexbox).
- Bootstrap 4 Video - A video to learn about Bootstrap, a cool tool to write less CSS.
Of course, to get better you need to continue to build Websites!