diff --git a/katebartova/image/jean-philippe-delberghe-75xPHEQBmvA-unsplash.jpg b/katebartova/image/jean-philippe-delberghe-75xPHEQBmvA-unsplash.jpg new file mode 100644 index 0000000..79e845e Binary files /dev/null and b/katebartova/image/jean-philippe-delberghe-75xPHEQBmvA-unsplash.jpg differ diff --git a/katebartova/index.html b/katebartova/index.html index 21cdb41..79f8cb8 100644 --- a/katebartova/index.html +++ b/katebartova/index.html @@ -3,11 +3,10 @@ - Kate's Linux Odyssey: A Journey Through Technology + Welcome to Kate's Linux Odyssey. - + @@ -16,7 +15,7 @@
+ + +
+ +
+
+

Recent posts

+

Recent posts on the blog

+
+ +
+
+
+ + 22 + Kate's Odyssey +
+
+ Join me and get to know me. +
+
+ +
+
+
+ + 22 + Kate's Odyssey +
+
+ Join me and get to know me. +
+
+ +
+
+
+ + 22 + Kate's Odyssey +
+
+ Join me and get to know me. +
+
+ +
+
+
+ + 22 + Kate's Odyssey +
+
+ Join me and get to know me. +
+
+ +
+
+
+ + 22 + Kate's Odyssey +
+
+ Join me and get to know me. +
+
+ +
+
+
+ + 22 + Kate's Odyssey +
+
+ Join me and get to know me. +
+
+ +
+
+
+ +
+
+
+

Latest Blog

+

recent blogs about linux & technology

+
+
+
+
+ + +
+
+
+
+
+ + + + \ No newline at end of file diff --git a/katebartova/style.css b/katebartova/style.css index 6ea1154..4660b7a 100644 --- a/katebartova/style.css +++ b/katebartova/style.css @@ -98,4 +98,88 @@ outline: 0; padding: 0.6rem 0; border: none; +} +.search-input::placeholder{ + text-transform: capitalize; +} +.search-btn{ + width: 40px; + font-size: 1.1rem; + color: var(--dark); + border: none; + background: transparent; + outline: 0; + cursor: pointer; +} +.design{ + padding: 4.5rem 0; +} +.title{ + text-align: center; + padding: 1rem 0; +} +.title h2{ + font-family: var(--Playfair); + font-size: 2.4rem; +} +.title p{ + text-transform: uppercase; + padding: 0.6rem 0; +} +.design-content{ + margin: 2rem 0; +} +.design-item{ + cursor: pointer; + margin: 1.5rem 0; +} +.design-img{ + position: relative; + overflow: hidden; +} +.design-img::after{ + position: absolute; + content: ""; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: rgba(0, 0, 0, 0.3); +} +.design-img img{ + transition: all 0.5s ease; +} +.design-item:hover img{ + transform: scale(1.2); +} +.design-img span:first-of-type{ + position: absolute; + z-index: 1; + top: 10px; + left: 10px; + background: var(--exDark); + color: #fff; + padding: 0.25rem 1rem; +} +.design-img span:last-of-type{ + position: absolute; + z-index: 1; + bottom: 10px; + right: 10px; + color: #fff; + font-weight: 700; + font-size: 1.1rem; +} +.design-title{ + padding: 1rem; + font-size: 1.2rem; + text-align: center; + width: 70%; + margin: 0 auto; +} +.design-title a{ + color: var(--dark); + text-decoration: none; + text-transform: capitalize; + font-family: var(--Playfair); } \ No newline at end of file