From ce760ac18bac0e721e5dd4f5d0024c4f87734497 Mon Sep 17 00:00:00 2001 From: Adepeju18 <73551379+Adepeju18@users.noreply.github.com> Date: Fri, 20 Nov 2020 22:55:32 +0000 Subject: [PATCH] lorem ipsum blog --- .vscode/settings.json | 3 +++ css/style.css | 49 +++++++++++++++++++++++++++++++++++++++++++ index.html | 34 ++++++++++++++++++++++++++++++ 3 files changed, 86 insertions(+) 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..297f82b2 100644 --- a/css/style.css +++ b/css/style.css @@ -6,3 +6,52 @@ * for example: General styles, Navigation styles, Hero styles, Footer etc. * */ +header{ + padding: 20px; + text-align: center; + background: chartreuse; + font-size: 20px; + color: darkblue; +} +body { + background-color:rosybrown; +} +h2 { + color: darkslategray; + font-family: Courier; + font-size: 300%; + border: 2px; + padding: 30px; + +} +p { + color: forestgreen; + font-family: sans-serif; + font-size: 160%; +} +ul{ + list-style: none; + margin: 6px; + padding: 0%; +} +a:link{ + background-color: yellow; +} +a:hover{ + background-color: violet; +} +footer{ + text-align: center; + padding: 3px; + background-color: hotpink; + color: ivory; +} +article :first-child{ + color: royalblue; + font-style: italic; + background: salmon; +} + + + + diff --git a/index.html b/index.html index 67dfc7f5..a0eca988 100644 --- a/index.html +++ b/index.html @@ -17,6 +17,40 @@ +
+

lorem ipsum

+

Designers use Lorem Ipsum as a dummy text, something to cover the fact that content is missing from the design.
“Lorem Ipsum” is followed by more Latin text, making it easy for users or other designers to ignore it and imagine something more familiar or relevant in its place.
+ + Even before the internet was a thing, people already used Lorem Ipsum as a filler in printing tests.

+
+
+
+

Nietzsche Ipsum: The birth of tragically cool filler text

+

If Monty Python is too childish for you, here is another cool alternative to Lorem Ipsum: Nietzsche Ipsum.
The German philosopher from 1800s is still very relevant today.
Regardless of how you feel towards his philosophy, there is no denying that his words are elegant and still have impact.

+ + +

Batman Ipsum: WHERE is the cool text?

+

Batman has been a beloved hero across the world for decades, his grip on our hearts having only increased with the Dark Knight Trilogy.
Even if you’re not a big Batman fan, surely you can still appreciate that the screenwriters did a great job.
Talk about deep dialogues for a superhero movie!

+ + +

Obama Ipsum: yes we can (have awesome text)!

+

No matter what your political opinions of Obama are, very few people out there can say his speeches were poorly written.
The man knew how to make a speech! Always bringing in emotion, making a moral stand or inspiring unity – Obama’s speeches had it all.
+ + So, why not use his wise words instead of Lorem Ipsum?
Obama Ipsum is bound to make your product feel more real, as it will include current issues and debates that are still on-going, even with the radical change in administration.

+
+
+ +