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 @@ - - +
+

SuperCare Services

+

Childcare you can trust

+
+
+
+ nanny +

Evening Sitters Nanny

+ + + Reliable, local childcare ready to help you reclaim your social life. + +
+ +
+ nanny +

After-school-Nanny

+ + Fun, energetic and bubbly sitters to keep your kids entertained till + you get home. + +
+
+ nanny +

Daytime Help Nanny

+ + + Helping you manage your career, or just for an extra pair of hands. + +
+
+