This is the beginning.
-diff --git a/Icons/Music.png b/assets/images/icons/music.png similarity index 100% rename from Icons/Music.png rename to assets/images/icons/music.png diff --git a/Icons/Science.png b/assets/images/icons/science.png similarity index 100% rename from Icons/Science.png rename to assets/images/icons/science.png diff --git a/Icons/Sports.png b/assets/images/icons/sports.png similarity index 100% rename from Icons/Sports.png rename to assets/images/icons/sports.png diff --git a/Icons/Theatre and film.png b/assets/images/icons/theatre-and-films.png similarity index 100% rename from Icons/Theatre and film.png rename to assets/images/icons/theatre-and-films.png diff --git a/home.css b/assets/styles/home.css similarity index 87% rename from home.css rename to assets/styles/home.css index 3db3623..a5f7593 100644 --- a/home.css +++ b/assets/styles/home.css @@ -1,31 +1,33 @@ -body{ +body { + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: rgb(246, 239, 213); } + .categories { display:flex ; justify-content: space-between; width: 80%; position: center; margin: 0% 10%; - } +} .how-it-works-container { display: flex; flex-direction: column; justify-content: center; - } +} .how-it-works-item { margin-bottom: 10px; - } +} .description-container { width: 60%; - } +} .description-item { margin-bottom: 30px; - } +} img{ display: inline-block; diff --git a/assets/styles/index.css b/assets/styles/index.css new file mode 100644 index 0000000..5c9d143 --- /dev/null +++ b/assets/styles/index.css @@ -0,0 +1,31 @@ +a { + cursor: pointer; + color: inherit; +} + +a:hover, +a:focus { + color: red; + text-decoration: none; +} + +a:visited { + color: purple; +} + +a:visited:hover, +a:visited:focus { + color: blue; +} + +a:active { + color: green; +} + +u:hover { + color: green; +} + +p span { + text-decoration: underline; +} \ No newline at end of file diff --git a/assets/styles/style.css b/assets/styles/style.css new file mode 100644 index 0000000..f58f2db --- /dev/null +++ b/assets/styles/style.css @@ -0,0 +1,7 @@ +@import url('https://fonts.googleapis.com/css2?family=Anta&display=swap'); + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} \ No newline at end of file diff --git a/home.html b/home.html index e0a8fd1..8e9268a 100644 --- a/home.html +++ b/home.html @@ -1,20 +1,25 @@ +
- + + +This is the beginning.
-