From 7c3f7374bd930de04392024bdba12419d70d85b5 Mon Sep 17 00:00:00 2001 From: CherryKitten Date: Sun, 2 Oct 2022 19:50:51 +0200 Subject: [PATCH] Add "tribute page" certification project --- .../2-tribute-page/index.html | 31 ++++++++++ .../2-tribute-page/styles.css | 60 +++++++++++++++++++ index.html | 3 +- 3 files changed, 93 insertions(+), 1 deletion(-) create mode 100644 1-responsive-web-design/2-tribute-page/index.html create mode 100644 1-responsive-web-design/2-tribute-page/styles.css diff --git a/1-responsive-web-design/2-tribute-page/index.html b/1-responsive-web-design/2-tribute-page/index.html new file mode 100644 index 0000000..d6ee334 --- /dev/null +++ b/1-responsive-web-design/2-tribute-page/index.html @@ -0,0 +1,31 @@ + + + + + + Tribute page + + +
+

Great Baggi

+

Will *definitely* put you to sleep.

+
+ A blue raptor-like monster, standing on a rock and looking downwards. +
+

Great Baggi looking down at you, menacingly.

+
+
+

+ Great Baggi, also known as the Sleep Dog Wyvern, or the Cunning Usurper, is a Large Monster from the + Monster Hunter + video game series.
+ It was first introduced in + Monster Hunter Tri.

+ Its eyes will glow yellow in the dark. Great Baggi are matured male Baggi that have taken over a pack of their own.
+ It has developed its own unique ability; it can spit a tranquilizing liquid that inflicts sleep on its prey or hunters. It also has developed the ability to command Baggi to surround prey or hunters and spit tranquilizing liquid at them with a roar.
+ Also, Great Baggi is really really cool and cute.

+ Find out more about this beautiful creature at Kiranico +

+
+ + \ No newline at end of file diff --git a/1-responsive-web-design/2-tribute-page/styles.css b/1-responsive-web-design/2-tribute-page/styles.css new file mode 100644 index 0000000..4820928 --- /dev/null +++ b/1-responsive-web-design/2-tribute-page/styles.css @@ -0,0 +1,60 @@ +body{ + background-color: #1A222F; +} +main{ + background-color: #1C3A40; + margin: auto; + width: 80%; + text-align: center; + padding: 5px 0; + font-family: "Comic Sans MS", sans-serif; +} + +h1{ + margin: 10px auto; +} + +.subtitle{ + font-size: 12pt; + margin: 10px auto; +} + +.img-div{ + background-color: #1A222F; + width: 90%; + margin: auto; +} + +.caption{ + padding-top: 0; + padding-bottom: 20px; + font-family: unset; + font-size: 10pt; +} + +.tribute-info{ + max-width: 50%; + margin: auto; +} + +a { + color: gray; +} + +img{ + padding: 10px; + margin: auto; + width: 75%; + max-width: 100%; + display: block; +} + +ul{ + max-width: 20%; + margin: 0 auto; + list-style-type: none; + padding: 0; +} +.right{ + float: right; +} \ No newline at end of file diff --git a/index.html b/index.html index d3c6c63..bdb2e3c 100644 --- a/index.html +++ b/index.html @@ -11,6 +11,7 @@

CherryKitten Freecodecamp Projects

This is just a quick linklist to the Projects, probably will be made prettier once there are more.

Responsive Web Design

- Survey Form + Survey Form
+ Tribute Page \ No newline at end of file