Arcron-ArchLinux/100-Days-Of-Code
0
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Modified the Arabic Color learning website

Browse Source
This commit is contained in:
Muhammad Ibrahim 2024-11-19 08:03:31 +05:30
parent 84c95a6c16
commit 7b0cb030a2
2 changed files with 35 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
Web Development Python Projects/5.4 Color Vocab Project/index.html
View File

@ -3,26 +3,26 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Spanish Vocabulary</title> <title>Arabic Vocabulary</title>
<link rel="stylesheet" href="./style.css" /> <link rel="stylesheet" href="./style.css" />
</head> </head>
<body> <body>
<h1>Colors</h1> <h1>Colors</h1>
<h2>Learn the colors in Spanish!</h2> <h2>Learn the colors in Arabic!</h2>
<h2 class="color-title" id="red">Rojo</h2> <h2 class="color-title" id="red">Ahmar</h2>
<img class="color" src="./assets/images/red.png" alt="red" /> <img class="color" src="./assets/images/red.png" alt="red" />
<h2 class="color-title" id="blue">Azul</h2> <h2 class="color-title" id="blue">Azraq</h2>
<img src="./assets/images/blue.png" alt="blue" /> <img src="./assets/images/blue.png" alt="blue" />
<h2 class="color-title" id="orange">Anaranjado</h2> <h2 class="color-title" id="orange">Burtiqal</h2>
<img src="./assets/images/orange.png" alt="orange" /> <img src="./assets/images/orange.png" alt="orange" />
<h2 class="color-title" id="green">Verde</h2> <h2 class="color-title" id="green">Akhdar</h2>
<img src="./assets/images/green.png" alt="green" /> <img src="./assets/images/green.png" alt="green" />
<h2 class="color-title" id="yellow">Amarillo</h2> <h2 class="color-title" id="yellow">Asfar</h2>
<img src="./assets/images/yellow.png" alt="yellow" /> <img src="./assets/images/yellow.png" alt="yellow" />
</body> </body>

28
Web Development Python Projects/5.4 Color Vocab Project/style.css
View File

@ -0,0 +1,28 @@
#red {
color: red;
}
#blue {
color: blue;
}
#orange {
color: orange;
}
#yellow {
color: yellow;
}
#green {
color: green;
}
.color-title {
font-weight: normal;
}
img {
height: 200px;
width: 200px;
}