+
+
+ After-school-Nanny
+
+ diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 00000000..6b665aaa --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} diff --git a/css/style.css b/css/style.css index 75e9841e..77d45084 100644 --- a/css/style.css +++ b/css/style.css @@ -6,3 +6,59 @@ * for example: General styles, Navigation styles, Hero styles, Footer etc. * */ +:root { + --black: #000; + --blue-light: #96b1cd; + --pink-dark: #bdb7bf; + --pink-light: #ebebee; + --white: #fff; +} + +* { + margin: 0; + padding: 0; + box-sizing: border-box; +} + +header, +footer { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin-bottom: 1rem; + padding-top: 1rem; + padding: 1rem 1.5rem; + height: 150px; + background-color: var(--pink-dark); +} + +h1 { + margin-bottom: 10px; +} +article { + margin-bottom: 1rem; + border: 1px solid var(--green-dark); + border-radius: 5px; + padding: 10px; +} + +article:first-child { + background-color: var(--pink-light); +} + +article:last-child { + background-color: var(--pink-light); +} + +summary { + padding: 10px; + text-align: justify; +} +main { + display: flex; + justify-content: space-around; +} +img { + width: 100%; +} diff --git a/img/card1.jpeg b/img/card1.jpeg new file mode 100644 index 00000000..6553ebe5 Binary files /dev/null and b/img/card1.jpeg differ diff --git a/img/card2.jpg b/img/card2.jpg new file mode 100644 index 00000000..e8edb153 Binary files /dev/null and b/img/card2.jpg differ diff --git a/img/card3.jpg b/img/card3.jpg new file mode 100644 index 00000000..e652e948 Binary files /dev/null and b/img/card3.jpg differ diff --git a/index.html b/index.html index 67dfc7f5..9f53d842 100644 --- a/index.html +++ b/index.html @@ -16,7 +16,41 @@
- - +
+
+
+