From 3abf905ef88cfa686881462790320ecdeeee330b Mon Sep 17 00:00:00 2001 From: HereshT Date: Wed, 25 Jan 2023 10:45:50 +0000 Subject: [PATCH] Final Changes modified: css/style.css new file: images-chess board.jpg modified: index.html --- css/style.css | 160 ++++++++++++++++++++++++++++++++++++++-- images-chess board.jpg | Bin 0 -> 4811 bytes index.html | 163 +++++++++++++++++++++++++++++++++++++---- 3 files changed, 299 insertions(+), 24 deletions(-) create mode 100644 images-chess board.jpg diff --git a/css/style.css b/css/style.css index 75e9841e..c698cb4d 100644 --- a/css/style.css +++ b/css/style.css @@ -1,8 +1,152 @@ -/** - * Add your custom styles below - * - * Remember: - * - Be organised, use comments and separate your styles into meaningful chunks - * for example: General styles, Navigation styles, Hero styles, Footer etc. - * - */ +body { + font-family: Arial, Helvetica, sans-serif +} + +.header { + display: flex; + flex-direction: row; + flex: auto; + gap: 30px; + align-items: center; + justify-content: space-between; + height: 120px; + border: 2px solid rgb(2, 0, 10); +} + +.header-image { + width: 140px; + max-width: 140px; + margin: 5px; +} + +h1 { + font-size: 28px; + line-height: 24px; + font-weight: bold; + font-style: italic; + font-family: 0.8rem 'Fira Sans', sans-serif; + text-align: center; +} + +#main-nav { + display: flex; + flex-direction: row; + flex: auto; + align-items: center; + justify-content: space-around; + background-color: rgb(232, 248, 11); + border-radius: 20px; + cursor: pointer; + font-size: 14px; + line-height: 20px; + font-weight: bold; + font-style: italic; + text-align: center; + font-family: 'Fira Sans', sans-serif; + margin-right: 5px; + padding: 10px; +} + +article:first-child { + color: rgb(0, 0, 0); + background-color: rgb(245, 9, 9); + padding: 5px; + margin-top: 40px; + border-radius: 30px; + font-size: 16px; + line-height: 20px; + font-style: italic; + font-family: 'Fira Sans', sans-serif; +} + +article { + background-color: #c2f7f7; + padding: 5px; + margin-top: 40px; + border-radius: 30px; + font-size: 16px; + line-height: 20px; + font-style: italic; + font-family: 'Fira Sans', sans-serif; +} + +.links { + color: rgb(19, 2, 43); + font-weight: bold; + font-style: italic; + text-align: center; + font-family: 'Fira Sans', sans-serif; +} + +.summary { + background-color: rgb(255, 255, 255); + display: inline-block; + color: rgb(0, 0, 0); + border-radius: 3px; + font-size: 16px; + line-height: 20px; + font-style: italic; + font-family: 'Fira Sans', sans-serif; +} + +.footer-box { + margin-bottom: 40px; + display: flex; + flex-direction: row; + flex: auto; + gap: 2px; + align-items: stretch; + justify-content: space-between; + height: auto; + padding: 30px; +} + +.subscribe-form, +.copyright-text { + color: rgb(19, 2, 43); + font-weight: bold; + font-style: italic; + text-align: center; + font-family: 'Fira Sans', sans-serif; +} + +#input-email { + text-size-adjust: 100%; + box-sizing: inherit; + font-family: sans-serif, 'Fira Sans'; + background-color: transparent; + font-size: 1rem; + border: 1px solid rgb(226, 11, 40); + border-radius: 10px; + display: inline; + padding: 3px; + color: blue; +} + +.subscribe-button { + align-items: center; + border: 0px; + border-radius: 10rem; + background-color: rgb(237, 44, 157); + color: rgb(255, 255, 255); + cursor: pointer; + font-family: sans-serif, 'Fira Sans'; + font-size: 1rem; + font-style: italic; + font-weight: 300; + justify-content: center; + padding: 4px; + text-align: center; +} + +.copyright-bars, +.info-bar, +.subscribe-bar { + display: flex; + flex-direction: row; + flex: auto; + gap: 2px; + align-items: center; + justify-content: space-between; + height: auto; +} \ No newline at end of file diff --git a/images-chess board.jpg b/images-chess board.jpg new file mode 100644 index 0000000000000000000000000000000000000000..66e14d1f59e2a0e06ab1b2f4f86217f4efd473f9 GIT binary patch literal 4811 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 - + + + - + My Blog - + + + + + + - - - - - - + + + + + + + + +
+ + chess-board + +

