From 97489f41fc5144b75230dab3864e96f690a9b137 Mon Sep 17 00:00:00 2001 From: SaharNaderi <108987674+SaharNaderi@users.noreply.github.com> Date: Fri, 28 Oct 2022 21:29:22 +0100 Subject: [PATCH] final --- .vscode/settings.json | 3 ++ css/style.css | 101 ++++++++++++++++++++++++++++++++++++++++++ home decor.jpeg | Bin 0 -> 5940 bytes index.html | 41 ++++++++++++++++- 4 files changed, 143 insertions(+), 2 deletions(-) create mode 100644 .vscode/settings.json create mode 100644 home decor.jpeg 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..4c156a2a 100644 --- a/css/style.css +++ b/css/style.css @@ -6,3 +6,104 @@ * for example: General styles, Navigation styles, Hero styles, Footer etc. * */ + * { + padding: 0; + margin: 0; + box-sizing: border-box; +} +header{ + width: 100%; + +} +nav{ + width: 100%; + background-color: rgba(0,0,0,0,0.5); + display: flex; + justify-content: space-between; + align-items: center; + margin: 10px; +} +nav .logo{ + width: 25%; + + font-size: 22px; + font-weight: bold; + padding: 40px; +} +nav .menu{ + width: 40%; + font-weight: bold; + display: flex; +} + +nav .menu a{ + width: 25%; + color: black; + font-size: 22px; + text-decoration: none; +} + +nav .menu a:hover { + color: blue; +} + + +section:nth-child(1){ + color: #fff; + margin: 5px; + padding: 6rem 2rem; + text-align: center; + font-weight: bold; + background-image: url(/home\ decor.jpeg); + background-repeat: no-repeat; + background-size: cover; +} +section h1{ + font-size: 50px; + margin-top: 5px; + text-shadow: 3px 1px black; +} +section h3{ + font-size: 20px; + margin-top: 5px; + text-shadow: 3px 1px black; +} + +.second-section { + display: flex; + flex-wrap: wrap; + justify-content: center; +} + +article { + display: flex; + flex-direction: column; + margin: 5px; + border: 1px solid black; + border-radius: 5px; + padding: 2rem 1rem; +} + +article:first-child { + background-color: yellow; +} + +.article-summery { + font-size: 20px; +} + +span { + cursor: pointer; + color: blue; + margin-top: 5px; +} + +span:hover { + text-decoration: underline; +} + +footer { + margin-top: 50px; + display: flex; + justify-content: center; +} \ No newline at end of file diff --git a/home decor.jpeg b/home decor.jpeg new file mode 100644 index 0000000000000000000000000000000000000000..8eb1bf2c7ecbbe26c7a93650496ecfa049093fdc GIT binary patch literal 5940 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%0A{Bdb69lDc5Eyik#bL+ndMCBv}#&%cz(eR|D(=O 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 T0P}LK7iN` - - +
+ +
+
+
+

INNTERIOR DESIGN COMPANY

+

EXPERIENCE INTERIOR
DESIGN

+
+
+
+

Home Color

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit.?

+ Read More +
+
+

Home Decor

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit.?

+ Read More +
+
+

Home Design

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit.?

+ Read More +
+
+
+