From dc4334e37efbcacf988065e773ca1771b97b32f7 Mon Sep 17 00:00:00 2001 From: baharbazargan62 <105979952+baharbazargan62@users.noreply.github.com> Date: Fri, 29 Jul 2022 12:53:26 +0100 Subject: [PATCH] change --- .vscode/settings.json | 3 ++ css/style.css | 78 +++++++++++++++++++++++++++++++++++++ index.html | 89 +++++++++++++++++++++++++++++++++---------- 3 files changed, 150 insertions(+), 20 deletions(-) create mode 100644 .vscode/settings.json diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 00000000..6f3a2913 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/css/style.css b/css/style.css index 75e9841e..49a839bb 100644 --- a/css/style.css +++ b/css/style.css @@ -6,3 +6,81 @@ * for example: General styles, Navigation styles, Hero styles, Footer etc. * */ +body { + background-color: rgb(241, 237, 232); +} + +.main-arti { + display: flex; + flex-direction: column; + justify-content: space-around; + +} + +.each-arti { + display: flex; + flex-direction: row; + border: 2px solid rgb(221, 214, 214); + margin-top: 29px; + padding-left: 20px; + box-shadow: ; + +} + +article:first-child { + background-color: rgb(238, 248, 248); + border-radius: 10%; + +} + +.navbar { + display: flex; + flex-direction: row; + justify-content: flex-start; +} + +a { + padding: 20px; + text-decoration: none; + color: rgb(96, 70, 26); + font-weight: 600; +} + +img { + width: 100px; + padding: 20px; +} + +section { + display: flex; + flex-direction: row; + justify-content: flex-start; + box-shadow: blue; +} + +p, +h1 { + text-align: justify; + font-family: 'Roboto', sans-serif; + padding: 20px; +} + +.section { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +a:hover { + color: cornflowerblue; + +} + +.footer { + display: flex; + justify-content: center; +} + +@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@1,300&family=Open+Sans:ital@1&family=Roboto:ital,wght@1,100;1,300&family=Uchen&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,300&display=swap'); \ No newline at end of file diff --git a/index.html b/index.html index 67dfc7f5..0a0f7133 100644 --- a/index.html +++ b/index.html @@ -1,22 +1,71 @@ - - - - My Blog - - - - - - - - - + + + + + My Blog + + + + + + + + +
+

FRONTEND LEARNING

+ +
+ +
+
+
+
+

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Commodi labore quasi laboriosam deleniti repellat + nobis consectetur consequatur vero optio laborum voluptates accusamus a quam, doloribus maiores + reprehenderit exercitationem neque. Nisi nobis saepe qui eaque eveniet, natus impedit incidunt repudiandae + ad est, eum perferendis temporibus possimus consequuntur ducimus placeat illo quo?

+ How to learn html +
+
+
+
css logo
+ +
+

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Commodi labore quasi laboriosam deleniti repellat + nobis consectetur consequatur vero optio laborum voluptates accusamus a quam, doloribus maiores reprehenderit + exercitationem neque. Nisi nobis saepe qui eaque eveniet, natus impedit incidunt repudiandae ad est, eum + perferendis temporibus possimus consequuntur ducimus placeat illo quo?

+ How to learn html +
+
+
+
+
+

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Commodi labore quasi laboriosam deleniti repellat + nobis consectetur consequatur vero optio laborum voluptates accusamus a quam, doloribus maiores + reprehenderit exercitationem neque. Nisi nobis saepe qui eaque eveniet, natus impedit incidunt repudiandae + ad est, eum perferendis temporibus possimus consequuntur ducimus placeat illo quo?

+ How to learn html +
+
+ +
+
+ + + + + + \ No newline at end of file