Glasgow Southside
Chess Club

+ + + + +
+ + + + + + + +
+ + + +
+ +
+

About this blog

+
+ Why this blog? + 1. ............ 2. ......... ...... 3. ............ ........ ......... +
+ +

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a est ut libero tincidunt porta ac ut ipsum. Quisque eget cursus nulla. Fusce ac hendrerit metus, nec efficitur purus. Sed finibus ex sed orci bibendum volutpat. Donec quis + blandit mi. Sed lacinia varius turpis, ac vulputate elit aliquam vel. Maecenas gravida nunc lectus, quis posuere augue cursus eu. Vestibulum feugiat risus vitae massa porttitor, venenatis ornare tortor consequat. Nunc vehicula felis + erat, et tincidunt orci molestie sit amet. Sed eu dui ornare tellus ullamcorper aliquet ut eu mauris. Praesent at vestibulum enim, porta mollis urna. Sed quam enim, suscipit sed eros a, feugiat scelerisque dui. In ac nunc gravida, + facilisis erat non, sagittis dolor. Curabitur a auctor mi. Donec ac gravida risus. Duis quis rutrum velit. + Read more +

+ +
+ +
+

The History of Chess

+
+ Turning Points + 1. Before 1900 2. After 1900 +
+ +

Vestibulum blandit lacus a velit feugiat, sed fringilla quam tristique. Etiam vitae dolor non massa faucibus hendrerit sed non magna. Nulla facilisi. Vivamus ac lacus porttitor, sagittis metus quis, hendrerit enim. Sed nisl justo, consequat + tristique purus vel, auctor pulvinar nisl. Curabitur velit lectus, pellentesque sed erat nec, hendrerit elementum orci. Pellentesque efficitur nisl in velit posuere pellentesque. Vivamus ac vulputate felis. Vestibulum id nulla dolor. + Curabitur euismod enim quis ipsum pretium scelerisque. Maecenas laoreet tristique elit. Nunc dolor felis, tincidunt ut enim at, accumsan ullamcorper est. Integer pretium ex rutrum, semper tellus maximus, dictum orci. Curabitur eget + ullamcorper mi. Donec id volutpat nulla, ut ultricies justo. Quisque quis eros id ante rhoncus convallis. + + Read more +

+
+ +
+

Our Club Background

+

Etiam vel mi sed nunc dignissim aliquet vel ut odio. Integer finibus lectus sed lorem ullamcorper, non varius ligula pellentesque. Ut sed libero dapibus, aliquam diam sit amet, pulvinar est. Integer mattis orci vel lacus facilisis, sit + amet auctor neque suscipit. Suspendisse vitae pretium justo. Donec vitae imperdiet nibh. Nullam convallis ipsum non ligula placerat, at ultrices sem laoreet. Sed eu tellus ante. Fusce venenatis ligula lacus, et pellentesque magna molestie + in. Quisque pretium tincidunt congue. Nullam a ultricies metus, tincidunt pharetra magna. Phasellus eget nisi non dui fermentum venenatis. Maecenas interdum libero nisl, nec vulputate massa feugiat vitae. Sed nibh nisl, vulputate a + libero eu, faucibus porta augue. Etiam sem ante, finibus at efficitur a, hendrerit nec magna. + Read more +

+
+ +
+ + + +
+ + + + + + + + + + + + + + + \ No newline at end of file