Download as txt, pdf, or txt
Download as txt, pdf, or txt
You are on page 1of 2

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Spanish Vocabulary</title>
<link rel="stylesheet" href="./style.css" />
</head>

<body>
<h1>Colors</h1>
<h2>Learn the colors in Spanish!</h2>
<h2 class="color-title" id="red">Rojo</h2>
<img src="./assets/images/red.png" alt="red" />

<h2 class="color-title" id="blue">Azul</h2>


<img src="./assets/images/blue.png" alt="blue" />

<h2 class="color-title" id="orange">Anaranjado</h2>


<img src="./assets/images/orange.png" alt="orange" />

<h2 class="color-title" id="green">Verde</h2>


<img src="./assets/images/green.png" alt="green" />

<h2 class="color-title" id="yellow">Amarillo</h2>


<img src="./assets/images/yellow.png" alt="yellow" />
</body>
</html>

<!--
TODOs
IMPORTANT: You should not need to make ANY CHANGES to index.html
All code should be written in your CSS file.

1. Create a CSS file and incorporate it as an external stylesheet.


2. Use CSS to style each of the color titles to meaning.
Hint: Use the id to help if you don't know the words in spanish.
3. Use CSS to change all the color titles to have "font-weight: normal;"
4. Use CSS (not HTML) to make all the images 200px heigh and 200px wide.
Hint:
https://developer.mozilla.org/en-US/docs/Web/CSS/height
https://developer.mozilla.org/en-US/docs/Web/CSS/width
-->
<h5>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem porro culpa
repudiandae? Optio aut in id est, ab maxime impedit quaerat laudantium quos facere
facilis velit autem illo, atque tempora.
Quasi illo molestias quam quis, voluptate quae placeat amet nihil quidem, aperiam
eum nobis, optio laudantium excepturi dolor repellendus minus similique veritatis
ab quibusdam sunt. Maxime doloremque quos possimus optio?
Dolores quisquam repellendus, deserunt esse velit distinctio expedita porro
corporis optio hic in fuga, omnis exercitationem voluptatem dignissimos vitae. Nisi
repudiandae consectetur possimus veritatis quae aliquam nesciunt deserunt id ipsa?
Ullam dolorum, corrupti beatae voluptatibus aperiam eaque cum nihil odit accusamus
voluptate praesentium deleniti exercitationem reiciendis ab facilis! Dolore animi
numquam cumque pariatur doloribus dolores iure magni maxime optio dolorem.
Reiciendis nemo vel quibusdam! Consequatur error reiciendis nihil sapiente possimus
cum, maiores expedita natus at eum, repellendus ex. Doloremque quod perspiciatis
atque autem consequuntur quos laboriosam quidem accusamus fugit mollitia?
Enim pariatur quos harum quia rem, error beatae placeat quidem assumenda quisquam
voluptates facere commodi! Obcaecati, laborum ipsum rerum accusamus officiis
eligendi ab earum deserunt impedit alias corporis facilis qui.
Totam culpa neque ab voluptatum voluptatem aut repudiandae? Architecto cupiditate
dignissimos recusandae laborum odit minima officia possimus ullam ut consequuntur,
quos libero. Expedita corporis sed blanditiis eaque deserunt, dolorem sequi.
Suscipit, est totam itaque repellat sequi maiores libero velit nisi dolore earum
vitae tenetur temporibus id sint fugit delectus explicabo aut fuga autem incidunt
ut reprehenderit! Molestias ab doloremque alias.
Odit ad earum doloremque eos rerum maiores, dolorum saepe nobis reprehenderit?
Aspernatur iusto nam numquam praesentium voluptates eos eveniet nulla enim, earum
nisi quia sunt, officiis perferendis, delectus error recusandae.
Aspernatur nulla dolorem ratione culpa? Corrupti necessitatibus minima asperiores
odio nisi cumque dolorem reprehenderit qui, quis blanditiis optio nostrum. Id
cupiditate doloremque aliquam ipsam minima dolor quas voluptatem vitae expedita?
Suscipit iste ipsum, officiis corrupti odio eum provident ad perferendis est vitae?
Corrupti quos provident eaque rerum cumque esse harum possimus nisi. Ipsa debitis
corporis inventore veritatis voluptates. Non, alias?
Suscipit quam aperiam nam libero eum perferendis possimus, quae ipsam! Perspiciatis
debitis reprehenderit assumenda quos quaerat totam qui rem exercitationem
accusantium ullam harum nisi, culpa nulla facere neque deserunt tempore!
Asperiores quod qui inventore ullam, eligendi delectus distinctio? Quam ex soluta
natus velit repudiandae illum exercitationem eligendi aperiam alias recusandae.
Reiciendis debitis perspiciatis laudantium ipsum, ipsam asperiores eum quae ab.
Debitis possimus exercitationem molestiae aperiam itaque, pariatur laboriosam,
veniam necessitatibus nobis recusandae sapiente id doloremque, dolores esse?
Perferendis voluptatibus, alias amet debitis in voluptate deserunt iure quos
aperiam ullam. Ducimus.
Ullam atque, aliquid dolore quo excepturi reiciendis repellendus quas ipsa velit
id, repudiandae eligendi tenetur ex placeat sapiente nam consequatur laudantium.
Eveniet, odit maxime cupiditate suscipit corporis alias quas corrupti.
Enim nihil molestias commodi inventore similique libero deleniti dignissimos natus
ipsa aliquid? Impedit officiis provident deleniti eveniet unde laboriosam
exercitationem officia, beatae voluptates debitis? Delectus alias assumenda
repellendus quasi explicabo.
Nostrum quibusdam possimus temporibus commodi assumenda voluptas dicta animi
aspernatur, consectetur quisquam perspiciatis sit eos est esse, repudiandae quae
veniam error architecto quia? Mollitia modi odit reprehenderit ab quo placeat!
Eligendi atque, illum nostrum maxime molestiae quod eaque blanditiis fuga
voluptatem. Doloribus eligendi voluptatibus laborum commodi dolores corporis sit
totam eos minus eum, veritatis provident, autem saepe unde. Corrupti, minima.
Rerum illum sit fugit magnam eaque perspiciatis tempore eveniet non, optio quas
labore eligendi harum officia. Aliquid, soluta sit debitis perspiciatis voluptatem
dignissimos quaerat dolores corporis perferendis, voluptas fugit labore.
Provident adipisci a magni, tempore ut facilis quo debitis error iure quaerat
similique rem vitae aut optio quas fugit sint mollitia nobis fugiat laudantium nemo
nesciunt. Sit hic provident voluptates!\</h5>

You might also like