diff --git a/pages/buttons.html b/pages/buttons.html new file mode 100644 index 0000000..8a79a40 --- /dev/null +++ b/pages/buttons.html @@ -0,0 +1,75 @@ + + + + + + + + Buttons I've collected + + +
+
+

My Button

+

Feel Free to put in your site!

+ + +
+
+

Buttons Collecteion

+
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+
+
+ + \ No newline at end of file diff --git a/stylesheets/buttons.css b/stylesheets/buttons.css new file mode 100644 index 0000000..c397e4e --- /dev/null +++ b/stylesheets/buttons.css @@ -0,0 +1,57 @@ +body{ + background-image: url("/media/Art/EmptySpace.png"); + background-size: 10%; + text-align: center; + color: rgba(221, 74, 74, 0.918) +} + +#mainView{ + display: flex; + flex-direction: column; + align-items: center; +} + +.buttonSection{ + background-color: rgba(14, 161, 129, 0.308); + border-radius: 100px; + width: 350px; + margin: 1%; + padding: 4%; + border-color: aquamarine; + border-style: ridge; + display: flex; + flex-direction: column; + align-items: center; +} + +.buttonSection h1{ + text-shadow: 3px 2px rgb(180, 70, 171); +} + +.buttonSection h3{ + color: rgba(34, 79, 163, 0.959); + text-shadow: 1px 1px aquamarine; +} + +.buttonSection img{ + padding: 2%; + border-style: dotted; + border-color: orange; +} + +.buttonSection textarea{ + width: 30%; +} + +.buttonRow{ + display: flex; + flex-direction: row; + align-items: center; +} + +ul{ + list-style: none; + align-items: center; + text-align: center; + margin: 0; +}